/* LionStrata v2.9.151 — /audio on the homepage look. Loaded AFTER home.css: it reuses the homepage tokens (--h-*), the shared container (.h-wrap = --ls-container) and the
   section padding (--h-section-pad). Only what home.css does not have lives here: the Intelligence sub-nav, the badges, the two-column Listen band, and the restyled
   episode player / library cards (the markup is built by assets/audio-episodes.js). Grayscale, no inline styles (CSP), every text is 12px or larger. */
.audio-page .ap-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.audio-page .ap-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border:1px solid var(--h-line);border-radius:999px;color:var(--h-text);font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none}
.audio-page .ap-badge-link:hover{background:rgba(255,255,255,.08)}
.audio-page .ap-badge-link:focus-visible{outline:2px solid var(--h-blue);outline-offset:3px}
.audio-page .ap-hero{padding-bottom:var(--h-section-pad)}

.audio-page .ap-listen .h-head{max-width:720px}
.audio-page .ap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.audio-page .ap-grid>*{min-width:0}
@media (max-width:820px){.audio-page .ap-grid{grid-template-columns:minmax(0,1fr)}.audio-page .h-bcard{padding:28px 22px}}

/* latest-episode panel (markup from audio-episodes.js) */
.audio-page .audio-hero-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.audio-page .audio-hero-panel-head>div{min-width:0}
.audio-page .audio-hero-panel-head span{display:block;margin:0 0 10px;color:var(--h-muted-l);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.audio-page .audio-hero-panel-head strong{display:block;font-size:clamp(20px,2.4vw,26px);line-height:1.2;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.audio-page .audio-hero-panel-intro{margin:0 0 18px;color:var(--h-muted-l);font-size:15px;line-height:1.55}
.audio-page .audio-episode-embed{max-width:none;margin-top:auto}
.audio-page .audio-embed-note{margin:0;color:var(--h-muted-l);font-size:12px;line-height:1.5}
.audio-page .audio-share-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 18px;border:1px solid var(--h-line-l);border-radius:999px;background:transparent;color:var(--h-ink);font:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.audio-page .audio-share-btn:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.32)}
.audio-page .audio-share-btn:active{background:rgba(0,0,0,.09)}
.audio-page .audio-share-btn:focus-visible{outline:2px solid var(--h-blue);outline-offset:3px}
.audio-page .audio-share-btn.is-copied{border-color:var(--h-green);color:#1a9e3f}
.audio-page .admin-signups-empty.audio-empty-note{margin:0;padding:12px 0;border:0;color:var(--h-muted-l);font-size:15px;line-height:1.5}
.audio-page .ap-library .admin-signups-empty.audio-empty-note{color:var(--h-muted)}

/* the live card inside the Listen band: same classes as the homepage; the card is as tall as its neighbour */
.audio-page .ap-grid .h-bcard h3{margin-top:0}
.audio-page .h-bnote{margin:14px 0 0;color:var(--h-muted-l);font-size:15px;line-height:1.5}
.audio-page .h-bcard .h-play{margin-top:auto}
.audio-page .h-bcard h3+.h-bnote+.h-play,.audio-page .h-bcard .h-bnote+.h-play{margin-top:auto}

/* library: dark cards */
.audio-page .audio-episode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.audio-page .audio-episode-list>*{min-width:0}
@media (max-width:820px){.audio-page .audio-episode-list{grid-template-columns:minmax(0,1fr)}}
.audio-page .audio-episode-list>.admin-signups-empty{grid-column:1/-1}
.audio-page .audio-episode-card{padding:28px;border:1px solid var(--h-line);border-radius:24px;background:var(--h-card)}
.audio-page .audio-episode-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.audio-page .audio-episode-card-head div{min-width:0}
.audio-page .audio-episode-card-head span{display:block;color:var(--h-muted);font-size:12px;font-weight:600;letter-spacing:.08em}
.audio-page .audio-episode-card-head strong{display:block;margin-top:8px;font-size:20px;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
.audio-page .audio-episode-card-head p{margin:10px 0 0;color:var(--h-muted);font-size:15px;line-height:1.55;max-width:none}
.audio-page .audio-episode-card .audio-share-btn{border-color:rgba(255,255,255,.22);color:var(--h-text)}
.audio-page .audio-episode-card .audio-share-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.audio-page .audio-episode-card .audio-share-btn:active{background:rgba(255,255,255,.14)}
/* v2.9.176: the label is a <span> inside the card head and picked up the head's small gray label style (dim, wide letters); same reset as the hero panel */
.audio-page .audio-episode-card-head .audio-share-btn{flex:0 0 auto}
.audio-page .audio-episode-card-head .audio-share-btn span{display:inline;margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:.01em;text-transform:none}
.audio-page .audio-episode-card .audio-share-btn.is-copied{color:var(--h-green);border-color:var(--h-green)}
@media (max-width:820px){.audio-page .audio-episode-card{padding:22px}}

/* the "what this is" note */
.audio-page .ap-disclosure .h-head{margin-bottom:32px}
.audio-page .ap-principle{max-width:760px;padding:32px;border-radius:28px;background:#fff}
.audio-page .ap-principle span{display:block;margin-bottom:10px;color:var(--h-muted-l);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.audio-page .ap-principle strong{display:block;font-size:clamp(19px,2.2vw,24px);line-height:1.3;font-weight:700;letter-spacing:-.02em}
.audio-page .ap-principle p{margin:14px 0 0;color:var(--h-muted-l);font-size:16px;line-height:1.55}
.audio-page .ap-close .h-actions{margin-top:28px}

/* v2.9.157: the Pop out button row (its style lives in home.css) */
.audio-page .audio-embed-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}

/* v2.9.159: the latest-episode panel — player box, then the date line + "Open on Spotify" + Pop out */
.audio-page .audio-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.audio-page #audio-hero-panel .h-embedslot{margin:14px 0 12px}
/* v2.9.159: the Share button's label is a <span> inside the panel head and picked up the head's small-caps span style (it stuck out of its pill) */
.audio-page .audio-hero-panel-head .audio-share-btn{flex:0 0 auto}
@media (prefers-reduced-motion:reduce){.audio-page .audio-share-btn{transition:none}}
.audio-page .audio-hero-panel-head .audio-share-btn span{display:inline;margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none}
/* v2.9.164: the cookie note sits at the BOTTOM of both cards, so the two sentences line up side by side (the Spotify card is shorter than the YouTube card) */
.audio-page #audio-hero-panel .audio-embed-note,.audio-page [data-live-card] .h-play-note{margin-top:auto;padding-top:14px}
/* v2.9.174: library cards — a compact (152px) Spotify player under the title and description. The box is 152px high from the start (nothing shifts when the iframe arrives);
   the plain "Open on Spotify" link shows in the same box only when the embed cannot load. */
.audio-page .audio-lib-slot{position:relative;width:100%;height:152px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.05)}
.audio-page .audio-lib-slot iframe{display:block;width:100%;height:152px;border:0;border-radius:14px}
.audio-page .audio-lib-open{display:none;align-items:center;justify-content:center;width:100%;height:100%;padding:0 16px;color:var(--h-text);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.audio-page .audio-lib-open:focus-visible{outline:2px solid var(--h-blue);outline-offset:-3px}
.audio-page .audio-lib-slot.is-plain iframe{display:none}
.audio-page .audio-lib-slot.is-plain .audio-lib-open{display:flex}
.audio-page .audio-episode-embed .audio-embed-actions{margin-top:12px}
.audio-page .audio-episode-embed .audio-embed-note{margin-top:12px;color:var(--h-muted)}
/* v2.9.175: "Show 5 more episodes" under the library (the list shows the 10 newest first) */
.audio-page .audio-library-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:32px}
.audio-page .audio-library-more[hidden]{display:none}
.audio-page .audio-library-count{margin:0;color:var(--h-muted);font-size:14px;line-height:1.4}
.audio-page .audio-library-morebtn{background:transparent;cursor:pointer;font-family:inherit}
.audio-page .audio-library-morebtn:focus-visible,.audio-page .audio-episode-card:focus-visible{outline:2px solid var(--h-blue);outline-offset:3px}