:root{color-scheme:light;--ink:#081f36;--teal:#00cdd1;--yellow:#ffe632;--muted:#435668;--paper:#f1f5f7}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.6 'Trebuchet MS',Arial,sans-serif}main{max-width:49rem;margin:auto;padding:2rem 1.25rem 3rem}.brand{font-size:.875rem;font-weight:bold;letter-spacing:.06em;margin:0 0 1.7rem}.case-heading{display:grid;grid-template-columns:minmax(0,1fr) 9rem;align-items:center;gap:1.25rem;margin:-.5rem 0 .75rem}.case-copy{min-width:0}.case-number{display:inline-block;background:var(--yellow);padding:.2rem .6rem;font-size:.875rem;font-weight:bold}h1{font:700 clamp(2rem,7vw,3rem)/1.12 Georgia,serif;letter-spacing:-.035em;margin:.8rem 0 .5rem}.case-detectives{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.optional{color:var(--muted);max-width:39rem;margin:0 0 1.5rem}.listen{background:var(--ink);color:white;padding:1.5rem;border-top:.4rem solid var(--teal)}h2{font-size:1.15rem;line-height:1.4;margin:0 0 .8rem}.track-meta{font-size:.875rem;color:#c8d9e3;margin:0 0 .8rem}audio[controls]{display:block;width:100%;max-width:100%;height:54px}.download{display:inline-block;font-size:.875rem;margin-top:.7rem;color:inherit}.words{padding-top:1.6rem}.word-hint{margin:-.3rem 0 1rem;color:var(--muted);font-size:.9375rem}.word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem}.word-card{background:white;border:1px solid #c5d1da;padding:1rem}.word-card h3{font-size:1.15rem;line-height:1.3;margin:0 0 .75rem}.word-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}button,.case-nav a,.case-list a{font:700 1rem/1.4 'Trebuchet MS',Arial,sans-serif;color:var(--ink);background:white;border:1px solid #8295a3;cursor:pointer}button{min-height:2.8rem;padding:.55rem .45rem;display:flex;align-items:center;justify-content:center;gap:.6rem}.word-actions button[data-mode=slow]{background:var(--paper)}button:hover,.case-nav a:hover,.case-list a:hover{background:#e5ffff;border-color:var(--ink)}button.playing{background:var(--teal);border-color:var(--ink)}button:focus-visible,a:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid #b64200;outline-offset:4px}.play-icon{font-size:.8rem}#status{min-height:1.6em;margin:.65rem 0 1rem;color:var(--muted);font-size:.875rem}details{background:white;border-top:2px solid var(--ink);padding:1.1rem 1.25rem}summary{font-weight:bold;cursor:pointer}#transcript p{margin:1.2rem 0 0}#transcript strong{font-weight:bold;background:#d6faf9}.case-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:1.25rem}.case-nav a{min-height:2.8rem;padding:.6rem;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center}.case-nav .disabled{visibility:hidden}footer{font-size:.875rem;color:var(--muted);margin-top:1.5rem}.case-list{display:grid;gap:.75rem;margin:1.5rem 0}.case-list a{display:grid;grid-template-columns:5rem 1fr auto;gap:1rem;align-items:center;text-decoration:none;padding:1rem}.case-list span:first-child{font-size:.8rem}.case-list span:last-child{font-weight:normal;color:var(--muted)}noscript audio{margin-bottom:1rem}@media(max-width:540px){main{padding-top:1.25rem}.brand{margin-bottom:1.15rem}.listen{padding:1.1rem}.optional{margin-bottom:1.2rem}.case-heading{grid-template-columns:minmax(0,1fr) 6rem;gap:.65rem;margin-top:0}.case-copy h1{font-size:clamp(1.8rem,7vw,2.3rem)}.case-list a{grid-template-columns:4rem 1fr}.case-list span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}