.listening-room{overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#fffaf1 0,transparent 60%),#eee7dc;padding:110px 0 85px;scroll-margin-top:75px}.listening-layout{display:grid;grid-template-columns:.78fr 1.35fr;align-items:center;gap:55px}.listening-kicker{font-size:10px;letter-spacing:.19em;color:#9d7855;margin-bottom:27px!important}.listening-kicker span{display:block;letter-spacing:.2em;margin-top:8px;font-size:11px}.listening-room h2{font-family:var(--serif);font-size:40px;line-height:1.5;letter-spacing:.035em;margin-bottom:22px}.listening-description{font-size:14px;line-height:2.1;color:#887e71;margin:0 0 35px}.listening-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-width:290px}.category-pick{border:0;background:transparent;text-align:left;font-size:13px;color:#918678;padding:10px 0;cursor:pointer;transition:color .3s,transform .3s;white-space:nowrap}.category-pick span{font:italic 12px Georgia,serif;color:#b6a797;margin-right:12px}.category-pick[aria-pressed=true]{color:#8f5436;transform:translateX(4px)}.category-pick[aria-pressed=true] span{color:#8f5436}
.deck-region{min-width:0;position:relative;padding-top:16px}.audio-deck{height:425px;position:relative;perspective:1200px;touch-action:pan-y;isolation:isolate;margin:0 66px 0 10px}.listening-card{--card-accent:#a66c46;--card-surface:#fffaf0;position:absolute;inset:0;border:1px solid #e5d7c4;border-radius:20px;background:linear-gradient(135deg,#fffdf8,var(--card-surface));box-shadow:0 2px 3px #50351806,0 12px 32px #5035180c,0 35px 55px -30px #5035183d;transform-origin:50% 65%;will-change:transform;transition:transform .78s cubic-bezier(.22,.8,.2,1),box-shadow .7s,filter .7s;transform:translateX(calc(var(--offset,0) * 32px)) translateY(calc(var(--depth,0) * 9px)) rotate(calc(var(--offset,0) * 2deg)) scale(var(--scale,1));z-index:var(--layer,4)}.tone-news{--card-accent:#567d79;--card-surface:#f2f6ee}.tone-story{--card-accent:#74768d;--card-surface:#f1f0f6}.tone-learn{--card-accent:#a2764c;--card-surface:#faf0df}.card-body{height:100%;padding:29px 32px 25px;display:flex;flex-direction:column;position:relative;z-index:1;background:inherit;border-radius:inherit;overflow:hidden}.card-body:before{content:"";position:absolute;inset:8px;border:1px solid #ab8c6010;border-radius:13px;pointer-events:none}.card-topline{display:flex;justify-content:space-between;align-items:center;color:var(--card-accent);font-size:11px;letter-spacing:.12em}.card-category{display:flex;align-items:center;gap:8px}.card-category b{height:5px;width:5px;border-radius:50%;background:currentColor}.card-number{font:italic 18px Georgia,serif}.card-number span{font:10px Georgia,serif;opacity:.5}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 18px}.card-title-row h3{font-family:var(--serif);font-size:27px;line-height:1.45;letter-spacing:.025em;color:#3c342c;margin:0;font-weight:600}.sound-seal{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #c9af8b42;background:#e6d6ba1c;width:44px;height:44px;border-radius:50%;color:var(--card-accent);flex-shrink:0}.sound-seal span{width:2px;height:13px;background:currentColor;transform-origin:center}.sound-seal span:nth-child(2),.sound-seal span:nth-child(4){height:22px}.sound-seal span:nth-child(3){height:29px}.card-transcript{font-family:var(--serif);font-size:14px;line-height:1.95;letter-spacing:.015em;color:#776958;margin:0;flex:1}
.bespoke-player{display:flex;gap:20px;align-items:center;margin:20px 0 0;padding:0 0 17px;border-bottom:1px solid #a58b6924}.listen-play{width:52px;height:52px;flex-shrink:0;border:1px solid #ffffff80;border-radius:50%;background:var(--card-accent);color:#fffaf2;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px #6e492321,inset 0 1px 1px #ffffff50;transition:transform .25s,box-shadow .25s}.listen-play:hover{transform:scale(1.07);box-shadow:0 7px 19px #6e49232b}.listen-play:active{transform:scale(.95)}.listen-play svg{width:24px;height:24px;fill:currentColor}.pause-path{display:none}.is-playing .play-path{display:none}.is-playing .pause-path{display:block}.player-track{flex:1;min-width:0}.wave-seek{height:44px;position:relative;--progress:0%}.waveform{position:absolute;inset:0;display:flex;gap:3px;align-items:center;color:#d7cabb}.waveform i{display:block;flex:1;min-width:1px;height:var(--h);background:currentColor;border-radius:2px}.waveform-progress{color:var(--card-accent);clip-path:inset(0 calc(100% - var(--progress)) 0 0)}.wave-seek input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.wave-seek:focus-within{outline:2px solid var(--card-accent);outline-offset:4px;border-radius:4px}.player-times{display:flex;justify-content:space-between;font:10px/1.5 ui-monospace,monospace;color:#a49786;margin-top:6px}.card-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a09383;padding-top:16px;letter-spacing:.03em}.foot-dot{padding:0 5px;color:#c1b2a0}.player-state{color:var(--card-accent)}.card-edge{position:absolute;right:10px;top:30px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;color:var(--card-accent);z-index:2;opacity:0;transition:opacity .35s}.listening-card:not(.is-active){filter:saturate(.75) brightness(.975);box-shadow:0 4px 14px #5035180c}.listening-card:not(.is-active) .card-body{opacity:.13;transition:opacity .4s}.listening-card.is-active .card-body{opacity:1;transition:opacity .5s .12s}.listening-card:not(.is-active) .card-edge{opacity:.75}
.deck-navigation{display:flex;align-items:center;justify-content:center;gap:26px;margin:42px 56px 0 0}.deck-navigation button{width:42px;height:42px;border:1px solid #c6b8a659;background:#faf6ee80;color:#8f775d;display:grid;place-items:center;border-radius:50%;cursor:pointer;transition:background .25s,transform .25s}.deck-navigation button:hover{background:#fffcf5;transform:translateY(-2px)}.deck-navigation svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.deck-next svg{transform:rotate(180deg)}.deck-counter{display:flex;align-items:center;gap:13px;font:12px Georgia,serif;color:#ae9c85}.deck-counter strong{font-size:18px;font-weight:400;color:#866649}.counter-line{width:35px;height:1px;background:#cbbba5}.deck-hint{text-align:center;margin:13px 56px 0 0;font-size:10px;letter-spacing:.12em;color:#a99c8b}.player-error{position:absolute;bottom:4px;left:32px;font-size:10px;color:#a33}.player-error[hidden]{display:none}.listening-room button:focus-visible{outline:2px solid #aa7550;outline-offset:5px}.is-playing .sound-seal span{animation:voice-breathe .9s ease-in-out infinite alternate}.is-playing .sound-seal span:nth-child(2n){animation-delay:-.5s}.is-playing .sound-seal span:nth-child(3){animation-delay:-.25s}@keyframes voice-breathe{to{transform:scaleY(.45)}}
@media(max-width:1050px){.listening-layout{grid-template-columns:.7fr 1.3fr;gap:25px}.audio-deck{margin-right:54px;height:445px}.card-body{padding:25px}.card-title-row h3{font-size:24px}.listening-room h2{font-size:32px}.waveform{gap:2px}}
@media(max-width:760px){.listening-room{padding:65px 0}.listening-layout{display:block}.listening-intro{text-align:center}.listening-kicker{margin-bottom:18px!important}.listening-kicker span{display:inline;margin-left:14px}.listening-room h2{font-size:31px;margin-bottom:16px}.listening-description{font-size:13px;margin-bottom:20px}.listening-categories{display:flex;justify-content:center;gap:18px;max-width:none;margin-bottom:28px}.category-pick{font-size:11px}.category-pick span{display:none}.audio-deck{max-width:440px;margin:0 auto;height:425px;width:calc(100% - 65px)}.deck-region{padding-top:12px}.card-body{padding:24px}.card-title-row{margin-top:23px;margin-bottom:16px}.card-title-row h3{font-size:25px}.card-transcript{font-size:13px;line-height:1.95}.deck-navigation{margin:38px 0 0}.deck-hint{margin:12px 0 0}.bespoke-player{gap:15px}.waveform{gap:2px}.listen-play{height:48px;width:48px}.card-foot{font-size:9px}.listening-card{border-radius:17px}}
@media(max-width:390px){.audio-deck{width:calc(100% - 45px);height:455px}.card-body{padding:22px}.card-title-row h3{font-size:23px}.listening-categories{gap:14px}.waveform{gap:1px}}
@media(prefers-reduced-motion:reduce){.listening-card,.card-body,.listen-play,.category-pick{transition:none!important}.sound-seal span{animation:none!important}}
.listening-card.is-before .card-edge{right:auto;left:10px}@media(max-width:760px){.audio-deck{height:480px}.card-transcript{flex-shrink:0}.waveform i{min-width:0}}

/* Waveform heights in external CSS to respect the production CSP. */
.waveform .wave-h-8{--h:8px}.waveform .wave-h-11{--h:11px}.waveform .wave-h-12{--h:12px}.waveform .wave-h-14{--h:14px}.waveform .wave-h-15{--h:15px}.waveform .wave-h-17{--h:17px}.waveform .wave-h-18{--h:18px}.waveform .wave-h-19{--h:19px}.waveform .wave-h-20{--h:20px}.waveform .wave-h-21{--h:21px}.waveform .wave-h-22{--h:22px}.waveform .wave-h-23{--h:23px}.waveform .wave-h-24{--h:24px}.waveform .wave-h-25{--h:25px}.waveform .wave-h-26{--h:26px}.waveform .wave-h-27{--h:27px}.waveform .wave-h-28{--h:28px}.waveform .wave-h-29{--h:29px}.waveform .wave-h-30{--h:30px}.waveform .wave-h-31{--h:31px}.waveform .wave-h-32{--h:32px}.waveform .wave-h-33{--h:33px}.waveform .wave-h-34{--h:34px}.waveform .wave-h-35{--h:35px}.waveform .wave-h-36{--h:36px}.waveform .wave-h-37{--h:37px}.waveform .wave-h-38{--h:38px}.waveform .wave-h-39{--h:39px}.waveform .wave-h-40{--h:40px}.waveform .wave-h-41{--h:41px}.waveform .wave-h-42{--h:42px}