#ss-space.ss-audio { box-sizing:border-box; }
#ss-space.ss-audio > canvas { position:fixed; width:100%; height:100svh; }
#ss-space.ss-audio > main { width:100%; max-width:1200px; margin:0 auto; padding:56px 0 40px; }
#ss-space .audio-hero { padding:25px; border:1px solid #38404d; border-radius:7px; background:#0a0e15; }
#ss-space .audio-hero h1 { font:400 clamp(30px,4vw,42px)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.6px; margin:0 0 16px; }
#ss-space .eyebrow { font-size:12px; color:#aeb9c9; margin:0 0 8px; }
#ss-space .audio-hero .lede { max-width:680px; font-size:15px; line-height:1.65; }
#ss-space .audio-summary { display:flex; flex-wrap:wrap; gap:12px 30px; margin-top:22px; padding-top:20px; border-top:1px solid #2a323f; }
#ss-space .audio-summary > span { min-width:90px; color:#aeb9c9; font-size:12px; }
#ss-space .audio-summary b { display:block; font-size:21px; color:#e6edf7; font-weight:400; }
#ss-space .audio-summary .last-heard-summary { flex:1 1 260px; min-width:0; }
#ss-space .last-heard-summary b { font-size:14px; overflow-wrap:anywhere; }
#ss-space .audio-section { margin-top:34px; scroll-margin-top:20px; }
#ss-space .section-head { margin-bottom:18px; }
#ss-space .series-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#ss-space .series-card { display:grid; grid-template-rows:auto auto auto 1fr auto; gap:8px; min-width:0; text-align:left; padding:22px; border:1px solid #38404d; border-radius:7px; color:#f2f3f5; background:#0a0e15; font:400 14px/1.5 Arial,Helvetica,sans-serif; cursor:pointer; }
#ss-space .series-card:hover { background:#111b29; border-color:#7f94ae; }
#ss-space .audio-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid #4b5b70; border-radius:4px; background:#182332; color:#b7d0ef; font-size:22px; margin-bottom:8px; }
#ss-space .series-card > span:not(.audio-mark) { font-size:12px; color:#aeb9c9; }
#ss-space .series-card strong { font-size:22px; font-weight:400; line-height:1.2; }
#ss-space .series-card small { color:#bac2cf; font-size:13px; overflow-wrap:anywhere; }
#ss-space .series-card em { margin-top:10px; color:#b5cbe6; font-size:12px; font-style:normal; }
#ss-space .episode-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-bottom:20px; padding:18px 20px; border:1px solid #38404d; border-radius:7px; background:#0a0e15; }
#ss-space .episode-toolbar h2 { margin:0; }
#ss-space .episode-toolbar .eyebrow { margin-bottom:5px; }
#ss-space .button,#ss-space .audio-filter button,#ss-space .episode-state-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 12px; border:1px solid #66758a; border-radius:4px; color:#e2e8f2; background:#101722; font:400 13px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; text-align:center; text-decoration:none; }
#ss-space .button:hover,#ss-space .audio-filter button:hover,#ss-space .episode-state-actions button:hover { background:#243145; }
#ss-space .audio-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:16px; }
#ss-space .audio-search { flex:1 1 260px; min-width:0; }
#ss-space .audio-search input { width:100%; min-height:46px; padding:10px 14px; border:1px solid #66758a; border-radius:4px; background:#0a0e15; color:#f2f3f5; font:400 16px/1.5 Arial,Helvetica,sans-serif; }
#ss-space input:focus-visible { outline:2px solid #b5d6ff; outline-offset:3px; }
#ss-space .audio-filter { display:flex; flex-wrap:wrap; gap:6px; }
#ss-space .audio-filter button.is-active,#ss-space .episode-state-actions button.is-active { background:#dce5ef; border-color:#dce5ef; color:#10151d; }
#ss-space .episode-list { display:grid; gap:12px; }
#ss-space .episode-card { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px 18px; align-items:center; padding:18px; border:1px solid #38404d; border-radius:7px; background:#0a0e15; }
#ss-space .episode-number { align-self:start; display:grid; place-items:center; min-height:44px; border:1px solid #4b5b70; border-radius:4px; background:#182332; color:#b7d0ef; font-size:14px; }
#ss-space .episode-copy { min-width:0; }
#ss-space .episode-copy strong { display:block; font-size:16px; font-weight:400; overflow-wrap:anywhere; }
#ss-space .episode-copy span,#ss-space .episode-copy small { display:block; color:#aeb9c9; font-size:12px; margin-top:4px; }
#ss-space .audio-actions { display:flex; flex-wrap:wrap; gap:6px; }
#ss-space .episode-state-actions { grid-column:2 / -1; display:flex; flex-wrap:wrap; gap:6px; }
#ss-space .episode-card.is-heard { border-color:#557360; }
#ss-space .episode-card.is-heard .episode-copy span { color:#afcdb9; }
#ss-space .episode-card.is-last-heard { border-color:#aa8e5b; }
#ss-space .episode-card.is-last-heard .episode-copy span { color:#e2c991; }
#ss-space .usage-note { padding:20px; background:#0a0e15; border:1px solid #38404d; border-radius:4px; }
#ss-space .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#ss-space .ss-footer { position:relative; z-index:1; padding:14px 0; }
@media(max-width:1000px){
 #ss-space .episode-card { grid-template-columns:44px minmax(0,1fr); }
 #ss-space .audio-actions { grid-column:2; }
 #ss-space .series-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px){
 #ss-space.ss-audio > main { padding-top:30px; }
 #ss-space .series-grid { grid-template-columns:minmax(0,1fr); }
 #ss-space .audio-hero { padding:20px; }
 #ss-space .episode-card { gap:12px; padding:14px; }
 #ss-space .audio-actions,#ss-space .episode-state-actions { grid-column:1 / -1; }
 #ss-space .audio-filter { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
 #ss-space .episode-toolbar h2 { font-size:23px; }
 #ss-space .episode-toolbar { align-items:flex-start; }
}