:root { color-scheme: light; --paper:#f3e9d0; --raised:#fff9e9; --ink:#171713; --orange:#d84222; --muted:#524f43; font-family: Inter,ui-sans-serif,system-ui,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; font-size:17px; line-height:1.6; }
a { color:inherit; text-underline-offset:4px; }
:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
header, main, footer { padding:24px max(20px,calc((100vw - 780px)/2)); }
header { border-bottom:2px solid var(--ink); display:flex; justify-content:space-between; align-items:center; gap:20px; }
header a { font-family:'Courier New',monospace; font-weight:700; }
main { min-height:70vh; padding-top:64px; padding-bottom:72px; }
h1,h2 { font-family:'Courier New',monospace; text-transform:uppercase; line-height:1; }
h1 { font-size:clamp(42px,9vw,72px); margin:0 0 32px; letter-spacing:-.05em; }
h2 { margin-top:40px; font-size:24px; }
.note { border:2px solid var(--ink); background:var(--raised); padding:18px 20px; box-shadow:4px 4px 0 var(--ink); }
footer { background:var(--ink); color:var(--paper); }