:root{font-family:Roboto,system-ui,sans-serif;color:#342f26;background:#faf7f0;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:820px;margin:auto;padding:24px}header a{font-size:24px;font-weight:600;text-decoration:none}a{color:#955531;overflow-wrap:anywhere}h1{font-size:clamp(28px,6vw,40px);line-height:1.2}h2{font-size:21px;margin-top:32px}p,li{max-width:70ch}.muted,footer{color:#6e6659}.button{display:inline-block;padding:12px 20px;border-radius:14px;background:#955531;color:#fff;text-decoration:none;min-height:48px}.panel{background:#f2eade;padding:20px;border-radius:18px}a:focus-visible{outline:3px solid #955531;outline-offset:4px}footer a{margin-right:16px}@media(max-width:480px){header,main,footer{padding:18px}}@media(prefers-color-scheme:dark){:root{background:#221e18;color:#e9dfd1}.muted,footer{color:#c8bbab}a{color:#edb68a}.panel{background:#2d261e}.button{background:#edb68a;color:#38210f}}