body { margin: 0; color: #26342b; background: #f8f6ed; font: 16px/1.65 Manrope, sans-serif; }
main { max-width: 800px; margin: 48px auto; padding: 0 24px 48px; }
h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.2; }
h2 { margin-top: 32px; font-size: 22px; }
a { color: #385c35; text-underline-offset: 3px; }
nav, footer { display: flex; flex-wrap: wrap; gap: 16px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
td, th { text-align: left; vertical-align: top; padding: 12px 8px; border-bottom: 1px solid #d9ddcf; }
.notice { padding: 16px; background: #ecefdc; border-radius: 12px; }
@media (max-width: 550px) { table, tbody, tr, td, th { display: block; } thead { display: none; } td:first-child { font-weight: bold; border: 0; padding-bottom: 0; } }