:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17241f; background: #f5f7f3; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
header { background: #10251e; color: #f4f7f3; padding: 15px 24px; }
.nav, main, footer { width: min(820px, calc(100% - 40px)); margin: 0 auto; }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { color: inherit; font-size: 19px; font-weight: 800; letter-spacing: -.03em; text-decoration: none; }
nav { display: flex; gap: 18px; }
nav a { color: inherit; font-size: 14px; }
main { margin-top: 48px; margin-bottom: 64px; padding: 36px; border: 1px solid #dfe6de; border-radius: 14px; background: white; box-shadow: 0 12px 36px #263c2810; }
.eyebrow { margin: 0 0 10px; color: #577567; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
h1 { margin: 0; color: #10251e; font-family: Georgia, serif; font-size: clamp(32px, 6vw, 44px); font-weight: 500; letter-spacing: -.04em; }
.updated { margin: 9px 0 28px; color: #65766e; font-size: 13px; }
h2 { margin: 30px 0 9px; color: #183d2d; font-size: 18px; }
p, li { color: #42534b; font-size: 15px; line-height: 1.7; }
ul { padding-left: 22px; }
a { color: #176843; }
footer { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 32px; color: #65766e; font-size: 12px; }
footer a { color: #405b4d; }
@media (max-width: 560px) { header { padding: 13px 0; } .nav, main, footer { width: min(100% - 28px, 820px); } nav { gap: 10px; } nav a { font-size: 12px; } main { margin-top: 22px; padding: 24px 20px; } footer { flex-direction: column; } }