/* Videos deliberately shares the Lived Experiences masthead, intro, spacing and grid. */
.podcast-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px;flex-wrap:wrap}
.podcast-toolbar nav{display:flex;gap:18px;flex-wrap:wrap}
.podcast-toolbar nav a{font-size:12px;text-decoration:none;color:#aaa}.podcast-toolbar nav a[aria-current=page]{color:#bdff63!important}.podcast-toolbar nav span{font-size:10px;margin-left:5px;opacity:.7}
.podcast-toolbar form{display:flex;gap:8px;width:330px;max-width:100%}.podcast-toolbar input{width:100%;min-width:0;font:inherit;font-size:12px;padding:10px 12px;border:1px solid #555;border-radius:6px;background:#111;color:#fff}.podcast-toolbar button{font:inherit;font-size:12px;padding:10px 14px;border:0;border-radius:6px;background:#fff;color:#111;cursor:pointer}
.podcast-library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
body #main .podcast-library-heading h2{font-size:20px!important;line-height:1.3!important;margin:0;font-weight:500}
.podcast-library-heading>p{font-size:11px!important;color:#aaa;margin:0}
.podcast-card-actions{display:flex;gap:18px;margin-top:12px}.podcast-card-actions button{font:inherit;font-size:11px;color:#ccc;cursor:pointer;border:0;background:transparent;padding:6px 0}.podcast-card-actions button[aria-pressed=true]{color:#bdff63}.podcast-card-actions button:disabled{opacity:.5}
body #main .podcast-page .podcast-card h3{font-size:14px!important;line-height:1.45!important;letter-spacing:0!important}
body #main .podcast-card h3 a{font:inherit!important;color:inherit!important;text-decoration:none;letter-spacing:inherit;line-height:inherit}
.podcast-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;padding:48px 0 0;font-size:12px}.podcast-pagination a{color:#111!important;background:#fff;text-decoration:none;border-radius:6px;padding:12px 16px}.podcast-pagination span{color:#aaa}
.podcast-empty{padding:40px 0;font-size:14px;color:#ccc}.podcast-empty a{color:#bdff63}.podcast-search-summary{font-size:13px;color:#ccc;margin-bottom:28px}.podcast-feedback{min-height:24px;font-size:12px;color:#bdff63;padding-top:16px}
body #main .podcast-page .filter-buttons a.filter-btn{text-decoration:none}
@media(max-width:760px){.podcast-toolbar{display:block}.podcast-toolbar nav{margin-bottom:18px}.podcast-toolbar form{width:100%}.podcast-library-heading{align-items:flex-start}.podcast-library-heading>p{max-width:130px;text-align:right}.podcast-card-actions button{min-height:36px}}
body #main dialog.podcast-player{width:min(1100px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #ffffff30;border-radius:6px;background:#151515;color:#fff;margin:auto;padding:16px}body #main dialog.podcast-player::backdrop,body #main dialog.podcast-sign-in::backdrop{background:#000c;backdrop-filter:blur(8px)}.podcast-player header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}body #main .podcast-player h2{font-size:14px;line-height:1.4;color:#fff;font-weight:500;margin:0}.podcast-player header button,.podcast-sign-in>button{flex-shrink:0;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.podcast-player-screen{aspect-ratio:16/9;background:#000}.podcast-player-screen iframe{display:block;width:100%;height:100%;border:0}.podcast-player p{margin:12px 0 0}.podcast-player a{color:#ccc;font-size:11px}
body #main dialog.podcast-sign-in{position:fixed;width:min(440px,calc(100% - 28px));border:0;border-radius:6px;background:#151515;color:#fff;margin:auto;padding:32px}.podcast-sign-in>button{float:right}body #main .podcast-sign-in h2{clear:both;font-size:26px;line-height:1.2;letter-spacing:-.03em;color:#fff;margin:14px 0}.podcast-sign-in p{font-size:13px;line-height:1.7;color:#ccc}.podcast-sign-in div{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.podcast-sign-in a{padding:12px 18px;background:#fff;color:#111;border-radius:6px;font-size:12px;text-decoration:none}.podcast-sign-in a+a{background:#bdff63}
.podcast-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.podcast-page :is(a,button,input):focus-visible{outline:2px solid #bdff63;outline-offset:4px}
/* Single-source import controls in the existing admin layout. */
.podcast-admin-status{padding:18px 0;font-size:13px;line-height:1.8}.podcast-admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.podcast-admin-error{color:#a12424}.podcast-admin-actions button:disabled{opacity:.5;cursor:wait}

body #main .podcast-sign-in a{color:#111!important}
/* Three video cards across on desktop; shared mobile layout is unchanged. */
@media(min-width:901px){
 body:not(.is-article) #main .podcast-page .sv-article-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
}

/* Search sits above the channel links. */
body #main .podcast-page .podcast-search-form{display:flex;gap:8px;width:480px;max-width:100%;margin:0 0 24px}
body #main .podcast-page .podcast-search-form input[type=search]{width:100%;min-width:0;padding:12px;font:inherit;font-size:12px;color:#fff!important;background:#242424!important;border:0!important;border-radius:6px!important;box-shadow:none!important}
body #main .podcast-page .podcast-search-form input::placeholder{color:#aaa}
body #main .podcast-page .podcast-search-form button{padding:12px 16px;font:inherit;font-size:12px;color:#111;background:#fff;border:0;border-radius:6px;cursor:pointer}
/* Fade every edge of video photos into the black page. */
body #main .podcast-page .su-story-image{background:#000!important}
body #main .podcast-page .su-story-image>img{
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%);
 mask-composite:intersect;
}

/* Stacked category sidebar, with a fixed 80px black fade over its lower links. */
body #main .podcast-page .podcast-browser{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:72px;align-items:start}
body #main .podcast-page .podcast-results-panel{min-width:0}
body #main .podcast-page .podcast-category-sidebar{position:sticky;top:calc(var(--adhder-sticky-nav-height,64px) + 20px);align-self:start;width:200px;max-width:100%;margin:0;padding:0;background:#000}
body #main .podcast-page .podcast-category-frame{position:relative;width:100%;max-width:200px;height:400px;max-height:400px;overflow:hidden;background:#000}
body #main .podcast-page .podcast-category-list{display:flex;flex-direction:column;gap:3px;width:100%;height:100%;max-height:400px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-top:10px;scroll-padding-bottom:88px;padding:0 8px 84px 0;margin:0;scrollbar-width:thin;scrollbar-color:#444 #000}
body #main .podcast-page .podcast-category-list::-webkit-scrollbar{width:6px}
body #main .podcast-page .podcast-category-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}
body #main .podcast-page .podcast-category-list::-webkit-scrollbar-track{background:#000}
body #main .podcast-page .podcast-category-link{display:block;flex:0 0 auto;max-width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#aaa!important;font-size:12px;line-height:1.4;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
body #main .podcast-page .podcast-category-link.selected{background:#191919;color:#bdff63!important}
body #main .podcast-page .podcast-category-frame::after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(to top,#000 0%,rgba(0,0,0,.94) 25%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:2}
@media(hover:hover){body #main .podcast-page .podcast-category-link:hover{background:#191919;color:#fff!important}}
@media(max-width:900px){body #main .podcast-page .podcast-browser{grid-template-columns:minmax(0,1fr);gap:24px}body #main .podcast-page .podcast-category-sidebar{position:relative;top:auto;width:min(200px,100%)}}
/* Videos H1 is static; the introduction keeps its scroll colour effect. */
body #main .podcast-page .sv-masthead,
body #main .podcast-page .sv-masthead h1,
body #main .podcast-page .sv-masthead h1 .su-hero-letter{
 animation:none!important;
 transition:none!important;
 transform:none!important;
 opacity:1!important;
}

/* Compact search with the submit button inside the field. */
body #main .podcast-page>.sv-introduction{margin-bottom:24px!important}
body #main .podcast-page .podcast-search-form{position:relative;display:block;gap:0;background:#242424;border-radius:6px}
body #main .podcast-page .podcast-search-form input[type=search]{display:block;min-height:44px;padding-right:94px!important}
body #main .podcast-page .podcast-search-form>button{position:absolute;top:4px;right:4px;bottom:4px;width:76px;min-height:0;margin:0;padding:0!important;background:#000!important;color:#fff!important;border:0!important;border-radius:4px;font-size:12px;line-height:1}

/* Top-right library controls, with search centred beside the static Videos H1. */
body #main .podcast-page>.podcast-toolbar{justify-content:flex-end;margin:0 0 12px}
body #main .podcast-page>.podcast-toolbar nav{justify-content:flex-end}
body #main .podcast-page .podcast-title-row{display:flex;align-items:center;gap:40px;min-width:0;margin:0 0 55px}
body #main .podcast-page .podcast-title-row>.sv-masthead{flex:1 1 auto;min-width:0;margin:0!important;padding:0!important}
body #main .podcast-page .podcast-title-row>.podcast-search-form{flex:0 1 480px;width:40%;max-width:480px;min-width:220px;margin:0!important;align-self:center;transition:background-color .2s ease}
body #main .podcast-page .podcast-search-form input[type=search]{transition:background-color .2s ease}
body #main .podcast-page .podcast-card .su-story-meta{justify-content:flex-end}
@media(hover:hover){
 body #main .podcast-page .podcast-search-form:hover,
 body #main .podcast-page .podcast-search-form:hover input[type=search]{background:#2c2c2c!important}
}
@media(max-width:760px){
 body #main .podcast-page .podcast-title-row{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:28px}
 body #main .podcast-page .podcast-title-row>.podcast-search-form{flex:none;width:100%;min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){body #main .podcast-page .podcast-search-form,body #main .podcast-page .podcast-search-form input[type=search]{transition:none!important}}

/* Desktop: lived-experience link left, library controls right on the same row. */
body #main .podcast-page .podcast-library-desktop{display:none}
@media(min-width:901px){
 body #main .podcast-page>.podcast-library-mobile{display:none!important}
 body #main .podcast-page .podcast-links-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}
 body #main .podcast-page .podcast-links-row>.sv-source-links{flex:1 1 auto;margin:0;padding:0;text-align:left}
 body #main .podcast-page .podcast-links-row>.podcast-library-desktop{display:flex;flex:0 0 auto;justify-content:flex-end;margin:0}
 body #main .podcast-page .podcast-library-desktop nav{justify-content:flex-end;flex-wrap:nowrap}
}
@media(max-width:900px){
 body #main .podcast-page .podcast-library-desktop{display:none!important}
 body #main .podcast-page .podcast-category-sidebar{width:100%;max-width:100%}
 body #main .podcast-page .podcast-category-frame{width:100%;max-width:100%;height:150px;max-height:150px}
 body #main .podcast-page .podcast-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:3px 8px;max-height:150px}
}

/* Lower desktop categories without moving the video grid or mobile filters. */
@media(min-width:901px){body #main .podcast-page .podcast-category-sidebar{margin-top:100px}}