:root { color-scheme: light; font: 17px/1.6 system-ui, sans-serif; background: #f7f6f2; color: #1c2925; }
body { max-width: 48rem; margin: 0 auto; padding: 1.5rem 1.2rem 4rem; }
a { color: #125a48; text-underline-offset: .15em; }
h1, h2 { line-height: 1.2; }
h1 { font-size: clamp(2rem, 5vw, 3rem); }
h2 { margin-top: 2rem; font-size: 1.35rem; }
table { border-collapse: collapse; width: 100%; font-size: .94rem; }
th, td { border-bottom: 1px solid #ccd5d0; padding: .65rem .5rem; text-align: left; vertical-align: top; }
@media (max-width: 38rem) { table, thead, tbody, tr, th, td { display: block; } th { border: 0; padding-bottom: 0; } td { padding-top: 0; } }