@font-face{font-family:Space;src:url('/fonts/space-grotesk.woff2') format('woff2');font-display:swap;font-weight:300 700}
:root{--paper:#f6f5f0;--ink:#1c211f;--muted:#5a615c;--line:#d9dcd3;--accent:#c23e1b;--bright:#f15a32;--player:#1b211f;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Space,Arial,sans-serif}::selection{color:var(--paper);background:var(--accent)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;text-wrap:balance;font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.2vw,4.7rem);margin-bottom:18px}h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:22px}h3{font-size:1.25rem;letter-spacing:-.02em}p{margin-bottom:20px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg{vertical-align:middle}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;background:var(--paper);padding:12px;z-index:20}.skip:focus{top:12px}.masthead{border-bottom:1px solid var(--line)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.brand img{width:32px;height:32px}.nav{display:flex;gap:30px}.nav a{text-decoration:none;font-size:.9rem}.nav a[aria-current]{color:var(--accent)}.intro{padding:46px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:40px}.intro h1{margin:0}.intro p{max-width:370px;margin:0;color:var(--muted);font-size:1rem}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:28px;align-items:start}.player{border-radius:var(--radius);background:var(--player);overflow:hidden;color:var(--paper);position:relative}.stage{position:relative;aspect-ratio:16/9;min-height:240px;background:var(--player)}.stage iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0;background:#111}.start-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.stage-title{font-size:clamp(1.7rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 24px}.stage-title span{color:#c1c9c0}.primary{background:var(--bright);color:#171d19;border:0;border-radius:6px;padding:13px 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.primary:hover{background:#ff7046;color:#171d19}.start-screen small{margin-top:20px;color:#c1c9c0;font-size:.8rem}.toolbar{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid #424a43;background:#252d27}.toolbar-actions{display:flex;gap:18px}.tool{background:none;border:0;color:#f6f5f0;padding:3px 0;font-size:.78rem;display:inline-flex;gap:7px;align-items:center}.tool:hover{color:#ff997d}.tool svg{width:16px;height:16px}.player-caption{display:flex;gap:20px;justify-content:space-between;align-items:start;color:var(--muted);font-size:.78rem;padding:12px 0}.player-caption p{margin:0}.player-caption a{white-space:nowrap}.status{font-size:.76rem;color:#c1c9c0;max-width:280px;line-height:1.4}.rail{padding-top:7px}.rail h2{font-size:1.25rem;margin-bottom:20px}.control{border-top:1px solid var(--line);padding:15px 0}.control span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:7px}.keys{display:flex;gap:5px;align-items:center;flex-wrap:wrap}kbd{font:500 .8rem/1.2 Space,sans-serif;min-width:28px;text-align:center;padding:7px 9px;border:1px solid #c8cdc2;border-bottom-width:2px;border-radius:4px;background:#fdfdf9}kbd.wide{min-width:65px}.rail-note{font-size:.83rem;color:var(--muted);line-height:1.6;margin-top:22px}.rail a{font-size:.83rem}.orientation{font-size:.8rem;color:var(--muted);display:none;margin:8px 0 0}.section{padding:76px 0;border-top:1px solid var(--line);margin-top:52px}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.section p{color:var(--muted);max-width:70ch}.section .lead{font-size:1.2rem;color:var(--ink);line-height:1.6}.text-link{display:inline-flex;gap:12px;align-items:center;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.reading-links{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:38px}.reading-links a{display:block;border-top:1px solid var(--line);padding-top:22px;text-decoration:none}.reading-links h3{display:flex;justify-content:space-between;gap:12px}.reading-links p{font-size:.9rem;color:var(--muted);margin:0}.facts{margin:0}.facts div{display:grid;grid-template-columns:140px 1fr;border-top:1px solid var(--line);padding:13px 0;gap:18px}.facts dt{color:var(--muted);font-size:.9rem}.facts dd{margin:0;font-size:.9rem}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600;line-height:1.5}.faq details p{padding-top:14px;margin-bottom:0;font-size:.95rem}.footer{margin-top:80px;border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.78rem}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer p{margin:0;max-width:500px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;align-content:start}.reading{max-width:820px;padding-top:55px}.reading .back{font-size:.85rem;display:inline-flex;gap:8px;align-items:center;margin-bottom:28px}.reading h1{font-size:clamp(2.3rem,5vw,3.7rem);max-width:16ch}.reading .standfirst{font-size:1.2rem;color:var(--muted);margin-bottom:38px;max-width:64ch}.reading h2{font-size:1.8rem;margin-top:46px;margin-bottom:18px}.reading p,.reading li{max-width:70ch}.reading li{padding-left:5px;margin-bottom:9px}.reading table{width:100%;border-collapse:collapse;margin:25px 0;font-size:.95rem}.reading td,.reading th{text-align:left;border-bottom:1px solid var(--line);padding:13px 8px}.reading th{font-weight:600}.note{background:#e9ece3;border-radius:8px;padding:22px 24px;color:#3c473e}.note p:last-child{margin-bottom:0}.player.expanded{position:fixed;inset:0;z-index:100;border-radius:0;display:flex;flex-direction:column}.player.expanded .stage{flex:1;aspect-ratio:auto;min-height:0}.player:fullscreen{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.player:fullscreen .stage{flex:1;aspect-ratio:auto;min-height:0}.player:fullscreen .toolbar,.player.expanded .toolbar{flex:none}.no-scroll{overflow:hidden}.standalone-link{display:none}.player.loading .standalone-link{display:inline}.noscript{padding:20px;color:var(--paper);background:var(--player)}[hidden]{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.play-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.intro{gap:25px}.intro p{max-width:310px}.split{gap:45px}.toolbar-actions{gap:12px}.tool span.optional{display:none}.status{max-width:210px;font-size:.7rem}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:70px;gap:15px}.brand{font-size:.95rem;gap:9px}.brand img{width:28px;height:28px}.nav{gap:16px}.nav a{font-size:.8rem}.nav .desktop-link{display:none}.intro{padding:32px 0 25px;display:block}.intro h1{font-size:clamp(2.45rem,9.5vw,3.8rem)}.intro p{margin-top:14px;max-width:42ch;font-size:.95rem}.play-layout{display:block}.stage{min-height:0;aspect-ratio:16/10}.stage-title{font-size:1.9rem;margin-bottom:18px}.start-screen{padding:16px}.start-screen small{margin-top:13px;font-size:.7rem}.primary{padding:11px 18px;font-size:.9rem}.toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.status{max-width:none;width:100%;font-size:.7rem;order:2}.toolbar-actions{width:100%;justify-content:space-between;gap:8px}.tool{font-size:.74rem;min-height:26px}.player-caption{font-size:.7rem;gap:8px;flex-direction:column}.player-caption a{white-space:normal;overflow-wrap:anywhere}.rail{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:23px;padding-top:0}.rail h2{grid-column:1/-1;margin-bottom:8px}.control{padding:12px 0}.rail-note{grid-column:1/-1;margin-top:8px;margin-bottom:8px}.rail>a{grid-column:1/-1}.orientation{display:block}.section{padding-top:44px;margin-top:38px}.split{display:block}.split>div+div{margin-top:32px}.reading-links{gap:24px;margin-top:30px}.reading-links h3{font-size:1.1rem}.reading-links p{font-size:.83rem}.section .lead{font-size:1.1rem}.facts div{grid-template-columns:100px 1fr;gap:12px}.footer{margin-top:48px;padding:25px 0}.footer-inner{display:block}.footer-links{margin-top:20px;gap:18px}.reading{padding-top:30px}.reading h1{font-size:2.6rem}.reading .standfirst{font-size:1.08rem}.reading h2{font-size:1.6rem}.reading table{font-size:.82rem}.note{padding:18px}.player.expanded .status,.player:fullscreen .status{display:none}.player.expanded .toolbar,.player:fullscreen .toolbar{min-height:42px;padding:5px 12px}}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:.8rem;color:var(--muted);margin-bottom:28px}.contents{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--line);padding:16px 0;margin:24px 0 32px;font-size:.88rem}.reading .updated{font-size:.78rem;color:var(--muted);margin-top:-20px;margin-bottom:32px}.reading table caption{text-align:left;color:var(--muted);font-size:.85rem;padding-bottom:10px}.reading th[scope=row]{font-weight:500}.reading :is(h2,h3)[id]{scroll-margin-top:28px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.score-example{margin:32px 0}.score-crop{display:block;position:relative;aspect-ratio:1008/566;overflow:hidden;border-radius:8px;background:var(--player)}.score-crop img{position:absolute;width:252.48%;max-width:none;height:auto;left:-62.5%;top:-42.93%}.score-example figcaption{font-size:.8rem;color:var(--muted);margin-top:12px;line-height:1.6}