:root{--canvas:#f7f4ee;--ink:#252b26;--surface:#fff;--border:#dddcd3;--accent:#234d3b}@media(prefers-color-scheme:dark){:root{--canvas:#181d19;--ink:#f5f2eb;--surface:#252d27;--border:#414b42;--accent:#a9d2b7}}body{font:1.1rem/1.65 system-ui,sans-serif;margin:0;background:var(--canvas);color:var(--ink)}main{max-width:48rem;margin:auto;padding:2rem 1.25rem}h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.4rem}section{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;margin:1.25rem 0}a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}nav a{display:inline-block;padding:.6rem .3rem}p{overflow-wrap:anywhere}