/* General Page Styles */
        body { font-family: sans-serif; margin-left: 3%; margin-right:3%; padding: 20px; background-color: #f4f4f4; }
        h1,p,a { text-align: center; margin-bottom: 20px; }
        
        /* The Main Table Container */
        .div-table {
            width: 100%;
            border-top: 1px solid #000;
            border-left: 1px solid #000;
            border-right: 1px solid #000;
            background-color: #fff;
        }

        /* Table Row */
        .table-row {
            border-bottom: 1px solid #000;
        }

        /* Left Column (20%) */
        .cell-title {
            border-right: 1px solid #000;
            padding: 15px;
            align-items: center;
            justify-content: center;
            background-color: #e9e9e9;
        }

        /* Right Column (80%) */
        .cell-desc {
            padding: 15px;
            display: flex;
            align-items: center;
        	text-align:center;
        }

		/* Used In the reading section */
    	.memo-title {
    	text-align:center;
    	background-color:#e9e9e9;
    	width:100%;
}

    	.memo-text {
    	text-align:center;
    	background-color:#e9e9e9;
    	width:100%;
}

        /* Typography */
        p { margin: 0; font-size: 18px; }
        .cell-title p { text-align: center; font-weight: bold; }
        .cell-desc p { text-align: left; line-height: 1.4; }
        a { color: #0044cc; text-decoration: none; }
        a:hover { text-decoration: underline; }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            .table-row { flex-direction: column; }
            .cell-title { border-right: none; border-bottom: 1px solid #000; flex: 1 0 auto; }
            .cell-desc { flex: 1 0 auto; }
            .cell-title p, .cell-desc p { font-size: 16px; }
        }