/* A shared audio player that takes its colours and shapes from the museum's theme. */
.audio-card.player{padding:1.6rem 1.75rem;background:linear-gradient(145deg,var(--surface),var(--bg));border-radius:var(--radius);box-shadow:0 14px 32px -26px var(--primary);overflow:hidden}
.audio-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.audio-card-heading>div{min-width:0}.audio-card-heading .eyebrow{font-size:.62rem;letter-spacing:.14em;margin-bottom:.5rem}.audio-card-title{font-family:var(--heading);font-size:clamp(1.4rem,4vw,1.85rem);line-height:1.2;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere;text-wrap:pretty}
.audio-wave{display:flex;align-items:center;gap:4px;height:38px;flex-shrink:0;color:var(--primary);padding:0 3px}.audio-wave i{width:3px;height:12px;background:currentColor;border-radius:3px;transform-origin:center}.audio-wave i:nth-child(2),.audio-wave i:nth-child(6){height:22px}.audio-wave i:nth-child(3),.audio-wave i:nth-child(5){height:30px}.audio-wave i:nth-child(4){height:38px}.is-playing .audio-wave i{animation:audio-wave 1.1s ease-in-out infinite alternate}.is-playing .audio-wave i:nth-child(2n){animation-delay:-.7s}.is-playing .audio-wave i:nth-child(3n){animation-delay:-.3s}
.audio-transport{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.7rem 0 .9rem}.audio-card .audio-toggle{width:76px;height:76px;min-height:76px;flex-shrink:0;border-radius:50%;padding:20px;background:var(--primary);color:#fff;border:0;box-shadow:0 0 0 7px var(--soft);position:relative}.audio-toggle svg{height:32px;width:32px;fill:currentColor;flex-shrink:0}.audio-icon-pause{display:none}.is-playing .audio-icon-pause{display:block}.is-playing .audio-icon-play{display:none}.audio-card .audio-toggle:hover{filter:brightness(1.08)}.audio-card .audio-toggle:active{transform:scale(.96)}.audio-card .audio-skip{height:48px;width:48px;min-height:48px;border:0;padding:8px;border-radius:50%;background:transparent;color:var(--primary)}.audio-skip svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.audio-skip svg text{font:600 10px system-ui,sans-serif;fill:currentColor;stroke:none;text-anchor:middle}.audio-card .audio-skip:hover{background:var(--soft);filter:none}.audio-card .audio-skip:disabled{opacity:.35;cursor:default}.audio-state{color:var(--muted);font-size:.73rem;text-align:center;margin:0 0 1rem;min-height:1.3em}.is-loading .audio-toggle:after{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:audio-loading 1s linear infinite}
.audio-timeline{width:100%}.audio-card input.audio-seek{--audio-progress:0%;display:block;-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;accent-color:var(--primary);touch-action:pan-y}.audio-seek::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--audio-progress),var(--line) var(--audio-progress),var(--line) 100%)}.audio-seek::-moz-range-track{height:5px;border-radius:10px;background:var(--line)}.audio-seek::-moz-range-progress{height:5px;border-radius:10px;background:var(--primary)}.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;border:3px solid var(--surface);border-radius:50%;background:var(--primary);margin-top:-5.5px;box-shadow:0 0 0 1px var(--primary)}.audio-seek::-moz-range-thumb{height:10px;width:10px;border:3px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.audio-card input.audio-seek:disabled{opacity:.5;cursor:default}.audio-seek:focus-visible{outline-offset:2px;border-radius:5px}.audio-times{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums;line-height:1.3;margin-top:0}.audio-times>span:first-child{color:var(--primary);font-weight:600}
.audio-options{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.audio-headphone-note{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.64rem;line-height:1.4}.audio-headphone-note svg{height:19px;width:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.audio-speed{display:flex;align-items:center;gap:.5rem;flex-shrink:0;font-size:.67rem;color:var(--muted)}.audio-speed select{min-height:44px;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:var(--surface);color:var(--primary);padding:.4rem .5rem;font:600 .8rem system-ui,sans-serif;cursor:pointer}.audio-card .transcript{margin-top:1.2rem;padding-top:.15rem}.audio-card .transcript summary{font-size:.8rem}.audio-card audio:not([hidden]){margin-top:1.25rem}.audio-card [data-player-error]{margin-top:1rem;margin-bottom:.2rem;font-size:.8rem}.audio-card>.notice{font-size:.75rem}.audio-card .transcript .prose{padding-top:.6rem}
@keyframes audio-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes audio-loading{to{transform:rotate(360deg)}}
@media(min-width:760px){.audio-transport{gap:2.4rem}.audio-card .audio-toggle{height:82px;width:82px;min-height:82px}.audio-card.player{padding:1.75rem 2rem}.audio-headphone-note{font-size:.73rem}.audio-speed{font-size:.73rem}}
@media(max-width:480px){.audio-card.player{padding:1.2rem}.audio-card-heading{gap:.8rem}.audio-card-title{font-size:1.45rem}.audio-wave{gap:3px;transform:scale(.85);transform-origin:right center}.audio-transport{padding-top:1.5rem;gap:1.6rem}.audio-options{gap:.65rem}.audio-headphone-note{max-width:155px}.audio-speed{gap:.35rem}.audio-state{font-size:.7rem}.audio-card .transcript summary{font-size:.8rem}}
@media(max-width:350px){.audio-card.player{padding:1rem}.audio-transport{gap:1.2rem}.audio-headphone-note{font-size:.6rem;gap:.4rem;max-width:115px}.audio-card-title{font-size:1.3rem}.audio-wave{gap:2px}.audio-speed>span{display:none}}
@media(prefers-reduced-motion:reduce){.audio-card *{animation:none!important;transition:none!important}}

/* A clear, touch-sized transcript control beside every available audio text. */
.audio-card .transcript{margin-top:1.2rem;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.audio-card .transcript>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.65rem .9rem;list-style:none;font-size:.85rem;font-weight:600;color:var(--primary);cursor:pointer}
.audio-card .transcript>summary::-webkit-details-marker{display:none}
.audio-card .transcript>summary::after{content:"+";font-size:1.25rem;font-weight:400}
.audio-card .transcript[open]>summary::after{content:"−"}
.audio-card .transcript[open]>summary{border-bottom:1px solid var(--line)}
.audio-card .transcript .prose{padding:1rem .9rem .25rem;font-size:.95rem;line-height:1.8}