:root { color-scheme: light; --ink:#1e2925; --muted:#5e6b65; --line:#dbe3df; --accent:#1f6955; --paper:#f7faf8; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.site-header,.site-footer { display:flex; justify-content:space-between; gap:24px; align-items:center; max-width:1080px; margin:auto; padding:24px; }
.site-header { border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font-weight:750; font-size:1.2rem; text-decoration:none; }
nav { display:flex; gap:18px; } nav a { color:var(--muted); text-decoration:none; }
main { max-width:1080px; margin:auto; padding:0 24px 64px; }
.hero { max-width:760px; padding:88px 0 72px; } h1,h2,h3 { line-height:1.15; letter-spacing:-.02em; } h1 { font-size:clamp(2.3rem,6vw,4.8rem); margin:.2em 0 .35em; } h2 { font-size:2rem; } h3 { font-size:1.25rem; }
.eyebrow { color:var(--accent); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }
.section { padding:48px 0; border-top:1px solid var(--line); } .section-muted { background:#edf4f0; margin:0 -24px; padding-left:24px; padding-right:24px; }
.topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } article { padding:20px; border:1px solid var(--line); background:#fff; border-radius:10px; } article p { color:var(--muted); margin-bottom:0; }
li { margin:.6em 0; } .site-footer { color:var(--muted); border-top:1px solid var(--line); } .error-page { padding:15vh 0; max-width:620px; } .button { display:inline-block; background:var(--accent); color:#fff; padding:10px 16px; border-radius:6px; text-decoration:none; }
@media (max-width:700px) { .site-header { align-items:flex-start; flex-direction:column; } .topic-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:430px) { .topic-grid { grid-template-columns:1fr; } }