html{color-scheme:dark;background:#101e25;color:#f2e5c7;font:17px/1.65 system-ui,sans-serif}body{margin:0}main{max-width:760px;margin:auto;padding:28px max(24px,env(safe-area-inset-right)) 40px max(24px,env(safe-area-inset-left))}a{color:#efc97a;text-underline-offset:4px}h1{font-size:clamp(1.8rem,6vw,2.8rem);line-height:1.2}h2{font-size:1.25rem;margin-top:2em}.brand{font-weight:800;letter-spacing:.16em}footer{margin-top:3em;padding-top:1em;border-top:1px solid #64705d}a:focus-visible{outline:3px solid #8ddcc6;outline-offset:4px}