:root{--dark:#171325;--ink:#211a2c;--muted:#c7bfd8;--acid:#eafa8a;--purple:#cbb8ff;--pink:#ffbaad;--aqua:#97dfd4;color:var(--ink);background:var(--dark);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em}button,a,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #8e50ff;outline-offset:5px}.listening :focus-visible{outline-color:var(--acid)}.skip{position:fixed;z-index:50;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{width:auto;height:auto;clip-path:none;top:15px;left:15px;background:white;color:var(--ink);padding:15px}.duel{display:grid;grid-template-columns:minmax(300px,33%) 1fr;min-height:calc(100svh - 50px)}.listening{padding:36px 42px;color:#fff8ef;align-self:start;position:sticky;top:0;min-height:calc(100svh - 50px);display:flex;flex-direction:column;align-items:start}.wordmark{font-size:30px;font-weight:900;letter-spacing:-1.5px;text-decoration:none}.overline{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:45px 0 12px}h1{font-size:clamp(38px,3.6vw,56px);line-height:1.04;letter-spacing:-.045em;margin:0 0 22px;max-width:7em}.question{font-size:16px;line-height:1.6;color:var(--muted);margin:0;max-width:24em}.main-play{width:178px;height:178px;align-self:center;border:0;border-radius:50%;background:var(--acid);color:var(--dark);margin:30px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.play-symbol{font-size:33px;line-height:1}.play-word{font-size:20px;font-weight:bold}.play-length{font-size:10px}.main-play[aria-pressed=true]{background:var(--purple)}.play-status{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px;margin:0 0 18px;width:100%;text-align:center}.listening-options{display:flex;gap:16px;align-items:end;width:100%;font-size:12px}.listening-options label{color:var(--muted)}select{margin-top:7px;display:block;background:#302a40;color:white;border:0;padding:12px 8px;border-radius:8px;max-width:160px}.other-take{color:#fff8ef;background:none;border:1px solid #857b9c;border-radius:8px;min-height:42px;padding:10px;max-width:150px;line-height:1.4}.quiet-note{color:var(--muted);font-size:12px;line-height:1.6;margin:20px 0}.listening nav{display:grid;gap:10px;font-size:12px;margin-top:auto;padding-top:22px}.listening nav a{padding:5px 0}.response{min-width:0;background:#f7f3ed}.choices{display:grid;grid-template-rows:1fr 1fr;min-height:calc(100svh - 122px)}.choice{border:0;border-radius:0;padding:35px 5vw;text-align:left;color:var(--ink);display:grid;grid-template-columns:1fr;gap:10px;align-content:space-between;min-width:0}.choice-0{background:var(--purple)}.choice-1{background:var(--acid)}.choice:hover{filter:brightness(1.04)}.choice:focus-visible{outline:5px solid var(--dark);outline-offset:-8px}.choice-name{font-size:28px;font-weight:800;display:flex;gap:20px;align-items:center}.choice-name small{font-size:12px;font-weight:400}.choice-glyph{font-size:clamp(54px,7vw,115px);font-weight:700;letter-spacing:-.08em;line-height:1.2}.choice code{font-size:clamp(18px,2vw,30px);overflow-wrap:anywhere}.choice-description{display:flex;align-items:center;justify-content:space-between;font-size:16px}.choice-description b{font-size:32px}.answer>summary{min-height:72px;padding:22px 5vw;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;list-style:none;background:#f7f3ed}.answer>summary::-webkit-details-marker{display:none}.answer>summary>span:last-child{font-size:23px}.answer[open]>summary{background:#e9e2d8}.duel.is-revealed .choices{display:none}.duel.is-revealed .answer{min-height:calc(100svh - 50px)}.answer-content{padding:24px 3.5vw 40px}.verdict{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;color:#553b8a;font-size:16px;font-weight:800}.try-again{padding:12px 16px;border:0;background:var(--dark);color:white;border-radius:100px;white-space:nowrap;font-size:12px}h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}.reason{font-size:17px;line-height:1.7;max-width:48em}.score-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:32px 0}.score{min-width:0;background:white;border-radius:14px;padding:22px 16px}.score-label{display:grid;gap:10px}.score-label h3{font-size:16px;line-height:1.3;margin:0}.audition{border:0;border-radius:30px;justify-self:start;font-size:12px;padding:12px;background:var(--dark);color:white;min-height:42px}.audition[aria-pressed=true]{background:#5b357d}.score>code{display:block;font-size:14px;line-height:1.5;margin:18px 0;overflow-wrap:anywhere}.measure{display:flex;align-items:center;gap:8px;margin:12px 0}.cycle-label{font-size:10px;flex:0 0 9px;color:#766b81}.notes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;flex:1;min-width:0}.note{border:0;border-radius:7px;min-height:70px;text-align:left;color:var(--ink);padding:10px 7px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}.note b{font-size:14px}.note span{font-size:10px}.note[aria-pressed=true]{outline:2px solid #533088;outline-offset:2px}.note.sounding{box-shadow:inset 0 0 0 3px #533088;filter:brightness(.8)}.pitch-e4{background:var(--acid)}.pitch-g4{background:var(--purple)}.pitch-b4{background:var(--pink)}.pitch-a4{background:var(--aqua)}.pos-0{grid-column-start:1}.pos-3{grid-column-start:4}.pos-4{grid-column-start:5}.pos-6{grid-column-start:7}.pos-8{grid-column-start:9}.pos-9{grid-column-start:10}.span-2{grid-column-end:span 2}.span-3{grid-column-end:span 3}.span-4{grid-column-end:span 4}.annotation{min-height:172px;line-height:1.6;font-size:13px;margin-top:22px}.annotation strong{color:#533088}.annotation p{margin:8px 0}.annotation .position{font-size:11px;color:#60536c}.take{font-size:12px;display:block;padding:12px 0;line-height:1.5}.answer-note{font-size:15px;line-height:1.7;max-width:48em}.answer-note .source{font-size:12px;color:#60536c}.next-listen{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:13px;margin-top:30px}.next-listen a{padding:12px 0}.colophon{padding:16px 35px;font-size:10px;color:var(--muted);line-height:1.6}.colophon a{margin-left:15px}.studio{max-width:800px;margin:0 auto;padding:60px 28px 90px;line-height:1.75;color:#fff8ef}.studio h1{max-width:none;font-size:55px;margin-bottom:44px}.studio h2{font-size:28px;margin-top:45px}.studio p,.studio li{color:var(--muted)}.studio li{margin-bottom:12px}@media(max-width:1050px){.listening{padding:30px 25px}.score-pair{grid-template-columns:1fr}.annotation{min-height:0}.score{padding:22px}.score-label{grid-template-columns:1fr auto;align-items:center}.score-label h3{font-size:18px}.note{min-height:78px}.note b{font-size:20px}}@media(max-width:700px){.duel{display:block;min-height:0}.listening{position:static;min-height:0;padding:25px 22px 20px;display:grid;grid-template-columns:1fr 130px;gap:0 20px}.wordmark{font-size:26px;grid-column:1/-1}.overline{margin:26px 0 10px;font-size:9px;grid-column:1/-1}h1{font-size:34px;max-width:7em;margin:0 0 14px;grid-column:1;grid-row:3}.question{font-size:13px;line-height:1.6;grid-column:1;grid-row:4}.main-play{width:120px;height:120px;margin:5px 0 0;grid-column:2;grid-row:3/5;align-self:center;gap:7px}.play-symbol{font-size:24px}.play-word{font-size:16px}.play-length{font-size:8px}.play-status{grid-column:1/-1;margin:16px 0 12px;min-height:18px;text-align:left;font-size:11px}.listening-options{grid-column:1/-1;justify-content:space-between;align-items:center}.listening-options label{display:flex;align-items:center;gap:10px;font-size:10px}select{margin:0;font-size:11px;padding:11px 8px}.other-take{font-size:11px;max-width:130px;padding:8px}.quiet-note{grid-column:1/-1;margin:15px 0 6px;font-size:10px}.listening nav{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;padding-top:9px;font-size:10px;margin:0}.listening nav a{padding:8px 0}.choices{grid-template-rows:none;grid-template-columns:1fr 1fr;min-height:0}.choice{padding:23px 17px;gap:18px;min-height:235px}.choice-name{font-size:20px;gap:8px;display:block}.choice-name small{display:block;font-size:9px;margin-top:5px}.choice-glyph{font-size:38px;letter-spacing:-4px;white-space:nowrap}.choice code{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.choice-description{font-size:11px;line-height:1.5;gap:10px;align-items:end}.choice-description b{font-size:20px}.answer>summary{padding:20px 22px;font-size:12px;min-height:62px}.answer-content{padding:8px 22px 35px}.verdict{font-size:14px;gap:15px}.try-again{font-size:11px;padding:12px}.answer-content h2{font-size:30px;margin:14px 0}.reason{font-size:15px;line-height:1.7}.score-pair{gap:18px;margin:25px 0}.score{padding:20px 16px}.score-label{display:grid;grid-template-columns:1fr;gap:12px}.score-label h3{font-size:18px}.score>code{font-size:16px}.note{min-height:75px}.note b{font-size:18px}.note span{font-size:10px}.annotation{font-size:14px}.annotation .position{font-size:11px}.answer-note{font-size:14px}.next-listen{font-size:12px;gap:8px}.colophon{padding:20px 22px;font-size:10px}.colophon a{margin-left:0;display:block;margin-top:10px}.studio{padding:38px 22px 65px}.studio h1{font-size:42px}.studio h2{font-size:27px}}@media(max-width:350px){.listening{grid-template-columns:1fr 105px;gap:0 14px;padding-left:16px;padding-right:16px}h1{font-size:30px}.main-play{width:100px;height:100px}.choice{padding:20px 13px}.choice-glyph{font-size:33px}.choice code{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.listening,.choices,.answer>summary,.verdict,.audition,.next-listen,.colophon{display:none!important}.duel{display:block}.answer-content{display:block!important;padding:0}.answer{display:block!important}.score-pair{grid-template-columns:1fr 1fr}.score,.answer-note{break-inside:avoid}.note{print-color-adjust:exact;border:1px solid #999}.response{background:white}}

/* The comparison replaces the question layout; it is an aligned listening transcript. */
.duel:has(.answer[open]){display:block}.duel:has(.answer[open]) .listening{position:static;min-height:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 28px;padding:22px 5vw}.duel:has(.answer[open]) .wordmark{font-size:25px}.duel:has(.answer[open]) h1{font-size:24px;max-width:none;margin:0;grid-column:2}.duel:has(.answer[open]) .overline,.duel:has(.answer[open]) .question,.duel:has(.answer[open]) .quiet-note{display:none}.duel:has(.answer[open]) .main-play{grid-column:3;grid-row:1;width:90px;height:48px;margin:0;border-radius:30px;flex-direction:row;gap:7px}.duel:has(.answer[open]) .play-symbol{font-size:18px}.duel:has(.answer[open]) .play-word{font-size:13px}.duel:has(.answer[open]) .play-length{display:none}.duel:has(.answer[open]) .play-status{grid-column:2;margin:0;min-height:0;text-align:left;font-size:11px}.duel:has(.answer[open]) .listening-options{grid-column:3;grid-row:2}.duel:has(.answer[open]) .listening-options label{display:flex;align-items:center;gap:8px}.duel:has(.answer[open]) .other-take{display:none}.duel:has(.answer[open]) select{margin:0;padding:8px}.duel:has(.answer[open]) .listening nav{grid-column:1;grid-row:2;padding:0;margin:0;gap:12px;display:flex;flex-wrap:wrap;font-size:11px}.listening nav [aria-current=page]{font-weight:bold;text-decoration-thickness:2px}.answer[open]>summary{display:none}.answer-content{padding:0 5vw 35px;max-width:1400px;margin:auto}.verdict{min-height:65px;margin:0;padding:12px 0}.comparison-title{display:flex;align-items:baseline;gap:40px;padding:15px 0 30px}.comparison-title h2{font-size:35px;margin:0;max-width:13em}.comparison-title p{font-size:16px;line-height:1.5;max-width:30em;margin:0}.comparison-key{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end;padding:18px 32px 18px 100px;background:#e4dfd5}.key-label{font-size:18px;font-weight:bold}.key-label small{font-size:11px;font-weight:normal}.version{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.version code{font-size:15px;line-height:1.6}.audition{color:var(--ink);padding:10px 16px;display:flex;gap:12px;align-items:center}.side-0 .audition{background:var(--purple)}.side-1 .audition{background:var(--acid)}.audition[aria-pressed=true]{box-shadow:inset 0 0 0 3px #533088}.moment{background:#f6f2e9}.moment:nth-child(even){background:#ebe6dc}.moment>summary{display:grid;grid-template-columns:60px 1fr 1fr 1fr 20px;gap:18px;align-items:center;padding:24px 32px;cursor:pointer;list-style:none}.moment>summary::-webkit-details-marker{display:none}.moment-pitch{font-size:49px;letter-spacing:-4px;font-weight:900}.moment-label{font-size:20px;font-weight:bold;line-height:1.3}.moment-label small{display:block;font-size:10px;font-weight:normal;margin-top:8px;color:#65596d}.time-cell{display:flex;flex-direction:column;gap:7px;min-width:0}.time-cell>b{font-size:35px;line-height:1}.time-cell>small{font-size:11px}.mini-line{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));height:12px;background:#d8d1c9;max-width:230px}.mini-line i{background:#6e46b7}.side-1 .mini-line i{background:#536911}.expand{font-size:25px}.moment[open] .expand{transform:rotate(45deg)}.moment-body{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:0 80px 28px 110px;line-height:1.7;font-size:16px}.moment-body p{margin:0;max-width:43em}.ear-note{color:#665576}.score-foot{padding:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px 55px;font-size:13px;line-height:1.7}.score-foot>p{margin:0;max-width:43em}.method summary{font-size:14px;cursor:pointer;min-height:44px;font-weight:bold}.method p{max-width:40em}.take-phrases{display:flex;gap:30px;grid-column:1/-1}.take-phrases a{padding:10px 0}.next-listen{display:flex;flex-direction:column;gap:8px;background:var(--purple);padding:28px 32px;text-decoration:none;margin:0}.next-listen span{font-size:11px}.next-listen strong{font-size:22px}.next-listen:hover{background:var(--acid)}
@media(max-width:700px){.duel:has(.answer[open]) .listening{grid-template-columns:1fr auto;gap:9px 14px;padding:17px}.duel:has(.answer[open]) h1{grid-column:1;grid-row:2;font-size:18px;max-width:none}.duel:has(.answer[open]) .wordmark{font-size:23px}.duel:has(.answer[open]) .main-play{grid-column:2;grid-row:1/3}.duel:has(.answer[open]) .play-status{grid-column:1/-1;grid-row:3;font-size:10px}.duel:has(.answer[open]) .listening-options{grid-column:2;grid-row:4;font-size:10px}.duel:has(.answer[open]) .listening-options label{font-size:0}.duel:has(.answer[open]) .listening nav{grid-column:1;grid-row:4;font-size:10px;gap:10px}.duel:has(.answer[open]) .listening nav a{padding:6px 0}.answer-content{padding:0 0 24px}.verdict{padding:12px 17px;font-size:12px;gap:10px}.try-again{font-size:10px;white-space:nowrap;padding:10px}.comparison-title{display:block;padding:15px 17px 22px}.comparison-title h2{font-size:25px;max-width:none;margin-bottom:12px}.comparison-title p{font-size:14px}.comparison-key{grid-template-columns:52px 1fr 1fr;padding:15px 17px;gap:12px}.key-label{font-size:10px;align-self:center}.key-label small{display:none}.version{gap:8px;align-self:start}.version code{font-size:11px;overflow-wrap:anywhere}.audition{font-size:11px;padding:9px 12px;min-height:42px;gap:8px}.moment>summary{grid-template-columns:44px 1fr 1fr;gap:12px;padding:20px 17px}.moment-pitch{grid-column:1;grid-row:2;font-size:42px;letter-spacing:-2px;align-self:start}.moment-label{grid-column:1/-1;font-size:18px;padding-right:25px}.moment-label small{display:none}.time-cell{grid-row:2;gap:7px}.time-cell>b{font-size:28px}.time-cell>small{font-size:10px}.mini-line{height:10px}.expand{grid-column:3;grid-row:1;justify-self:end;font-size:21px}.moment-body{display:block;padding:0 17px 24px 73px;font-size:14px;line-height:1.65}.moment-body p+p{margin-top:14px}.score-foot{display:block;padding:23px 17px}.score-foot>p{font-size:12px;margin-bottom:18px}.method{margin-bottom:10px}.method p{font-size:13px}.take-phrases{font-size:12px;justify-content:space-between;gap:15px}.next-listen{padding:24px 17px}.next-listen strong{font-size:20px}}
@media print{.moment-body,.method{display:block}.comparison-key{background:#eee}.moment{break-inside:avoid}.take-phrases{display:none}}
@media(max-width:700px){.duel:has(.answer[open]) .wordmark{grid-column:1;grid-row:1}.moment-label{grid-row:1}}

.span-6{grid-column-end:span 6}

.bracket-scope{padding:2rem clamp(1rem,3vw,2.5rem);border-top:1px solid #51485f;line-height:1.7}.bracket-scope h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1}.bracket-scope h3{margin-top:2rem}.bracket-scope a{color:#513173}.bracket-scope code{overflow-wrap:anywhere}.scope-lines{border-block:1px solid #51485f;margin:1.7rem 0}.scope-lines>div{padding:1rem 0}.scope-lines>div+div{border-top:1px dashed #51485f}.scope-lines code{font-size:1.2rem;color:#513173}

.bracket-scope .quiet-note,.bracket-scope .overline{color:#57466f}