.listening-page{padding:0;min-height:65vh}.listening-page h1{font:700 clamp(36px,5vw,62px)/1.1 'Oswald',sans-serif;color:var(--blue);margin:0 0 10px}.listening-page h2{font:600 27px 'Oswald',sans-serif}.listening-page h3{font:600 21px 'Oswald',sans-serif}.listening-page p{line-height:1.5}.listening-heading{padding:25px 30px 20px}.listening-heading p{margin:0;font-size:18px}.listening-room{position:relative;isolation:isolate}.listening-room>img{display:block;width:100%;height:auto}.room-hotspot{position:absolute;display:block;border:2px solid transparent;border-radius:8px;background:transparent;min-width:32px;min-height:32px;transition:transform .16s,box-shadow .16s;z-index:1}.listening-room .room-hotspot:hover,.room-hotspot:focus-visible,.room-hotspot.selected{background:#e7ba3812;outline:2px solid #e7ba38;outline-offset:2px;box-shadow:0 0 14px #e7ba3870;transform:scale(1.03);z-index:3}.room-label{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-10px) rotate(-2deg);width:max-content;max-width:205px;padding:10px 12px;background:#f2e5c9;color:#103e70;box-shadow:3px 4px #151d2940;font:600 17px 'Oswald',sans-serif;text-align:left;border-bottom:3px solid #d78c9c;pointer-events:none}.room-label small{display:block;font:14px 'DM Sans',sans-serif;margin-top:3px}.room-hotspot:hover .room-label,.room-hotspot:focus-visible .room-label,.room-hotspot.selected .room-label{display:block}.room-hotspot.edge-right .room-label{left:auto;right:0;transform:translateY(-10px) rotate(-2deg)}.room-hotspot.edge-left .room-label{left:0;transform:translateY(-10px) rotate(-2deg)}.listening-footer{display:block;text-align:center;padding:20px;font:12px 'DM Mono',monospace;color:var(--blue)}
.listening-view{padding:26px clamp(16px,4vw,52px) 36px}.listening-back{display:inline-block;margin-bottom:25px;color:var(--blue);font:500 14px 'DM Mono',monospace}.listening-meta{font:14px 'DM Mono',monospace;display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0}.listening-meta label{margin-left:auto}.listening-meta select{padding:7px;background:var(--paper);font:inherit;color:var(--blue)}.listening-deck{padding:26px;border:1px solid #857d69;position:relative;margin:20px 0}.listening-deck form{max-width:760px}.listening-page .translation{display:block;margin:2px 0 16px;color:#a52d54;font-size:13px;line-height:1.35}.listening-page .instruction{margin:16px 0 2px}.listening-page .listening-audio{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.listening-audio button{min-height:44px}.listening-audio .slow-icon{font-size:26px;vertical-align:middle}.listening-page button:hover:not(:disabled){background:var(--yellow);color:var(--blue)}.listening-page button:focus-visible,.listening-page textarea:focus-visible,.listening-page select:focus-visible{outline:3px solid #103e70;outline-offset:3px}.listening-page .action{background:var(--blue);color:#fff3d6;margin-top:16px}.listening-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.listening-fields label{display:grid;gap:7px;font:500 15px 'DM Mono',monospace}.listening-page input,.listening-page textarea{width:100%;min-width:0;font:17px 'DM Sans',sans-serif}.listening-page textarea{min-height:115px;background:#f6edd8;border:1px solid #788185;padding:12px;resize:vertical}.listening-choices{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.listening-choices label{padding:13px;border:1px solid #788185;background:#f6ecd6;cursor:pointer;display:flex;align-items:center;gap:9px}.listening-choices input{width:auto;accent-color:var(--blue)}.listening-feedback{background:#eee0af;border-left:4px solid var(--blue);padding:20px;margin:24px 0}.listening-feedback h2{margin-top:0}.listening-feedback details{margin:20px 0}.listening-feedback summary{cursor:pointer;font:600 17px 'Oswald',sans-serif}.listening-feedback li{margin:8px 0}.transcript{font-size:19px;line-height:1.7}.listening-next{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.listening-notice{font-size:13px;color:#59544a}.listening-status:empty{display:none}.listening-status{padding:10px;background:#f0d7d9;color:#103e70}.listening-page [hidden]{display:none!important}
.tune-in .listening-deck{border:8px double #a9926a;background:#e0cbaa}.frequency-scale{display:flex;justify-content:space-between;border-block:2px solid #103e70;padding:13px 0;color:#103e70;font:15px 'DM Mono',monospace;background:repeating-linear-gradient(90deg,transparent 0 19px,#103e702a 20px 21px);margin:6px 0 25px}.frequency-scale b{background:#e7ba38;padding:0 8px}.messages .listening-deck{background:#efd9d3;box-shadow:6px 7px #b6978a55}.message-readout{background:#253c48;color:#fae9b3;font:17px 'DM Mono',monospace;padding:17px;letter-spacing:2px}.sound-archive .listening-deck{border-top:12px solid #263648;background:#e4dac2}.archive-records{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.archive-records button{text-align:left;min-width:150px;border:3px double #263648}.archive-records small{display:block;margin-top:5px;font:13px 'DM Mono',monospace}.stage-strip{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;font:13px 'DM Mono',monospace}.stage-strip span{padding:7px;border-bottom:2px solid #aaa08b}.stage-strip [aria-current]{background:#e7ba38;border-color:#103e70}.chunks{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0;min-height:50px;padding:10px;border:1px dashed #86754f}.chunks button{background:#f7efd9}.chunk-order{margin:14px 0;padding:8px 8px 8px 30px;min-height:65px;background:#ded0b4}.chunk-order li{padding:6px}.chunk-order button{padding:4px 10px;margin-left:6px;min-height:34px}.linking{font:600 26px 'Oswald',sans-serif;letter-spacing:1px;color:#103e70}.report-stamp{display:inline-block;transform:rotate(-3deg);border:3px double #103e70;padding:10px 20px;font:600 21px 'Oswald',sans-serif}.caught-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lost-audio .listening-deck{background:#203b50;color:#fff0d2;border:7px double #69818b}.lost-audio .listening-deck .translation{color:#f3b9cc}.lost-audio .listening-fields label{font-family:'DM Mono',monospace}.restoration-line{font:20px/1.7 'DM Mono',monospace;border-block:1px dashed #9db0b4;padding:15px}.same-different .listening-deck{background:#ddccad;border:8px double #3a4a55;text-align:center}.signal-pair{display:flex;justify-content:center;gap:30px}.signal-pair>div{flex:1;max-width:260px;border-block:2px solid #103e70;padding:20px 10px}.signal-pair .listening-audio{justify-content:center}.same-different .listening-choices{justify-content:center}.same-different .listening-deck form{max-width:none}.announcement-board .listening-deck{background:#182d3f;border:8px solid #b8a386;color:#f9ecd0}.announcement-board .listening-fields label{background:#304555;padding:14px;border-bottom:3px solid #e7ba38;letter-spacing:2px}.announcement-board .translation{color:#f3b9cc}.board-motto{font:500 22px 'DM Mono',monospace;letter-spacing:2px}.earwitness .listening-deck{background:#dbc29c;border-top:12px solid #b99a6b;box-shadow:4px 5px #4c3f3240}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.evidence-grid article{padding:15px;background:#f4e7cb;border-top:5px solid #d78c9c}.evidence-grid h3{margin:0}.ear-report-local{margin-top:35px;border-top:1px solid #938777;padding-top:15px}
@media(max-width:780px){.listening-body .alpha-nav{flex-wrap:wrap}.listening-body .alpha-nav nav{display:flex;order:3;width:100%;overflow-x:auto;gap:20px;padding-bottom:10px}.listening-body .alpha-nav nav a{white-space:nowrap}.listening-heading{padding:20px}.listening-deck{padding:16px}.evidence-grid{grid-template-columns:1fr}.room-label{font-size:14px;max-width:170px;padding:7px}.room-label small{font-size:12px}}
@media(max-width:500px){.listening-view{padding:18px 12px}.listening-fields,.caught-grid{grid-template-columns:1fr}.signal-pair{gap:10px}.signal-pair>div{padding:12px 4px}.listening-meta label{margin-left:0}.room-hotspot{min-width:28px;min-height:28px}.listening-heading h1{font-size:36px}.listening-heading p{font-size:16px}}
.listening-page .listening-footer{display:block;text-align:center}
.listening-page:has(.listening-room){min-height:0}
@media(prefers-reduced-motion:reduce){.room-hotspot{transition:none;transform:none!important}}