*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7}header,main,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:var(--blue);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.brand{font-size:24px;font-weight:700;text-decoration:none;color:var(--ink)}.play{display:inline-block;padding:10px 18px;border-radius:10px;background:var(--blue);color:var(--button-ink);font-weight:700;text-decoration:none;min-height:44px}h1{font-size:clamp(30px,6vw,44px);line-height:1.15;margin:24px 0}h2{font-size:24px;line-height:1.3;margin:40px 0 12px}.intro{font-size:20px;color:var(--muted)}dt{font-weight:700;margin-top:20px}dd{margin:4px 0 0}li{padding:6px 0}nav{display:flex;flex-wrap:wrap;gap:12px 24px}nav a{padding:8px 0}.start{margin-top:36px}.skip{position:absolute;left:16px;top:-80px;background:var(--surface);padding:12px}.skip:focus{top:8px}