@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Mono&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f0f0e7;color:#18201d;font:14px/1.85 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7f992f;outline-offset:4px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #18201d29}.logo{font-size:29px;font-weight:700;letter-spacing:-1.4px}.logo span{font-weight:400;color:#69716a}header>span,small,footer>span{font:9px 'Space Mono',monospace;letter-spacing:.06em;color:#69716a}.play{border:1px solid #18201d;padding:10px 20px;font-size:12px}main{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding:80px 8%}aside{align-self:start;position:sticky;top:40px}h1{font:800 clamp(60px,7vw,105px)/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:27px 0}h1 span{color:#768b55}aside p{color:#69716a}nav{display:grid;margin:35px 0;font:10px 'Space Mono',monospace;gap:19px}.back{font-size:11px;border-bottom:1px solid #18201d44;padding-bottom:5px}.chapters section{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid #18201d29;scroll-margin-top:30px}.chapters h2{font:600 48px/1 'Barlow Condensed',Impact,sans-serif;margin:15px 0 22px}.chapters p,.chapters li{color:#606a60}.chapters a:not(.cta){text-decoration:underline;color:#18201d}kbd{display:inline-block;background:#e0e5d2;border:1px solid #a2ad91;padding:0 7px;margin:0 2px;border-radius:3px;font:11px/1.8 'Space Mono',monospace;color:#18201d}li{margin-bottom:15px;padding-left:6px}.keys{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.notice{border-left:3px solid #8eaa3a;background:#e2e7d4;padding:22px 25px;margin-top:25px}.notice p{font-size:12px;margin:8px 0 0}.cta{display:inline-block;background:#d4fa49;color:#18201d;padding:14px 20px;font-size:12px;font-weight:700;margin-top:20px;box-shadow:3px 3px 0 #18201d}footer{border-top:1px solid #18201d29;display:flex;justify-content:space-between;padding:30px 6%}footer>a{font-size:22px;font-weight:700;letter-spacing:-1px}@media(max-width:700px){header{height:74px}header>span{display:none}.logo{font-size:25px}.play{font-size:10px;padding:9px 13px}main{grid-template-columns:1fr;padding:48px 7%;gap:50px}aside{position:static}h1{font-size:90px}aside>p{font-size:13px}nav{grid-template-columns:1fr 1fr;font-size:8px}.chapters h2{font-size:43px}footer>span{font-size:6px;max-width:140px;line-height:1.8}footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}