:root{color-scheme:light;--ink:#302c27;--accent:#755031;--paper:#f6f1e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid #ae6a32;outline-offset:5px}header,main,footer{max-width:1040px;margin:auto;padding:28px}header,nav,footer{display:flex;flex-wrap:wrap;gap:16px}header{justify-content:space-between;border-bottom:1px solid #d5cbbb}.brand{font-weight:700}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.08em}h1{font:clamp(32px,6vw,56px)/1.14 Georgia,serif;max-width:820px}h2{font:30px/1.25 Georgia,serif}.lead{font-size:21px;max-width:800px}aside,article,.next{background:#fffdf8;border:1px solid #ded3c1;border-radius:12px;padding:24px;margin:24px 0}aside{border-left:5px solid #97714b}article:target{outline:3px solid #97714b}.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:12px 20px;border-radius:6px}.id{font-size:14px;letter-spacing:.06em}footer{border-top:1px solid #d5cbbb;font-size:15px}#state{font-size:14px} @media(max-width:600px){header,main,footer{padding:20px}nav{font-size:15px}aside,article,.next{padding:18px}}