:root { color-scheme: light dark; --bg:#f7f5f0; --card:#ffffff; --text:#202526; --muted:#526063; --accent:#087f78; --border:#ccd4d2; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; background:var(--bg); color:var(--text); }
header,main,footer { width:min(760px,calc(100% - 32px)); margin:auto; }
header { padding:32px 0 16px; }
main { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:clamp(20px,5vw,40px); }
footer { padding:20px 0 40px; color:var(--muted); }
nav { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:12px; }
a { color:var(--accent); text-underline-offset:3px; }
h1 { line-height:1.2; margin:0; }
h2 { line-height:1.3; margin-top:2rem; }
.lede,.meta { color:var(--muted); }
.notice { border-left:4px solid var(--accent); padding:10px 14px; background:color-mix(in srgb,var(--accent) 8%,var(--card)); }
@media (prefers-color-scheme:dark) { :root { --bg:#141818; --card:#1d2323; --text:#edf2f1; --muted:#b6c3c1; --accent:#67d7cd; --border:#3c4947; } }