h2{font-size:20px;font-weight:500}
section { margin-bottom: 2rem; padding-bottom: 0.75rem; border-bottom: 1px solid #eee; } 
table { width: 100%; border-collapse: collapse; margin-top: 0.5rem; } 
th, td { border: 1px solid #e6e6e6; padding: 0.75rem; text-align: left; vertical-align: top; } 
td {font-size:15px; line-height: 135%}
th { background: #f9f9f9; width: 22%; font-size:17px;font-weight: 400} 
/*ul{margin:.25rem 0 .25rem 1.1rem;padding-left:0}*/
.remarks{font-style:italic;color:#333}
.source{font-size:.9rem;color:#666;margin-top:.5rem}
@media (max-width: 768px) {
    table, tbody, tr, th, td { display: block; width: 100%; } /* Each table row becomes its own card */ 
    tr { border: 1px solid #ddd; border-radius: 6px; margin-bottom: 1rem; padding: 0.5rem; background: #fafafa; } 
    /* Hide original header column style */ 
    th { background: none; border: none; padding: 0.25rem 0} 
    /* Make td appear as normal text under the header */ 
    td { border: none; padding: 0.25rem 0 0.75rem 0; } 
    /* Remove the outer borders of inner table structure */ 
    table { border: none; } 
}