*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#111;color:#eee;font:17px/1.7 system-ui,sans-serif;overflow-wrap:anywhere}header,main,footer{width:min(100% - 32px,850px);margin:auto}header{padding:24px 0;font-weight:700}main{padding:12px 0 40px}h1{font-size:clamp(28px,6vw,42px);line-height:1.2}h2{margin-top:32px;font-size:23px}a{color:#a9d7ff;text-underline-offset:4px}a:focus-visible{outline:3px solid #fff;outline-offset:4px}aside{padding:16px;border:1px solid #8b7544;border-radius:14px;background:#282316}footer{padding:24px 0;border-top:1px solid #444;font-size:14px}nav{display:flex;flex-wrap:wrap;gap:16px}li{margin-block:10px}