:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#070709;color:#f4eee2;font:16px/1.65 system-ui,sans-serif}header,footer{padding:20px;border-block:1px solid #403524}main{max-width:850px;margin:auto;padding:24px 20px 70px}h1{font-size:clamp(28px,6vw,42px);line-height:1.2}h2{font-size:21px;color:#edcc87;margin-top:32px}a{color:#edcc87;overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:12px}.brand{font-size:22px;font-weight:800}p{overflow-wrap:anywhere}a:focus-visible,button:focus-visible{outline:3px solid #edcc87;outline-offset:4px}footer{font-size:14px}button{min-height:44px}