:root{color-scheme:light dark;--bg:#eef5f2;--ink:#173d35;--accent:#6a285c;--line:#b8d1c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:48px 24px 72px}nav{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:16px}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1{font-size:clamp(30px,6vw,44px);line-height:1.15;margin-top:36px}h2{font-size:24px;margin-top:36px}p,li{max-width:70ch}.intro{border-left:5px solid var(--accent);padding-left:20px}.meta,footer{font-size:15px}footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}@media(prefers-color-scheme:dark){:root{--bg:#102a25;--ink:#f3f8f5;--accent:#f1b6da;--line:#2e5148}}@media(max-width:450px){main{padding:24px 18px 48px}}