:root { color-scheme: light dark; --bg:#f4f0e6; --surface:#fffcf4; --text:#18332d; --muted:#52645e; --line:#aebbb0; --accent:#2d5a46; }
@media (prefers-color-scheme:dark) { :root { --bg:#13201d; --surface:#1c2b27; --text:#f3efe5; --muted:#b8c9c0; --line:#536a60; --accent:#70b58d; } }
* { box-sizing:border-box; } body { margin:0; background:var(--bg); color:var(--text); font:17px/1.65 ui-sans-serif,system-ui,sans-serif; } a { color:var(--accent); text-underline-offset:3px; } :focus-visible { outline:3px solid #c08a25; outline-offset:3px; } header, main, footer { width:min(760px,calc(100% - 2rem)); margin:auto; } header { padding:2rem 0; border-bottom:1px solid var(--line); } header a { font-weight:800; text-decoration:none; } main { min-height:70vh; padding:3rem 0; } h1,h2 { font-family:Georgia,Cambria,serif; line-height:1.1; } h1 { font-size:clamp(2.4rem,8vw,4rem); } h2 { margin-top:2.5rem; } p,li { max-width:68ch; } .stamp { color:var(--muted); font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; } footer { padding:2rem 0; border-top:1px solid var(--line); color:var(--muted); }