/* Local audio only; deliberately scoped to the soundtrack component. */
.soundtrack{max-width:960px;margin:0 auto;padding:0 30px 8px;color:var(--fg)}
.soundtrack h2{font:normal 20px/1.2 var(--serif);letter-spacing:0;margin:0 0 8px;color:var(--gold)}
.soundtrack-card{display:flex;align-items:center;gap:16px;min-height:86px;padding:6px 12px 6px 7px;border:1px solid var(--line);border-radius:5px;background:#ffffff05}
.soundtrack-cover{display:block;width:72px;height:72px;flex:none;object-fit:cover;object-position:75% center;border-radius:2px}
.soundtrack-content{flex:1;min-width:0}
.soundtrack-title{font:600 12px/1.4 var(--sans);margin:0 0 2px;color:var(--fg)}
.soundtrack-title span{font-weight:400;color:var(--muted)}
.soundtrack-controls{display:flex;align-items:center;gap:12px}
.soundtrack-controls[hidden],.soundtrack-mini[hidden],.soundtrack-status[hidden],.soundtrack-volume[hidden],#soundtrack-audio[hidden]{display:none!important}
.soundtrack-play,.soundtrack-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #dbbb7866;border-radius:50%;background:var(--gold);color:#12251d;font:700 18px/1 var(--sans);cursor:pointer}
.soundtrack-play:hover{filter:brightness(1.12)}
.soundtrack-timeline{flex:1;min-width:45px}
.soundtrack-seek{display:block;width:100%;height:24px;margin:0;accent-color:var(--gold);cursor:pointer}
.soundtrack-times{display:flex;justify-content:space-between;font:10px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--muted)}
.soundtrack-volume{display:flex;gap:7px;align-items:center;width:95px;flex:none;color:var(--gold)}
.soundtrack-volume input{width:70px;min-width:0;height:28px;margin:0;accent-color:var(--gold)}
.soundtrack-status{font:12px/1.4 var(--sans);margin:5px 0;color:var(--gold)}
#soundtrack-audio{display:block;width:100%;height:40px;max-width:100%}
.soundtrack input:focus-visible,.soundtrack-mini input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.soundtrack-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.soundtrack-mini{position:fixed;inset:auto 0 0;z-index:25;color:#edf0df;background:#10231c;border-top:1px solid #dbbb7866;padding:8px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-shadow:0 -5px 22px #0003}
.soundtrack-mini-inner{display:flex;align-items:center;gap:15px;max-width:960px;margin:auto}
.soundtrack-mini-track{flex:1;min-width:0}
.soundtrack-mini-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 12px/1.4 var(--sans)}
.soundtrack-mini-title span{font-weight:400;color:#b4c0ae}
.soundtrack-close{border-radius:4px;background:transparent;border-color:#ffffff40;color:#edf0df;font-size:28px}
/* Reserve end-of-page space and lift the existing floating navigation. */
body.soundtrack-docked{padding-bottom:var(--soundtrack-dock-height,68px)}
body.soundtrack-docked .backtop{bottom:calc(23px + var(--soundtrack-dock-height,68px))}
html.soundtrack-docked{scroll-padding-bottom:calc(16px + var(--soundtrack-dock-height,68px))}
@media(max-width:600px){.soundtrack{padding:0 25px 8px}.soundtrack h2{font-size:19px;line-height:1.3}.soundtrack-card{gap:10px;padding:8px}.soundtrack-cover{width:56px;height:56px}.soundtrack-title{font-size:11px}.soundtrack-title span{display:none}.soundtrack-controls{gap:8px}.soundtrack-volume{width:62px;gap:0}.soundtrack-volume>span[aria-hidden]{display:none}.soundtrack-volume input{width:62px}.soundtrack-mini-inner{gap:10px}.soundtrack-mini-title{font-size:11px}.soundtrack-mini-title span{display:none}}
@media(max-width:380px){.soundtrack-volume{width:42px}.soundtrack-volume input{width:42px}}
@media print{.soundtrack,.soundtrack-mini{display:none!important}body.soundtrack-docked{padding-bottom:0}}