/* Scoped media content; the locked shared shell is deliberately not targeted. */
.br-media-page { min-width:0; }
.br-media-page :is(h1,h2,h3,p,a) { overflow-wrap:anywhere; }
.br-media-page .pod-hero > div > *, .br-media-page .psearch input { min-width:0; }
.br-media-page .pod-hero h1 { line-height:1.65; letter-spacing:0; }
.br-media-page .hero-chip { white-space:normal; }
.br-media-page .hero-chip--live::before { display:none; }
.br-media-page .sh { flex-wrap:wrap; gap:16px; }
.br-media-page .sh-left { min-width:0; }
.br-media-page .sh h2 { line-height:1.65; }
.br-media-page .cat-tabs { max-width:100%; }
.br-media-page .shelf { scroll-snap-type:x proximity; overscroll-behavior-x:contain; }
.br-media-page .series-card { scroll-snap-align:start; }
.br-media-page :is(.p-play-btn,.p-row__play) { opacity:1; min-width:44px; min-height:44px; }
.br-media-page .p-cover__overlay { opacity:1; background:linear-gradient(transparent,rgba(3,25,29,.18)); }
.br-media-page .p-title a, .br-media-page .p-row__title a { color:inherit; }
.br-media-page :is(.p-title a,.p-row__title a):hover { color:#9a6b1f; }
.br-media-page .p-card { cursor:default; }
.br-media-page .psearch button { min-width:64px; min-height:44px; }
.br-media-page .layout-toggle button { min-width:44px; min-height:44px; }
.br-media-page .p-row { grid-template-columns:64px minmax(0,1fr) auto; }
.br-media-page .p-row__meta { flex-wrap:wrap; }
.br-media-page .br-featured-play { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:50px; padding:10px 16px; margin-top:20px; border-radius:16px; background:linear-gradient(135deg,#f0ce87,#c08a2e); color:#03191d; font-size:14px; font-weight:850; }
.br-media-page .br-featured-play svg { width:22px; height:22px; }
.br-media-page .br-featured-meta { margin-top:12px; display:flex; justify-content:space-between; gap:12px; color:#e6f1f2; font-size:12px; }
.br-video-hero { background:radial-gradient(ellipse at top right,rgba(192,138,46,.2),transparent 60%),linear-gradient(120deg,#0a4d56,#03191d); }
.br-media-page .br-video-player { aspect-ratio:16/9; width:100%; position:relative; }
.br-media-page .br-video-player iframe { width:100%; height:100%; position:absolute; inset:0; border:0; }
.br-video-duration { position:absolute; bottom:12px; left:12px; border:1px solid #ffffff30; background:#03191de6; color:white; font-size:12px; padding:4px 9px; border-radius:8px; direction:ltr; font-variant-numeric:tabular-nums; }
.br-video-pagination { display:flex; flex-wrap:wrap; gap:8px; }
.br-video-pagination .page-numbers { display:grid; place-items:center; min-width:44px; min-height:44px; padding:8px 14px; border:1px solid #a7ced3; border-radius:12px; }
.br-video-pagination .current { color:white; background:#0a4d56; }
.br-video-source { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; font-size:12px; color:#567077; }
.br-video-source a { padding:8px 12px; border:1px solid #a7ced3; border-radius:10px; min-height:40px; }
html.dark .br-video-source { color:#a7ced3; }
.br-media-page :focus-visible, .br-listen :focus-visible { outline:3px solid #c08a2e; outline-offset:3px; }
.br-listen { position:fixed; z-index:70; inset-inline:20px; bottom:16px; max-width:1000px; margin-inline:auto; border:1px solid #c08a2e70; border-radius:24px; padding:16px 20px; color:#fff; background:linear-gradient(125deg,#0a4d56,#03191d); box-shadow:0 14px 55px #03191d55; max-height:calc(100dvh - 160px); overflow-y:auto; overscroll-behavior:contain; }
.br-listen[hidden], .br-listen [hidden] { display:none !important; }
.br-listen button, .br-listen select, .br-listen input { font:inherit; }
.br-listen button { cursor:pointer; touch-action:manipulation; }
.br-listen button:disabled { opacity:.35; cursor:not-allowed; }
.br-listen__head { display:flex; align-items:center; gap:12px; min-width:0; }
.br-listen__head > img { width:56px; height:56px; flex-shrink:0; border-radius:14px; object-fit:cover; }
.br-listen__identity { min-width:0; flex:1; display:grid; gap:3px; }
.br-listen__eyebrow { color:#f0ce87; font-size:10px; }
#br-listen-title { font-size:14px; font-weight:850; color:#fff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.7; }
#br-listen-host { color:#c2dfe3; font-size:11px; }
.br-listen__play { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; background:#f0ce87; border-radius:50%; color:#03191d; }
.br-listen__play svg { width:23px; height:23px; }
.br-listen__icon, .br-listen__skip { display:grid; place-items:center; min-width:44px; width:44px; height:44px; border-radius:12px; color:#fff; background:transparent; }
.br-listen__icon:hover, .br-listen__skip:hover { background:#ffffff15; }
.br-listen svg { width:20px; height:20px; flex-shrink:0; }
.br-listen__progress { display:flex; align-items:center; gap:10px; margin-top:8px; }
.br-listen__progress output { color:#e6f1f2; font-size:11px; min-width:35px; font-variant-numeric:tabular-nums; text-align:center; }
.br-listen input[type=range] { direction:ltr; min-width:0; cursor:pointer; accent-color:#f0ce87; height:32px; flex:1; background:transparent; }
.br-listen input[type=range]:disabled { opacity:.4; cursor:wait; }
#br-listen-seek { -webkit-appearance:none; appearance:none; width:100%; border:none; padding:0; }
#br-listen-seek::-webkit-slider-runnable-track { height:5px; border-radius:5px; background:linear-gradient(to right,#f0ce87 var(--progress,0%),#ffffff30 var(--progress,0%)); }
#br-listen-seek::-webkit-slider-thumb { -webkit-appearance:none; width:17px; height:17px; margin-top:-6px; border:2px solid #fff; border-radius:50%; background:#f0ce87; }
#br-listen-seek::-moz-range-track { height:5px; background:#ffffff30; border-radius:5px; }
#br-listen-seek::-moz-range-progress { height:5px; background:#f0ce87; }
#br-listen-seek::-moz-range-thumb { width:15px; height:15px; border:2px solid #fff; border-radius:50%; background:#f0ce87; }
.br-listen__toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; }
.br-listen__toolbar button { min-height:40px; display:flex; align-items:center; gap:6px; color:#f0ce87; }
#br-listen-status { color:#c2dfe3; text-align:left; line-height:1.8; }
.br-listen__transport { display:flex; align-items:center; justify-content:center; gap:12px; border-top:1px solid #ffffff18; padding-top:8px; }
.br-listen__skip { position:relative; }
.br-listen__skip svg { width:29px; height:29px; }
.br-listen__skip span { position:absolute; font-size:9px; top:17px; line-height:1; }
.br-listen__transport-label { font-size:11px; color:#a7ced3; }
.br-listen__options { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:8px; }
.br-listen__options label { display:flex; gap:8px; align-items:center; font-size:12px; }
.br-listen select { color:#fff; background:#0a4d56; border:1px solid #a7ced370; min-height:44px; padding:6px 10px; border-radius:10px; }
.br-listen__volume { display:flex; width:150px; align-items:center; }
.br-listen__queue-toggle { color:#f0ce87; min-height:44px; display:flex; align-items:center; gap:8px; font-size:12px; }
.br-listen__queue { margin:12px 0 0; padding:0; list-style:none; max-height:180px; overflow:auto; border-top:1px solid #ffffff20; }
.br-listen__queue button { width:100%; display:flex; gap:12px; justify-content:space-between; align-items:center; text-align:right; min-height:48px; padding:10px; color:#e6f1f2; font-size:12px; border-radius:10px; }
.br-listen__queue button[aria-current=true] { background:#ffffff15; color:#f0ce87; }
.br-listen__queue time { white-space:nowrap; direction:ltr; color:#a7ced3; }
.br-media-page.br-media-playing { padding-bottom:calc(var(--br-listen-height,180px) + 36px); }
/* Keep the support plugin's launcher reachable without covering player controls.
   Only while this page's player is open; no header/footer/nav rules change. */
body:has(.br-listen:not([hidden])) .bst-widget .bst-widget__launcher {
    /* Independent translate is not overwritten by the plugin's transform animation. */
    translate:0 calc(-1 * var(--br-media-player-height,150px) - 12px);
}
@media (min-width:1024px) {
    .br-listen { display:grid; grid-template-columns:minmax(260px,1fr) minmax(300px,1fr); column-gap:28px; }
    .br-listen__head { grid-column:1; grid-row:1 / 3; }
    .br-listen__progress { grid-column:2; }
    .br-listen__toolbar { grid-column:2; }
    .br-listen__more { grid-column:1 / -1; }
}
@media (max-width:1023px) {
    .br-listen { inset-inline:10px; bottom:calc(max(8px,env(safe-area-inset-bottom)) + 80px); max-width:620px; padding:12px; border-radius:20px; max-height:calc(100dvh - 210px); }
    .br-listen__volume { display:none; }
}
@media (max-width:600px) {
    .br-media-page .pod-hero { padding:26px 20px; border-radius:26px; }
    .br-media-page .pod-hero > div { grid-template-columns:minmax(0,1fr); }
    .br-media-page .p-row { grid-template-columns:56px minmax(0,1fr); padding:12px; }
    .br-media-page .p-row__right { grid-column:2; justify-content:flex-start; }
    .br-media-page .p-row__title { -webkit-line-clamp:2; }
    .br-media-page .p-title { font-size:13px; line-height:1.85; }
    .br-media-page .p-host { flex-wrap:wrap; }
    .br-media-page .feat-cover { margin-inline:auto; width:min(100%,220px); }
    .br-media-page #episodes-grid { gap:12px; }
    .br-listen__head { gap:8px; }
    .br-listen__head > img { width:44px; height:44px; border-radius:10px; }
    #br-listen-title { font-size:12px; }
    .br-listen__eyebrow { display:none; }
    .br-listen__play { width:44px; height:44px; }
    .br-listen__transport { gap:6px; justify-content:space-between; }
    .br-listen__transport-label { font-size:10px; }
}
@media (max-width:359px) {
    .br-media-page #episodes-grid { grid-template-columns:minmax(0,1fr); }
    .br-media-page .hstat { padding:12px 7px; }
    .br-media-page .psearch { flex-wrap:wrap; border-radius:16px; }
    .br-media-page .psearch input { width:130px; }
    .br-listen__head > img { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .br-media-page *, .br-listen * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}
