:root{color-scheme:light dark;--canvas:#f3ead8;--surface:#fffdf7;--ink:#17372f;--muted:#566961;--pine:#176b57;--edge:#c9bfae;background:var(--canvas);color:var(--ink);font:16px/1.6 Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}header,main,footer{width:min(calc(100% - 32px),760px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--edge)}header a{color:var(--ink);font-weight:800}main{margin-block:48px;padding:clamp(24px,5vw,48px);border:1px solid var(--edge);border-radius:6px 24px 10px 20px;background:var(--surface);box-shadow:0 6px 0 var(--edge)}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(2.2rem,7vw,3.4rem)}h2{margin-top:2rem;font-size:1.4rem}p,li{max-width:68ch}a{color:var(--pine);text-underline-offset:3px}:focus-visible{outline:3px solid #0c6c9d;outline-offset:3px}footer{padding:10px 0 40px;color:var(--muted);font-size:14px}@media(prefers-color-scheme:dark){:root{--canvas:#17221e;--surface:#223029;--ink:#f7f0de;--muted:#b8c6bc;--pine:#78d2b3;--edge:#526158}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}