:root{color-scheme:light;--paper:#f8f7f2;--chrome:#f2f1eb;--ink:#26332e;--muted:#58655d;--line:#c3cec4;--accent:#44684f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--paper:#27312b;--chrome:#242c28;--ink:#e4eae4;--muted:#afbbb1;--line:#47564c;--accent:#abc8b1}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}header{border-bottom:1px solid var(--line);background:var(--chrome)}header>div{max-width:820px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-family:Georgia,serif;font-size:25px;font-weight:bold;text-decoration:none}.brand img{width:32px;height:32px}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}main{max-width:760px;margin:40px auto;padding:0 24px 48px}h1{font-size:clamp(28px,5vw,40px);line-height:1.2;letter-spacing:-.8px;margin:0 0 12px}h2{font-size:21px;line-height:1.3;margin:32px 0 10px}p{margin:0 0 16px}li{margin:8px 0}a{color:var(--accent);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.intro,.note{color:var(--muted)}.note{font-size:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}footer{border-top:1px solid var(--line);padding:20px 24px;text-align:center;font-size:14px;color:var(--muted)}@media(max-width:519px){header>div{align-items:flex-start;flex-direction:column;gap:8px}main{margin-top:28px}}