:root{--navy:#061B34;--ink:#172033;--muted:#526173;--blue:#0f5bd3;--line:#dbe2ea;--paper:#fff;--wash:#f4f6f8;--focus:#1685dd;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--wash);color:var(--ink);line-height:1.55}a{color:var(--blue);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}p{margin:0 0 1em}h1,h2,h3,h4{line-height:1.25;overflow-wrap:anywhere}h1{font-size:clamp(27px,4vw,40px);letter-spacing:-.7px;margin:0 0 16px}h2{font-size:24px;margin:0 0 12px}h3{font-size:20px}small,.small{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-100px;z-index:999;background:white;padding:12px}.skip-link:focus{top:8px}
.site-header{background:var(--navy);border-bottom:1px solid #133553}.header-inner{max-width:1100px;min-height:128px;margin:auto;padding:10px 24px 12px;display:flex;align-items:center;gap:28px}.logo-link{display:block;flex:0 0 340px;width:340px;height:92px;overflow:hidden;position:relative;text-decoration:none}.logo-link picture{display:block}.header-image{position:absolute;width:700px;max-width:none;height:auto;left:-192px;top:-60px;display:block}.wordmark{display:block;text-decoration:none;font-weight:800;color:white;font-size:42px;letter-spacing:-1.5px}.wordmark span{color:#21b6f0}.wordmark small{display:block;color:#d0dde9;font-size:14px;letter-spacing:.3px}.header-intro{margin-left:auto;flex:0 1 460px;max-width:460px;padding:17px 20px 16px;border:1px solid #318ed647;border-radius:14px;background:linear-gradient(135deg,#143754d1,#071d32e0);text-align:right;position:relative;overflow:hidden}.header-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#10b8ff,#1685dd)}.header-intro h1,.header-tagline{margin:0 0 5px;color:#fff;font-size:26px;font-weight:700;line-height:1.13;letter-spacing:-.2px}.header-intro p:not(.header-tagline){margin:0 0 0 auto;color:#c9d7e5;font-size:15px;line-height:1.45}.site-nav{border-top:1px solid #1e354d}.nav-inner{max-width:1100px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.site-nav a,.site-nav .nav-search{color:#d9e5f1;text-decoration:none;font-size:17px;font-weight:700;padding:14px 0;white-space:nowrap}.site-nav a:hover,.site-nav .nav-search:hover{color:white}.site-nav .nav-request{color:#77d9ff}.nav-request span{margin-left:8px}
main{max-width:1100px;margin:auto;padding:26px 24px 48px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--muted);margin:0 0 10px}.lead{font-size:18px;color:var(--muted);max-width:850px}.page-heading{margin:20px 0 24px}.page-heading p:last-child{margin-bottom:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:26px 0 14px}.section-head h2{margin:0}.section-head p{margin:0;color:var(--muted);font-size:14px}.section-title{margin:0 0 12px;font-size:23px}.muted{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}.narrow{max-width:760px;margin-left:auto;margin-right:auto}.search-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:22px}.search-form label{display:block;font-size:16px;font-weight:700;margin-bottom:10px}.search-row{display:flex;gap:10px}.search-row input{min-width:0;flex:1}.search-form .filter-label{font-size:13px;margin:16px 0 6px}.search-form select{max-width:350px}.library-stats{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:12px 0 0}.library-stats b{color:var(--ink)}
.series-directory{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px}.series-directory-head{list-style:none;cursor:pointer;padding:14px 18px;background:#eef2f6;display:flex;align-items:center;justify-content:space-between;gap:18px}.series-directory-head::-webkit-details-marker{display:none}.series-directory-head:hover{background:#e6ebf1}.series-directory-title{font-size:17px;font-weight:800}.series-directory-meta{display:flex;align-items:center;gap:9px;color:#5b6776;font-size:13px;font-weight:700;white-space:nowrap}.series-directory-meta:after{content:"▼";color:var(--blue);font-size:13px;transition:transform .2s}.series-directory[open]>.series-directory-head .series-directory-meta:after{transform:rotate(180deg)}.series-directory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:7px;padding:13px 14px 14px;background:#f8fafc;border-top:1px solid var(--line)}.series-directory-link{display:flex;align-items:center;gap:9px;min-width:0;min-height:40px;padding:6px 8px;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none;line-height:1.3}.series-directory-link:hover{background:#e9f1fb;text-decoration:none}.series-directory-link:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:#e9f1fb}.series-directory-icon{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.series-directory-icon>.series-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:2px}.series-directory-icon>.series-logo img{width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:0}.series-directory-fallback{width:19px;height:19px;color:var(--blue)}.series-directory-icon>.series-logo+.series-directory-fallback{display:none}.series-directory-name{min-width:0;overflow-wrap:anywhere}
.podcast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;margin-bottom:14px;grid-auto-flow:row dense}.podcast-grid>.podcast-card{margin-bottom:0}.podcast-grid>.podcast-card[open]{grid-column:1/-1}.podcast-grid>.podcast-card:not([open])>.podcast-head{height:100%;min-height:170px;flex-direction:column;align-items:stretch;justify-content:flex-start}.podcast-grid>.podcast-card:not([open])>.podcast-head .podcast-head-text{flex:1}.podcast-grid>.podcast-card:not([open])>.podcast-head .podcast-head-text p{max-width:none}.podcast-grid>.podcast-card:not([open])>.podcast-head .podcast-toggle{width:100%;margin-top:16px;justify-content:space-between}.podcast-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px;scroll-margin-top:16px}.podcast-head{list-style:none;cursor:pointer;padding:20px 22px;background:#eef2f6;display:flex;align-items:center;justify-content:space-between;gap:20px}.podcast-head::-webkit-details-marker,.episode-head::-webkit-details-marker{display:none}.podcast-head:hover{background:#e6ebf1}.podcast-head-text{min-width:0}.podcast-head h2{margin:0 0 5px;font-size:18px}.podcast-head p{margin:0;color:#5b6776;max-width:760px}.podcast-toggle,.episode-toggle{flex:0 0 auto;display:flex;align-items:center;gap:10px;color:#4e5c6c;font-size:14px;font-weight:700;white-space:nowrap}.podcast-toggle:after,.episode-toggle:after{content:"▼";color:var(--blue);font-size:14px;transition:transform .2s}.podcast-card[open]>.podcast-head .podcast-toggle:after,.episode-card[open]>.episode-head .episode-toggle:after{transform:rotate(180deg)}.podcast-card[open]>.podcast-head{border-bottom:1px solid var(--line)}.episode-list{padding:14px;background:#f8fafc;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;margin-bottom:24px}.episode-list>.series-toolbar,.episode-list>.podcast-collapse-row{grid-column:1/-1}.series-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 3px 14px;font-size:14px}.series-toolbar p{margin:0}.series-page-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #0c4fba;border-radius:9px;background:#0c4fba;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 3px 10px rgba(12,79,186,.14);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.series-page-action:hover{background:#093f94;border-color:#093f94;color:#fff;box-shadow:0 5px 14px rgba(12,79,186,.2);transform:translateY(-1px)}.series-action-arrow{font-size:17px;line-height:1}.series-request-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:8px 10px;border-radius:8px;color:#0c4fba;text-decoration:none;font-weight:700;transition:background .15s ease,color .15s ease}.series-request-action:hover{background:#eaf3fc;color:#073f98}.series-request-plus{font-size:18px;line-height:1}.episode-card{background:#fff;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden;margin-bottom:10px;scroll-margin-top:16px}.episode-card:last-of-type{margin-bottom:0}.episode-link-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:17px;height:100%;margin:0;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.episode-link-card:hover{background:#fbfdff;border-color:#b9cce0;box-shadow:0 3px 12px rgba(13,53,92,.06)}.episode-link-main{min-width:0;flex:1;display:flex;flex-direction:column}.episode-link-card h3{margin:0;font-size:15px;line-height:1.3}.episode-link-card h3 a{color:var(--ink);text-decoration:none}.episode-link-card h3 a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.episode-link-card .episode-head-meta{margin-top:9px}.episode-link-card .episode-mobile-meta{margin-top:7px}.episode-destination{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:14px;padding:10px 13px;border:1px solid #b9c7d7;border-radius:9px;background:#fff;color:#0c4fba;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}.episode-destination:hover{background:#edf5fd;border-color:#7da7d2;color:#073f98}.episode-destination-icon{font-size:12px}.episode-destination-arrow{font-size:17px;line-height:1}.series-preview-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px 2px;border-top:1px solid var(--line)}.series-preview-footer p{margin:0;color:var(--muted);font-size:13px}.series-all-action{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;white-space:nowrap}.series-all-action:hover{text-decoration:underline}.series-archive-section{margin-bottom:24px}.series-archive-head{align-items:flex-end}.series-archive-head>div{min-width:0}.series-archive-head h2{margin:0 0 3px}.series-archive-count{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.series-archive{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.series-archive-row{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 16px;border-bottom:1px solid #e6ebf0}.series-archive-row:last-child{border-bottom:0}.series-archive-row:hover{background:#fbfdff}.series-archive-date{color:#657284;font-size:13px;font-weight:700;white-space:nowrap}.series-archive-main{min-width:0}.series-archive-kicker{margin-bottom:2px;color:#657284;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.series-archive-main h3{margin:0;font-size:17px;line-height:1.3}.series-archive-main h3 a{color:var(--ink);text-decoration:none}.series-archive-main h3 a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.series-archive-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px;color:#657284;font-size:12px;font-weight:600}.series-archive-meta span+span:before{content:"•";margin-right:7px;color:#9aa6b2}.series-archive-action{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border-radius:8px;color:#0c4fba;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.series-archive-action:hover{background:#edf5fd;color:#073f98}.series-archive-more{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.series-archive-more .button{min-width:180px}.series-archive-status{color:var(--muted);font-size:13px}.episode-head{list-style:none;cursor:pointer;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.episode-head:hover{background:#f6f8fa}.episode-card[open]>.episode-head{background:#f7f9fc;border-bottom:1px solid #e1e6ec}.episode-head-main{min-width:0}.episode-kicker{font-size:11px;font-weight:700;color:#627080;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.episode-head h3{margin:0;font-size:20px;line-height:1.3}.episode-head-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.mini-badge{display:inline-block;background:#eef2ff;border:1px solid #dce3ff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;color:#475569}.episode-mobile-meta{display:none}.episode-body{padding:20px}.episode-summary{color:#475569;margin:0 0 16px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#0c4fba;color:#fff;border:1px solid #0c4fba;padding:11px 16px;border-radius:8px;font-weight:700;font-size:14px;min-height:45px}.button:hover{background:#093f94;border-color:#093f94;color:white}.button.secondary{background:#fff;color:#233247;border:1px solid #b7c0cb}.button.secondary:hover{background:#edf3fa}.button.danger{background:#9a2636;border-color:#9a2636}.button.small-button{padding:7px 11px;min-height:38px;font-size:13px}.text-button{border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:700;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.guide-title{margin:24px 0 6px;font-size:20px}.guide-intro{margin:0 0 18px;color:#5d6878;font-size:14px}.topic-list{display:grid;gap:10px}.topic{display:grid;grid-template-columns:95px minmax(0,1fr);gap:18px;background:#f9fafb;border:1px solid #e1e6ec;border-radius:10px;padding:16px;scroll-margin-top:16px}.time-link{font-weight:800;color:var(--blue);text-decoration:none;white-space:nowrap;font-size:15px}.time-link:hover{text-decoration:underline}.topic h4{margin:0 0 5px;font-size:17px}.topic p{margin:0;color:#566273;font-size:15px;overflow-wrap:anywhere}.topic-tools{display:flex;gap:18px;margin-top:5px}.collapse-row{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e1e6ec}.collapse-button,.podcast-collapse-button{border:1px solid #b7c0cb;background:#fff;color:var(--ink);border-radius:8px;padding:10px 15px;font-size:14px;font-weight:700}.collapse-button:hover,.podcast-collapse-button:hover{background:#eef2f6}.podcast-collapse-row{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.breadcrumbs{font-size:13px;margin:0 0 20px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs li{overflow-wrap:anywhere;min-width:0}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:#94a0af}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.episode-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;grid-template-areas:"crumbs crumbs" "heading heading" "overview overview" "player aside" "guide aside";column-gap:26px;row-gap:20px;align-items:start}.episode-layout-no-summary{grid-template-areas:"crumbs crumbs" "heading heading" "player aside" "guide aside"}.episode-layout h1{font-size:clamp(26px,3.2vw,37px)}.episode-breadcrumbs{grid-area:crumbs;min-width:0}.episode-breadcrumbs .breadcrumbs{margin:0}.episode-heading{grid-area:heading;min-width:0;padding-top:0}.episode-heading h1{margin-bottom:16px}.episode-overview{grid-area:overview;margin:0;padding:22px 24px;align-self:stretch}.episode-overview .eyebrow{margin-bottom:8px}.episode-overview p:last-child{margin:0;color:var(--muted);font-size:17px;line-height:1.55}.episode-player-block{grid-area:player;min-width:0}.episode-player-block>.player-shell{margin-top:0}.episode-guide-block{grid-area:guide;min-width:0}.episode-aside{grid-area:aside;position:sticky;top:20px}.episode-aside .panel{padding:20px}.episode-aside h2{font-size:19px}.episode-aside p{font-size:14px}.episode-aside a{overflow-wrap:anywhere}.player-shell{position:relative;background:linear-gradient(145deg,#051627 0%,#07213b 42%,#0b3155 100%);border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin:22px 0 10px;scroll-margin-top:14px;box-shadow:inset 0 0 0 1px rgba(124,170,214,.12)}.player-shell::before,.player-shell::after{content:"";position:absolute;pointer-events:none}.player-shell::before{inset:-10% auto auto -6%;width:42%;height:68%;background:radial-gradient(circle at center,rgba(72,184,255,.16),rgba(72,184,255,0) 72%)}.player-shell::after{right:-8%;bottom:-18%;width:44%;height:70%;background:radial-gradient(circle at center,rgba(48,109,201,.18),rgba(48,109,201,0) 74%)}.player-shell iframe{display:block;width:100%;height:100%;border:0;position:relative;z-index:2}.player-placeholder{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 38px;color:#f3f8fc;gap:14px}.player-placeholder-art{position:relative;display:grid;place-items:center;width:min(35vw,220px);height:min(35vw,220px);margin-bottom:4px}.player-placeholder-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at center,rgba(114,222,255,.26),rgba(114,222,255,0) 72%)}.player-placeholder-line{position:absolute;border:1px solid rgba(125,210,255,.16);border-radius:999px}.player-placeholder-line-one{inset:6%}.player-placeholder-line-two{inset:19%}.player-placeholder .play-symbol{position:relative;z-index:1;width:min(21vw,112px);height:min(21vw,112px);border:2px solid #6fd7ff;border-radius:50%;display:grid;place-content:center;color:#6fd7ff;font-size:min(8vw,44px);box-shadow:0 0 0 10px rgba(84,193,255,.08)}.player-placeholder-kicker{margin:0;font-size:clamp(11px,1.6vw,14px);letter-spacing:.22em;font-weight:800;color:#9fdfff}.player-placeholder h2{margin:0;font-size:clamp(28px,4.4vw,44px);line-height:1.05;max-width:820px;color:#fff;text-wrap:balance}.player-placeholder-copy{margin:0;max-width:700px;font-size:clamp(15px,1.9vw,22px);line-height:1.45;color:#d9e8f5;text-wrap:balance}.player-placeholder-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:2px}.player-placeholder .button{min-height:56px;padding:16px 30px;font-size:20px;font-weight:800;border-radius:16px;box-shadow:0 14px 32px rgba(0,0,0,.26)}.player-placeholder-note{margin:0;max-width:640px;font-size:clamp(13px,1.4vw,16px);color:#c4d5e7}.player-caption{font-size:12px;color:var(--muted);margin-bottom:18px}.player-noscript{padding:20px;background:#fff}.jump-nav{padding:20px;background:#edf3fa;border-radius:12px;margin:24px 0}.jump-nav h2{font-size:19px;margin:0 0 10px}.jump-nav ol{columns:2;column-gap:24px;list-style:none;padding:0;margin:0}.jump-nav li{break-inside:avoid;margin:0 0 8px;font-size:13px}.jump-nav a{text-decoration:none}.jump-nav a:hover{text-decoration:underline}.jump-nav .jump-time{font-weight:800;margin-right:7px;white-space:nowrap}.copy-field{display:flex;gap:8px;margin-top:12px}.copy-field input{width:100%;min-width:0;font-size:12px}.guide-note{border-left:3px solid #5c85b5;padding:12px 15px;font-size:13px;background:#f2f6fa;color:var(--muted);margin:24px 0}.request-callout{border:1px solid #cbdcee;background:#eaf3fc;border-radius:14px;padding:25px;display:flex;gap:24px;justify-content:space-between;align-items:center;margin:28px 0}.request-callout h2{font-size:23px}.request-callout p{margin-bottom:0;color:var(--muted);max-width:650px;font-size:15px}.request-callout .eyebrow{font-size:11px;margin-bottom:8px}.request-callout .button{flex-shrink:0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-tile{display:block;padding:23px;border:1px solid var(--line);background:white;border-radius:12px;color:var(--ink);text-decoration:none}.collection-tile:hover{border-color:#7299c3;background:#fbfdff}.collection-tile h3{margin:8px 0 10px;font-size:19px}.collection-tile p{font-size:14px;color:var(--muted);margin:0 0 20px}.collection-tile .tile-link{color:var(--blue);font-size:13px;font-weight:700}.search-result{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin:16px 0}.search-result h2{font-size:22px;margin:0 0 12px}.search-result h2 a{text-decoration:none}.search-result p{color:var(--muted);font-size:15px}.search-matches{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);font-size:14px}.search-matches li{margin:7px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0}.empty-state{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;color:#526071}
input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #abb8c8;background:white;color:var(--ink);border-radius:7px;padding:12px 13px;font-size:16px;min-height:45px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}textarea{min-height:130px;resize:vertical}input[readonly]{background:#f4f6f8}label{font-weight:700;font-size:14px;display:block;margin-bottom:7px}label small{font-weight:400}.form-group{margin:20px 0}.form-group:first-child{margin-top:0}.form-group p{font-size:13px;color:var(--muted);margin:6px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:14px;font-weight:400}.check-label input{margin-top:3px}.field-help{font-size:13px;color:var(--muted)}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.notice{border:1px solid #b9d2ea;border-radius:9px;background:#edf5fd;padding:14px 16px;margin:18px 0;font-size:14px;overflow-wrap:anywhere}.notice.success{background:#edf7ef;border-color:#adcfb6;color:#235c34}.notice.error,.error-summary{background:#fff1f1;border:1px solid #dca5ad;color:#782634;border-radius:9px;padding:16px;margin:18px 0}.error-summary h2{font-size:18px}.error-summary ul{margin:0;padding-left:22px}.prose{max-width:810px}.prose h2{margin-top:28px;font-size:22px}.prose p,.prose li{color:#435269}.prose ul{padding-left:24px}.prose code{overflow-wrap:anywhere}.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.request-aside{padding:24px;background:#eaf1f8;border-radius:12px;align-self:start}.request-aside h2{font-size:21px}.request-aside p{font-size:14px;color:var(--muted)}.request-aside hr{border:0;border-top:1px solid #cfdae8;margin:20px 0}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-nav a{border:1px solid #c5d1df;border-radius:7px;padding:9px 13px;font-size:14px;text-decoration:none}.admin-nav a.active{background:var(--navy);color:white}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-top h1{margin:0}.admin-top form{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:18px}.stat strong{display:block;font-size:29px}.stat span{font-size:13px;color:var(--muted)}.admin-request{padding:22px;border:1px solid var(--line);border-radius:12px;margin:18px 0;background:white}.admin-request h2{font-size:22px}.request-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:0 0 12px}.admin-request .request-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#f4f7fa;border-radius:7px}.admin-request dl{display:grid;grid-template-columns:100px minmax(0,1fr);font-size:14px;gap:5px}.admin-request dt{font-weight:700}.admin-request dd{margin:0;overflow-wrap:anywhere}.status-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}.status-form select{min-width:150px;width:auto}.danger-zone{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.danger-zone summary{cursor:pointer;font-size:13px;color:#922838}.delete-form{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:12px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top;overflow-wrap:anywhere}.data-table th{background:#eef3f8}.data-table td:first-child{min-width:160px;max-width:300px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.status-pill{display:inline-block;border:1px solid #b9cbe0;padding:2px 8px;border-radius:10px;background:#edf4fb;color:#354c6a;font-size:11px;font-weight:700;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.email-tip{font-size:13px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:42px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:var(--muted);font-size:14px}.site-footer strong{color:var(--ink);font-size:22px}.site-footer p{margin:7px 0 0}.site-footer nav{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.site-footer a{color:var(--muted)}.site-footer .footer-note{grid-column:1/-1;font-size:12px;max-width:760px;margin-top:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:12px 20px;background:#0e2c47;color:white;border-radius:9px;box-shadow:0 5px 24px #0003;z-index:1000;font-size:14px}.form-actions{margin-top:22px}.share-post{min-height:330px}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form .form-group{flex:1;margin:0;min-width:160px}
@media(min-width:851px) and (max-width:1099px){.podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.podcast-grid>.podcast-card:not([open])>.podcast-head{min-height:150px}.episode-list,.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.topic{display:block;margin:0;padding:14px}.topic>div:first-child{margin-bottom:7px}.topic h4{font-size:16px}.topic p{font-size:14px;line-height:1.48}.topic-tools{gap:14px;flex-wrap:wrap}}
@media(min-width:1100px){.topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.topic{display:block;margin:0;padding:14px}.topic>div:first-child{margin-bottom:7px}.topic h4{font-size:16px}.topic p{font-size:14px;line-height:1.48}.topic-tools{gap:14px;flex-wrap:wrap}}
@media(max-width:900px){.episode-layout,.episode-layout-no-summary{grid-template-columns:1fr;grid-template-areas:"crumbs" "heading" "player" "overview" "guide" "aside";row-gap:20px}.episode-layout-no-summary{grid-template-areas:"crumbs" "heading" "player" "guide" "aside"}.episode-breadcrumbs .breadcrumbs{margin:0}.episode-heading{padding-top:0}.episode-overview{padding:22px;margin:0}.episode-overview p:last-child{font-size:16px}.episode-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-layout{grid-template-columns:1fr}.request-aside{order:2}.settings-grid{grid-template-columns:1fr}}
@media(max-width:850px){.podcast-grid{grid-template-columns:1fr;gap:14px;grid-auto-flow:row}.podcast-grid>.podcast-card:not([open])>.podcast-head{height:auto;min-height:0;flex-direction:row;align-items:flex-start;justify-content:space-between}.podcast-grid>.podcast-card:not([open])>.podcast-head .podcast-toggle{width:auto;margin-top:0;justify-content:flex-start}.episode-list,.episode-grid{grid-template-columns:1fr}.episode-grid{gap:10px;margin-bottom:20px}.episode-link-card{align-items:flex-start;padding:14px;gap:12px}.episode-link-card h3{font-size:16px}.episode-destination{min-height:40px;padding:8px 10px;font-size:12px}.episode-destination-icon{display:none}.header-inner{display:block;padding:6px 14px 12px}.logo-link{width:270px;height:74px;flex:none}.header-image{width:555px;left:-152px;top:-48px}.wordmark{font-size:36px}.header-intro{max-width:none;margin:15px 0 0;padding:13px 14px 12px;text-align:left;border-radius:11px}.header-intro:before{width:3px}.header-intro h1,.header-tagline{font-size:21px}.header-intro p:not(.header-tagline){margin:0;font-size:14px}.header-intro br{display:none}.nav-inner{padding:0 14px;gap:18px}.site-nav a,.site-nav .nav-search{font-size:17px;padding:12px 0}.site-nav .nav-request{margin-left:0}.series-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.podcast-head{padding:16px 18px;align-items:flex-start}.podcast-head h2{font-size:18px}.podcast-head p{font-size:14px}.podcast-toggle span,.episode-toggle span{display:none}.episode-list{padding:10px}.episode-head{padding:14px;align-items:flex-start}.episode-head h3{font-size:18px}.episode-head-meta{display:none}.episode-mobile-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;color:#536276;font-size:11px;font-weight:600}.episode-mobile-meta span+span:before{content:"•";margin-right:6px;color:#94a1ae}.episode-body{padding:15px}.topic{grid-template-columns:1fr;gap:7px;padding:14px}.time-link{font-size:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.series-toolbar{align-items:stretch;margin-left:0;margin-right:0;gap:8px}.series-page-action{width:100%;min-height:46px}.series-request-action{width:100%;min-height:36px;padding:6px 10px}.episode-link-card{display:block}.episode-destination{margin-top:12px;width:100%;justify-content:center;font-size:14px}.episode-destination-icon{display:inline}main{padding:19px 14px 34px}.nav-inner{gap:0;justify-content:space-between}.site-nav a,.site-nav .nav-search{font-size:16px}.nav-request span{margin-left:2px}.search-panel,.panel{padding:20px}.search-row{flex-direction:column}.search-row .button{width:100%}.search-form label{font-size:15px}.collection-grid{grid-template-columns:1fr}.collection-tile{padding:20px}.collection-tile p{margin-bottom:14px}.section-head{align-items:flex-start;flex-direction:column;gap:6px}.request-callout{padding:22px;flex-direction:column;align-items:stretch;gap:16px}.request-callout h2{font-size:22px}.button,.collapse-button,.podcast-collapse-button{width:100%;text-align:center}.actions{gap:8px}.topic-tools{gap:20px}.text-button{min-height:34px}.form-grid{grid-template-columns:1fr}.jump-nav ol{columns:1}.episode-aside{display:block}.player-placeholder{padding:8px 12px;gap:5px;justify-content:center}.player-placeholder-art{width:48px;height:48px;margin:0}.player-placeholder-glow{inset:12%}.player-placeholder-line-one{inset:0}.player-placeholder-line-two{inset:16%}.player-placeholder .play-symbol{display:grid;width:34px;height:34px;font-size:14px;border-width:1px;box-shadow:0 0 0 4px rgba(84,193,255,.08)}.player-placeholder-kicker{font-size:9px;line-height:1.1;letter-spacing:.16em}.player-placeholder h2{font-size:20px;line-height:1.08;max-width:300px}.player-placeholder-copy{display:none}.player-placeholder-actions{gap:4px;margin-top:0}.player-placeholder .button{width:auto;min-height:36px;padding:7px 14px;font-size:14px;border-radius:10px}.player-placeholder-note{font-size:10px;line-height:1.2;max-width:280px}.copy-field{flex-direction:column}.admin-top{align-items:flex-start}.admin-top h1{font-size:26px}.admin-top .button{width:auto;white-space:nowrap}.stat{padding:14px}.stat strong{font-size:25px}.inline-form .button{width:100%}.admin-request{padding:17px}.admin-request dl{grid-template-columns:1fr;gap:1px}.admin-request dd{margin-bottom:8px}.status-form{display:block}.status-form select{width:100%;margin-bottom:9px}.site-footer{grid-template-columns:1fr}.site-footer nav{align-items:flex-start}.site-footer .footer-note{grid-column:auto}.lead{font-size:16px}.breadcrumbs{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-nav,.site-footer,.episode-aside,.request-callout,.actions,.topic-tools,.player-shell,.copy-field,.collapse-row,.podcast-collapse-row{display:none}body{background:white;color:black}main{max-width:none;padding:0}.episode-layout{display:block}.topic-list{display:grid!important;column-count:1!important;gap:10px}.topic{display:grid!important;grid-template-columns:95px minmax(0,1fr)!important;break-inside:avoid;margin:0!important}.topic>div:first-child{margin-bottom:0!important}.panel{border:0;padding:0}}

.clipboard-fallback{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0}

/* PodPronto 1.1: embedded playback, with all feedback outside the YouTube viewport. */
.player-shell{width:100%;min-height:200px}
.player-status{min-height:1.55em;font-size:13px;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}
.player-status.is-error{color:#912a20;background:#fff2ef;border-left:3px solid #b44535;padding:10px 12px}
.player-help{font-size:13px;color:var(--muted);margin:0 0 22px}
.player-help summary{cursor:pointer;font-weight:700;color:var(--blue)}
.player-help p{margin:10px 0 0}
.topic.topic-selected{border-color:#367bcc;box-shadow:inset 3px 0 0 #367bcc;background:#f0f6ff}
.jump-nav a[aria-current="true"]{text-decoration:underline;font-weight:700}
#episode-guide{scroll-margin-top:20px}
@media print{.player-status,.player-help,.player-caption,.player-noscript{display:none}}
@media(max-width:850px){.series-preview-footer{align-items:flex-start;flex-direction:column;gap:8px;padding:13px 4px 3px}.series-all-action{white-space:normal}.series-archive-head{align-items:flex-start}.series-archive-count{white-space:normal}.series-archive-row{grid-template-columns:1fr auto;gap:7px 12px;padding:13px 14px}.series-archive-date{grid-column:1/-1;font-size:11px}.series-archive-main h3{font-size:16px}.series-archive-meta{font-size:11px}.series-archive-action{align-self:center;padding:6px 8px;font-size:12px}}@media(max-width:600px){.series-archive-row{grid-template-columns:1fr;gap:7px}.series-archive-action{justify-self:start;min-height:34px;padding:5px 0}.series-archive-action:hover{background:transparent;text-decoration:underline}.series-archive-more{align-items:stretch;flex-direction:column}.series-archive-more .button{width:100%}.series-archive-status{text-align:center}}

/* PodPronto 1.1.15: curated Most Popular, automatic Most Recent, and complete chronological archives. */
.series-preview-heading{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:2px 3px -2px;padding:10px 2px 4px;border-bottom:1px solid #dfe6ee}.series-preview-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}.series-preview-kicker,.series-category-kicker{display:block;margin:0;color:#0c4fba;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.series-category-head{align-items:flex-end;margin-top:28px}.series-category-head>div{min-width:0}.series-category-head h2{margin:2px 0 3px}.series-category-head p{margin-top:0}.series-category-count{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.popular-badge{background:#fff7df;border-color:#ead59a;color:#76550a}.popular-mobile-label,.series-archive-popular{color:#76550a;font-weight:800}.series-popular-grid{margin-bottom:30px}.series-recent-grid{margin-bottom:30px}
@media(max-width:850px){.series-category-head{align-items:flex-start}.series-category-count{white-space:normal}.series-preview-heading{align-items:flex-start}.series-preview-heading p{font-size:11px}}
/* PodPronto: expandable header search and readable navigation. */
.site-nav a,.site-nav .nav-search{display:inline-flex;align-items:center;min-height:48px;line-height:1.4}
.nav-actions{display:flex;align-items:center;gap:24px;margin-left:auto;min-width:0}
.site-nav .nav-search{gap:7px;border:0;border-radius:0;background:transparent}
.site-nav .nav-search[aria-expanded="true"]{color:#77d9ff}
.nav-search-icon{width:18px;height:18px;flex-shrink:0}
.header-search{background:var(--wash);color:var(--ink);border-top:1px solid var(--line)}
.header-search-inner{position:relative;max-width:1100px;margin:auto;padding:16px 24px 18px}
.header-search .search-form label{padding-right:90px;font-size:15px;margin-bottom:8px}
.header-search .search-row .button{min-height:45px;white-space:nowrap;flex-shrink:0}
.search-close{position:absolute;right:24px;top:7px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:7px 4px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:14px;font-weight:700}
.search-close span{font-size:23px;line-height:1}
.search-close:hover{color:var(--blue)}
.library-stats-standalone{margin:0 0 16px}
@media(max-width:600px){
.nav-inner{display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);gap:0 12px;justify-content:space-between}
.nav-inner>a{white-space:normal}
.nav-inner>a:last-of-type{justify-content:flex-end;text-align:right}
.nav-actions{grid-column:1/-1;width:100%;margin-left:0;justify-content:flex-end;gap:24px}
.site-nav a,.site-nav .nav-search{min-height:44px;padding:10px 0}
.header-search-inner{padding:14px}
.header-search .search-form label{padding-right:78px;line-height:1.4}
.search-close{right:14px;top:5px}
.header-search .search-row{flex-direction:column}
.header-search .search-row .button{width:100%}
.library-stats-standalone{gap:4px 14px;margin-bottom:14px}
}
@media(max-width:359px){
.nav-inner{column-gap:8px}
.nav-actions{gap:12px}
.site-nav a,.site-nav .nav-search{font-size:14px}
}
@media(max-width:600px){
  .nav-inner{display:flex;justify-content:flex-start;gap:0 16px;}
  .nav-inner>a{white-space:nowrap;}
  .nav-inner>a:last-of-type{justify-content:flex-start;text-align:left;}
  .nav-actions{flex:0 0 100%;}
}
/* PodPronto: featured series carry the Pronto blue into the homepage. */
.featured-section{margin:0 0 24px;padding:20px 22px 22px;border:1px solid #b7dced;border-top:4px solid #21b6f0;
border-radius:var(--radius);background:linear-gradient(135deg,#e4f6ff,#f1f9ff)}
.featured-section-head{margin:0 0 16px;align-items:center}
.featured-section-head h2{font-size:24px;color:#0b4974}
.featured-all-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:14px;font-weight:700;
text-decoration:none;white-space:nowrap}
.featured-all-link:hover{text-decoration:underline}
.featured-grid .collection-tile{display:flex;flex-direction:column;padding:20px;border-color:#bedcea;
border-top:3px solid #21b6f0;box-shadow:0 3px 12px #0b497408}
.featured-grid .collection-tile:hover{border-color:#1685dd;background:#fafdff}
.featured-grid .collection-tile .eyebrow{color:#155b83;margin-bottom:0}
.featured-grid .collection-tile h3{color:#123b5b}
.featured-grid .collection-tile p{flex:1}
.featured-grid .tile-link{display:block;margin-top:auto}
.featured-page-heading{padding:20px 22px;border-left:4px solid #21b6f0;border-radius:0 var(--radius) var(--radius) 0;
background:linear-gradient(135deg,#e4f6ff,#f1f9ff)}
.featured-page-heading h1{color:#0b4974}
.featured-page-heading .eyebrow{color:#155b83}
@media(max-width:600px){
.featured-section{padding:16px;margin-bottom:20px}
.featured-section-head{align-items:flex-start;gap:8px;margin-bottom:12px}
.featured-section-head h2{font-size:22px}
.featured-grid .collection-tile{padding:18px}
.featured-page-heading{padding:18px}
}

/* Compact watching-page header and player-first layout. */
.site-header-compact{background:transparent;border:0}
.site-header-compact .header-inner{display:flex;justify-content:center;min-height:54px;padding:0;gap:0;align-items:flex-start}
.site-header-compact .logo-link{flex:none;width:170px;height:46px;margin:0;background:var(--navy);border:1px solid #133553;border-top:0;border-radius:0 0 12px 12px}
.site-header-compact .logo-link picture{position:relative;height:28px;margin-top:7px;overflow:hidden}
.site-header-compact .header-image{width:371px;left:-102px;top:-33px}
.site-header-compact .wordmark{font-size:27px;line-height:46px;padding:0 12px;background:var(--navy);border-radius:0 0 12px 12px}
.site-header-compact .wordmark small{display:none}
.episode-page main{padding-top:0}
.episode-page main>.breadcrumbs{margin-bottom:12px}
.episode-page main>.series-brand-heading{margin-top:12px}
.episode-page .episode-breadcrumbs{margin-bottom:-8px}
.episode-page .episode-layout{grid-template-areas:"crumbs crumbs" "heading heading" "player aside" "overview aside" "guide aside";row-gap:14px}
.episode-page .episode-layout-no-summary{grid-template-areas:"crumbs crumbs" "heading heading" "player aside" "guide aside"}
.episode-page .episode-heading .eyebrow{margin-bottom:6px}
.episode-page .episode-heading h1{font-size:clamp(19.5px,2.4vw,27.75px);line-height:1.25;margin-bottom:10px;letter-spacing:-.35px}
.episode-page .episode-heading .episode-head-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}
.episode-page .episode-heading .episode-mobile-meta{display:none}
.episode-page .episode-player-block .player-help{margin-bottom:0}
@media(max-width:900px){
.episode-page .episode-layout{grid-template-areas:"crumbs" "heading" "player" "overview" "guide" "aside"}
.episode-page .episode-layout-no-summary{grid-template-areas:"crumbs" "heading" "player" "guide" "aside"}
}
@media print{
.episode-page .episode-layout{display:block}
}
@media(min-width:601px){
.episode-page .player-placeholder{padding:18px;gap:10px}
.episode-page .player-placeholder-art{width:72px;height:72px;margin:0}
.episode-page .player-placeholder .play-symbol{width:48px;height:48px;font-size:20px;box-shadow:0 0 0 5px rgba(84,193,255,.08)}
.episode-page .player-placeholder h2{font-size:clamp(22px,3vw,32px)}
.episode-page .player-placeholder-copy{font-size:16px}
.episode-page .player-placeholder .button{min-height:44px;padding:10px 20px;font-size:16px;border-radius:12px}
.episode-page .player-placeholder-actions{gap:8px}
.episode-page .player-placeholder-note{font-size:12px}
}

/* Keep series search beside the compact logo tab. */
.site-header-compact{position:relative}
.site-header-compact .site-nav{position:absolute;top:0;right:max(0px,calc((100% - 1100px)/2));border:0}
.site-header-compact .nav-inner{display:flex;padding:0 14px;gap:0}
.site-header-compact .nav-actions{width:auto;margin:0;gap:0}
.site-header-compact .site-nav a,.site-header-compact .site-nav .nav-search{min-height:44px;padding:10px 0;color:var(--blue);font-size:14px}
.site-header-compact .site-nav a:hover,.site-header-compact .site-nav .nav-search:hover{color:#073b8e}
@media(max-width:360px){
.site-header-compact .nav-search span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header-compact .site-nav .nav-search{min-width:44px;justify-content:center}
.site-header-compact .nav-inner{padding-right:4px}
}

/* Center the mobile homepage header and keep its three actions on one row. */
@media(max-width:850px){
.site-header-home .header-inner{padding-bottom:10px}
.site-header-home .logo-link{margin-inline:auto}
.site-header-home .wordmark{text-align:center}
.site-header-home .header-intro{margin-top:6px;padding-top:12px;padding-bottom:10px;text-align:center}
.site-header-home .header-intro p:not(.header-tagline){margin-inline:auto}
.site-header-home .nav-inner{display:flex;justify-content:center;flex-wrap:nowrap;gap:16px;padding:0 14px}
.site-header-home .nav-featured{display:none}
.site-header-home .nav-actions{display:contents}
.site-header-home .site-nav a,.site-header-home .site-nav .nav-search{font-size:16px;white-space:nowrap;min-height:30px;padding:3px 0}
.site-header-home .nav-request span{display:none}
}
@media(max-width:360px){
.site-header-home .nav-inner{gap:12px}
.site-header-home .site-nav a,.site-header-home .site-nav .nav-search{font-size:14px}
}

/* Series artwork stays local; names remain readable below homepage logos. */
.series-logo{display:flex;align-items:center;justify-content:flex-start;width:208px;max-width:100%;height:104px;margin:0 0 12px}
.series-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:104px;object-fit:contain;border-radius:6px}
.podcast-head .series-logo+h2{font-size:16px;margin-bottom:7px}
.podcast-head .series-logo~p{font-size:14px;line-height:1.5}
.series-brand-heading{display:flex;align-items:center;gap:24px}
.series-brand-heading>.series-logo{flex:0 0 128px;width:128px;height:128px;margin:0}
.series-brand-heading>.series-logo img{max-height:128px}
.series-brand-copy{min-width:0}
.series-brand-copy .lead{margin-bottom:0}
@media(max-width:850px){
.podcast-head .series-logo{height:88px;width:180px}
.podcast-head .series-logo img{max-height:88px}
.series-brand-heading{gap:16px;align-items:flex-start}
.series-brand-heading>.series-logo{flex-basis:88px;width:88px;height:88px}
.series-brand-heading>.series-logo img{max-height:88px}
}
@media(max-width:420px){
.series-brand-heading{flex-wrap:wrap;gap:12px}
.series-brand-heading>.series-logo{flex-basis:80px;width:80px;height:80px}
.series-brand-heading>.series-logo img{max-height:80px}
.series-brand-copy{flex:1 1 180px}
}

/* Compact homepage series panels without trimming their descriptions. */
.podcast-head-text{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:14px;align-content:start}
.podcast-head-text>h2,.podcast-head-text>p{grid-column:1/-1}
.podcast-head .series-logo{grid-column:1;grid-row:1/3;width:88px;height:88px;margin:0;align-self:start}
.podcast-head .series-logo img{max-height:88px}
.podcast-head .series-logo~h2,.podcast-head .series-logo~p{grid-column:2}
.podcast-head .series-logo+h2{font-size:18px;line-height:1.25;margin:0 0 6px}
.podcast-head .series-logo~p{font-size:14px;line-height:1.5}
.podcast-grid>.podcast-card:not([open])>.podcast-head,.podcast-grid>.podcast-card[open]>.podcast-head{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;gap:12px;padding:18px}
.podcast-grid>.podcast-card:not([open])>.podcast-head .podcast-toggle,.podcast-grid>.podcast-card[open]>.podcast-head .podcast-toggle{width:100%;margin-top:0;justify-content:space-between}
.podcast-head .podcast-toggle span{display:inline}
@media(max-width:850px){
.podcast-head-text{grid-template-columns:72px minmax(0,1fr);column-gap:12px}
.podcast-head .series-logo{width:72px;height:72px}
.podcast-head .series-logo img{max-height:72px}
.podcast-grid>.podcast-card:not([open])>.podcast-head,.podcast-grid>.podcast-card[open]>.podcast-head{padding:16px;gap:10px}
}
@media(max-width:380px){
.podcast-head-text{grid-template-columns:64px minmax(0,1fr)}
.podcast-head .series-logo{width:64px;height:64px;grid-row:1}
.podcast-head .series-logo img{max-height:64px}
.podcast-head .series-logo+h2{align-self:center;margin-bottom:0}
.podcast-head .series-logo~p{grid-column:1/-1;margin-top:10px}
}

/* One logo beside the episode label, title and metadata. */
.episode-page .episode-heading{display:flex;align-items:center;gap:18px}
.episode-heading-copy{flex:1;min-width:0}
.episode-heading>.series-logo{flex:0 0 88px;width:88px;height:88px;margin:0}
.episode-heading>.series-logo img{max-height:88px}
@media(max-width:600px){
.episode-page .episode-heading{align-items:flex-start;gap:12px}
.episode-heading>.series-logo{flex-basis:56px;width:56px;height:56px}
.episode-heading>.series-logo img{max-height:56px}
}

/* Desktop metadata sits beside the logo; phones stack it beneath the logo. */
.episode-page .episode-heading{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:18px;row-gap:0;align-items:center}
.episode-heading>.series-logo{grid-column:1;grid-row:1/3;align-self:center}
.episode-heading-copy{grid-column:2;grid-row:1}
.episode-heading-meta{grid-column:2;grid-row:2;min-width:0}
.episode-heading-meta .episode-head-meta{margin-top:0}
.episode-compact-meta{display:none}
.episode-heading-copy:first-child,.episode-heading-copy:first-child+.episode-heading-meta{grid-column:1/-1}
@media(max-width:600px){
.episode-page .episode-heading{grid-template-columns:56px minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:start}
.episode-heading>.series-logo{grid-row:1;align-self:start}
.episode-heading-meta{grid-column:1/-1;grid-row:2}
.episode-page .episode-heading-copy h1{margin-bottom:0}
.episode-page .episode-heading-meta .episode-head-meta,.episode-page .episode-heading-meta .episode-mobile-meta{display:none}
.episode-compact-meta{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--muted)}
.episode-compact-meta>span{white-space:nowrap}
.episode-page .episode-heading:has(>.series-logo){grid-template-columns:64px minmax(0,1fr);grid-template-rows:56px auto;row-gap:6px;align-content:start}
.episode-heading>.series-logo{justify-self:center}
.episode-heading>.series-logo~.episode-heading-copy{grid-row:1/3}
.episode-heading>.series-logo~.episode-heading-meta{grid-column:1;grid-row:2;align-self:start;text-align:center}
}

/* Tighten the first guide section beneath mobile series descriptions. */
@media(max-width:600px){
.episode-page main>.series-brand-heading{margin-bottom:12px}
.episode-page .series-brand-heading+.section-head{margin-top:16px}
.episode-page .series-brand-heading{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:start}
.series-brand-heading>.series-logo{grid-column:1;grid-row:1/3;width:80px;height:80px}
.series-brand-heading>.series-logo img{max-height:80px}
.series-brand-heading>.series-brand-copy{display:contents}
.series-brand-copy>.eyebrow{grid-column:2;grid-row:1;margin:0 0 8px}
.series-brand-copy>h1{grid-column:2;grid-row:2;margin-bottom:0}
.series-brand-copy>.lead{grid-column:1/-1;grid-row:3;max-width:none;margin:12px 0 0}
.series-brand-copy:first-child>.eyebrow,.series-brand-copy:first-child>h1{grid-column:1/-1}
}
/* Soften the first YouTube startup without covering playback controls afterward. */
.player-shell iframe{opacity:1;transition:opacity 2s ease}
.player-shell.is-player-starting iframe{opacity:0}
.player-shell.player-no-fade iframe{transition:none}
.player-shell.is-player-starting::before{content:"Starting video…";inset:0;width:auto;height:auto;display:grid;place-items:center;background:none;color:#d9e8f5;font-size:14px;z-index:3}
@media(prefers-reduced-motion:reduce){.player-shell iframe{transition:none}}

/* Desktop episode player with a dedicated control column; mobile keeps its existing flow. */
.player-desktop-action{display:none}
.player-info{display:contents}
@media(min-width:901px){
.episode-page .episode-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"crumbs" "heading" "player" "overview" "guide"}
.episode-page .episode-layout-no-summary{grid-template-areas:"crumbs" "heading" "player" "guide"}
.episode-page .episode-aside{display:none}
.episode-page .episode-player-block{display:grid;grid-template-columns:minmax(0,1fr) 148px;grid-template-areas:"video controls" "info controls" "help controls";column-gap:16px;row-gap:10px;min-width:0;margin-top:2px;align-items:start}
.episode-page .player-shell{grid-area:video;width:100%;max-width:none;margin:0}
.episode-page .player-actions{grid-area:controls;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;max-width:none;margin:0;align-self:start}
.episode-page .player-actions>.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:0;padding:10px 14px;font-size:14px;line-height:1.25;text-align:center;white-space:normal}
.episode-page .player-size-toggle[hidden]{display:none}
.episode-page .player-info{grid-area:info;display:flex;align-items:baseline;justify-content:space-between;gap:18px;min-width:0}
.episode-page .player-info>.player-status{order:0;flex:1 1 55%;min-width:0;margin:0;font-size:12px;line-height:1.45}
.episode-page .player-info>.player-caption{order:1;flex:0 1 45%;min-width:0;margin:0;font-size:12px;line-height:1.45;text-align:right}
.episode-page .player-caption-guidance{display:none}
.episode-page .episode-player-block>.player-help{grid-area:help;margin:0}
.episode-page .episode-player-block>noscript{grid-column:1}
.player-theater main{max-width:none;padding-left:0;padding-right:0}
.player-theater .episode-layout>:not(.episode-player-block){width:calc(100% - 48px);max-width:1052px;margin-left:auto;margin-right:auto}
.player-theater .episode-player-block{width:100%;margin-top:2px;scroll-margin-top:0}
.player-theater .player-shell{border-radius:0}
.player-theater .player-actions{padding-right:0}
.player-theater .player-info,.player-theater .player-help{padding-left:12px;padding-right:12px}
}
@media print{
.episode-page .player-actions{display:none}
.episode-page .episode-player-block{display:block}
}

/* A compact desktop share panel follows the five player controls. */
.player-share{display:none}
@media(min-width:901px){
.episode-page .player-share{display:block;width:100%;min-width:0;margin:4px 0 0;padding:12px;border-radius:10px;overflow-wrap:anywhere}
.player-share h2{margin:0 0 8px;font-size:16px;line-height:1.25}
.player-share p{margin:0 0 10px;font-size:12px;line-height:1.45}
.player-share label{display:block;margin-bottom:5px;font-size:11px;font-weight:700}
.player-share .copy-field{display:block;min-width:0;margin:0 0 10px}
.player-share input{width:100%;min-width:0;padding:7px;font-size:11px}
.player-share>.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;padding:8px;font-size:12px}
}

/* Keep the episode overview and its topic index visually connected. */
.episode-page .episode-overview+.episode-guide-block>.jump-nav{margin-top:10px}

/* Mobile uses the third action for sharing; desktop keeps its request action. */
@media(max-width:900px){.episode-page .player-actions>.player-request-link{display:none}}
@media(min-width:901px){.episode-page .player-actions>.player-mobile-copy{display:none}}

/* Segment counts link directly to the episode index. */
.segment-count-link,.segment-count-link:hover{color:inherit;text-decoration:none}
#in-this-episode{scroll-margin-top:16px}

/* Homepage series cards navigate directly to their series pages. */
.series-card-link{display:block;color:var(--ink);text-decoration:none}
.series-card-link:hover{color:var(--ink);text-decoration:none;border-color:#9cb8d6}
.series-card-link:hover>.podcast-head{background:#e6ebf1}
.series-card-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.podcast-grid>.podcast-card.series-card-link>.podcast-head{height:100%}
.series-card-link .podcast-toggle:after{content:none}
.series-card-link .series-card-cta{color:var(--blue)}

/* A bottom control closes the alphabetical directory after browsing. */
.series-directory-footer{display:flex;justify-content:flex-end;padding:0 10px 8px;background:#f8fafc}
.series-directory-collapse{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px;border:0;border-radius:6px;background:transparent;color:#5b6776;font-size:13px;font-weight:700}
.series-directory-collapse span{color:var(--blue)}
.series-directory-collapse:hover{background:#e6ebf1;color:var(--ink)}

/* Shared footer navigation back to the top of the current page. */
.site-footer .footer-brand{display:contents}
.site-footer .footer-brand strong{grid-column:1;grid-row:1;align-self:center}
.site-footer .footer-brand p{grid-column:1;grid-row:2;margin:0}
.site-footer .footer-back-top{grid-column:2;grid-row:1;justify-self:end;align-self:start;width:auto;min-height:44px;padding:9px 13px;color:var(--ink);white-space:nowrap}
.site-footer nav{grid-column:2;grid-row:2}
.site-footer .footer-note{grid-row:3}
@media(max-width:600px){
.site-footer{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
.site-footer .footer-brand p{grid-column:1/-1;grid-row:2}
.site-footer nav{grid-column:1/-1;grid-row:3}
.site-footer .footer-note{grid-column:1/-1;grid-row:4}
}

/* Header shortcuts: How It Works first; a concise three-item mobile menu. */
@media(max-width:850px){
.site-header:not(.site-header-compact) .nav-featured{display:none}
.site-header:not(.site-header-compact) .nav-inner{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:16px}
.site-header:not(.site-header-compact) .nav-actions{display:contents}
.site-header:not(.site-header-compact) .nav-request span{display:none}
}
@media(max-width:360px){.site-header:not(.site-header-compact) .nav-inner{gap:12px}}

/* Keep the full Request Podcast label in the mobile shortcut row. */
@media(max-width:850px){.site-header:not(.site-header-compact) .nav-search{gap:4px}}
@media(max-width:420px){
.site-header:not(.site-header-compact) .nav-inner{gap:8px;padding-inline:14px}
.site-header:not(.site-header-compact) .site-nav a,.site-header:not(.site-header-compact) .site-nav .nav-search{font-size:14px}
}
@media(max-width:340px){
.site-header:not(.site-header-compact) .nav-inner{gap:4px}
.site-header:not(.site-header-compact) .site-nav a,.site-header:not(.site-header-compact) .site-nav .nav-search{font-size:clamp(12px,3.9vw,13px)}
}

.episode-page .player-actions>.player-series-link{flex-direction:column;gap:4px}
.player-series-notice{font-size:70%;font-weight:400;line-height:1.3}

/* Optional compact segment browser beside the playback controls. */
.player-segments[hidden]{display:none}
.player-segments{min-width:0;margin:12px 0 0;padding:16px}
.player-segments-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.player-segments-heading h2{font-size:18px;margin:0}
.player-segments-heading .button{font-size:12px;min-height:28px;width:auto;padding:3px 8px}
.player-segments ol{columns:2;column-gap:24px;list-style:none;margin:0;padding:0}
.player-segments li{break-inside:avoid;margin:0 0 8px;font-size:13px;line-height:1.45}
.player-segments li a{display:block;text-decoration:none;border-radius:4px;overflow-wrap:anywhere}
.player-segments .jump-time{font-weight:800;margin-right:7px;white-space:nowrap}
.player-segments li a>span:last-child{display:contents}
.player-segments a[aria-current="true"]{background:#e6f2ff;color:#124b82;font-weight:700}
.player-segments a:hover{background:#f0f6fc}
/* Keep playback help immediately below the video, independent of the button column. */
.player-help-block{min-width:0;margin:0 0 12px;text-align:left}
.player-help-block .player-help{margin:0}
.player-help-block #player-error:not([hidden]){margin:8px 0 0}
.segment-selection:not([hidden]){margin:0 0 10px;font-size:12px;font-weight:700}
@media(min-width:901px){
.episode-page .episode-player-block{grid-template-areas:"video controls" "help controls";grid-template-rows:auto 1fr}
.episode-page .episode-player-block:has(.player-segments:not([hidden])){grid-template-areas:"video controls" "help controls" "segments controls";grid-template-rows:auto auto 1fr}
.episode-page .player-help-block{grid-area:help;margin:0;align-self:start}
.episode-page .player-segments{grid-area:segments;margin:0;align-self:start}
.player-theater .player-help-block{padding-left:12px;padding-right:0}
}

@media(max-width:600px){.player-segments ol{columns:1}}
@media(max-width:900px){.player-segments{margin:0 0 10px;padding:12px 14px}}

/* Segments and Topic Guides share the same optional space below playback help. */
.player-topic-guides[hidden]{display:none}
.player-topic-guides{min-width:0;margin:0 0 10px;padding:16px}
.player-topic-guides .guide-intro{font-size:13px;margin:0 0 14px}
.player-topic-guides .guide-note{margin-bottom:0}
@media(min-width:901px){
.episode-page .episode-player-block:has(.player-topic-guides:not([hidden])){grid-template-areas:"video controls" "help controls" "segments controls";grid-template-rows:auto auto 1fr}
.episode-page .player-topic-guides{grid-area:segments;margin:0;align-self:start}
}
@media(max-width:900px){.player-topic-guides{padding:12px 14px}}

.player-panel-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}
.player-panel-controls .button{width:auto;white-space:nowrap}
/* Match the switch/close controls at the same vertical offset in Segments and Guides. */
.episode-page .player-segments .player-segments-heading>.player-panel-controls,.episode-page .player-topic-guides .player-segments-heading>.player-panel-controls{align-self:start}
/* Add 2px between the Segments controls and first timestamp without moving the heading. */
.episode-page .player-segments>.player-segments-heading{margin-bottom:12px}

.player-under-video{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.player-under-video>.player-help{flex:1 1 auto;min-width:0}
.episode-player-block{position:relative}
.episode-player-block>.selected-start{position:absolute;top:-18px;right:0;min-height:0;margin:0;text-align:right;font-size:12px;line-height:1.5;white-space:nowrap}
.player-youtube-link{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:13px;font-weight:800;line-height:1.5;text-decoration:none;white-space:nowrap}
.player-youtube-link:hover,.player-youtube-link:focus{text-decoration:none}
/* Share the existing metadata space instead of adding a row above the video. */
@media(min-width:901px){
.episode-page .episode-player-block>.selected-start{top:-18px;right:164px}
.episode-page .episode-heading-meta{padding-right:314px}
}
@media(max-width:900px){.episode-page .episode-player-block{margin-top:-2px}}
@media(min-width:601px) and (max-width:900px){
.episode-page .episode-heading-meta{padding-right:150px}
.episode-page .episode-player-block{margin-top:-10px}
.episode-page .episode-player-block>.selected-start{top:-18px}
}
@media(max-width:600px){
/* Keep the icon metadata fixed; a fourth title line starts extending the player offset. */
.episode-page .episode-heading-copy{padding-bottom:0}
.episode-page .episode-heading-copy h1{min-height:3.75em}
/* Metadata extends 20px into the 32px heading/player gap, leaving 12px beneath the count. */
.episode-page .episode-heading>.series-logo~.episode-heading-meta{align-self:start;margin-bottom:-20px}
.episode-page .episode-player-block{margin-top:18px}
}

/* Tighten the remaining space around episode panels and the shared footer. */
@media(max-width:900px){
.episode-page .player-actions{margin-bottom:0}
.episode-page .episode-overview{margin-top:-4px}
}
@media(min-width:901px){.episode-page .episode-layout+.request-callout{margin-top:4px}}
.request-callout:has(+.site-footer){margin-bottom:0}
.site-footer{margin-top:18px}

/* Match the mobile panel gaps to the space beneath the player controls. */
@media(max-width:900px){
.episode-page .episode-layout{grid-template-areas:"crumbs" "heading" "player" "overview" "aside"}
.episode-page .episode-layout-no-summary{grid-template-areas:"crumbs" "heading" "player" "aside"}
.episode-page .episode-aside{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:-4px}
.episode-page .episode-aside>.panel{margin:0}
.episode-page .episode-layout+.request-callout{margin-top:10px}
}

/* Expanded playback help uses the full width beneath the question/YouTube link row. */
.player-under-video{display:block;position:relative}
.player-under-video>.player-youtube-link{position:absolute;top:0;right:0}
.player-under-video>.player-help{width:100%;padding-left:0;padding-right:0}
/* Two additional pixels of help-panel height on desktop and mobile. */
.player-under-video>.player-help{padding-bottom:2px}
.player-under-video>.player-help>summary{padding-right:142px;min-height:20px}
.player-under-video>.player-help>p{width:100%;max-width:none}

/* Desktop browsers span the video and control column with responsive content columns. */
@media(min-width:901px){
.episode-page .episode-player-block:has(.player-segments:not([hidden])),
.episode-page .episode-player-block:has(.player-topic-guides:not([hidden])){grid-template-areas:"video controls" "help controls" "segments segments";grid-template-rows:auto 1fr auto}
.player-segments ol{columns:2}
.player-topic-guides .topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
}
@media(min-width:1100px){.player-segments ol{columns:3}.player-topic-guides .topic-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1300px){.player-segments ol{columns:4}.player-topic-guides .topic-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Keep two topic-guide columns on smaller windows before switching to the phone layout. */
@media(min-width:660px) and (max-width:900px){
.player-topic-guides .topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.player-topic-guides .topic{display:block;margin:0;padding:14px}
.player-topic-guides .topic>div:first-child{margin-bottom:7px}
}

@media(min-width:956px) and (max-width:1099px){.player-topic-guides .topic-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

#episode-guide.player-topic-guides{scroll-margin-top:16px}

/* Keep the desktop guide subtitle beside its heading, wrapping within its own column. */
.player-topic-guides .player-segments-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
.player-topic-guides .player-segments-heading>.player-panel-controls{grid-column:2;grid-row:1}
.player-topic-guides .player-segments-heading>.guide-intro{grid-column:1/-1;grid-row:2;margin:0}
@media(min-width:901px){
.player-topic-guides .player-segments-heading{grid-template-columns:auto minmax(0,1fr) auto;column-gap:48px;align-items:center}
.player-topic-guides .player-segments-heading>h2{white-space:nowrap}
.player-topic-guides .player-segments-heading>.guide-intro{grid-column:2;grid-row:1;min-width:0}
.player-topic-guides .player-segments-heading>.player-panel-controls{grid-column:3}
}

/* Join the guide title and subtitle while retaining their individual type styles. */
.player-topic-guides .player-segments-heading{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
.player-topic-guides .player-segments-heading>.player-panel-controls{grid-column:2;grid-row:1}
.player-guide-heading-copy{min-width:0;line-height:1.5}
.player-topic-guides .player-guide-heading-copy>h2{display:inline;white-space:normal}
.player-topic-guides .player-guide-heading-copy>.guide-intro{display:inline;margin:0}

.player-topic-guides .player-guide-heading-copy>.guide-intro{position:relative;top:-1px}
.player-guide-heading-copy>.guide-intro>span{position:relative;top:-2px}
@media(min-width:901px){.player-topic-guides .player-guide-heading-copy>.guide-intro{left:2px}}

/* On mobile, give the guide explanation its own column above the panel controls. */
@media(max-width:600px){.player-shell.has-resume .player-placeholder-art{display:none}}
@media(max-width:900px){
.player-topic-guides .player-segments-heading{grid-template-columns:64px minmax(0,1fr);gap:10px 16px;align-items:center}
.player-topic-guides .player-guide-heading-copy{display:contents}
.player-topic-guides .player-guide-heading-copy>h2{display:block;grid-column:1;grid-row:1;margin:0;white-space:normal;overflow-wrap:normal;word-break:normal}
.player-topic-guides .player-guide-heading-copy>.guide-intro{display:block;grid-column:2;grid-row:1;position:static;margin:0;line-height:1.45;align-self:center}
.player-topic-guides .player-guide-heading-copy>.guide-intro>span{display:none}
.player-topic-guides .player-segments-heading>.player-panel-controls{grid-column:1/-1;grid-row:2;justify-self:end}
}

/* Use real grid columns for expanded segment lists, including short lists. */
@media(min-width:901px){
.player-theater .player-segments ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;columns:auto}
.player-theater .player-segments li{margin:0;min-width:0}
}
@media(min-width:1100px){.player-theater .player-segments ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1300px){.player-theater .player-segments ol{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* A short overview helps visitors choose an episode from the guide cards. */
.episode-link-card .episode-card-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.episode-link-card .episode-card-summary:hover{color:var(--blue)}
.episode-link-card .episode-card-summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

@media(min-width:901px){.episode-link-card .episode-card-summary{-webkit-line-clamp:3;line-clamp:3}}

/* Topic titles and descriptions play their timestamp without link styling. */
.topic .topic-text-link,.topic .topic-text-link:hover,.topic .topic-text-link:visited,.topic .topic-text-link:active{display:block;color:inherit;text-decoration:none;cursor:pointer}
.topic .topic-text-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}
/* Brand master: uncropped logos, format alternatives and compact page tabs. */
.logo-link.brand-logo{height:auto;overflow:visible}
.logo-link.brand-logo picture{display:block;position:static;height:auto;margin:0;overflow:visible}
.logo-link.brand-logo .header-image{display:block;position:static;width:100%;max-width:100%;height:auto;left:auto;top:auto}
.site-header-compact .logo-link.brand-logo{display:flex;align-items:center;justify-content:center;width:170px;height:46px;overflow:hidden}
.site-header-compact .logo-link.brand-logo picture{width:100%;height:auto;margin:0}
.site-footer .footer-logo-link{grid-column:1;grid-row:1;align-self:center;display:block;width:160px;max-width:100%;text-decoration:none}
.footer-logo-link picture,.footer-logo{display:block;width:100%;height:auto}

/* Keep the mobile header shortcuts compact, including the request arrow. */
@media(max-width:850px){.site-header:not(.site-header-compact) .nav-request span{display:inline;margin-left:4px}}
@media(max-width:380px){.site-header:not(.site-header-compact) .nav-inner{gap:4px}.site-header:not(.site-header-compact) .site-nav a,.site-header:not(.site-header-compact) .site-nav .nav-search{font-size:12px}.site-header:not(.site-header-compact) .nav-search{gap:2px}.site-header:not(.site-header-compact) .nav-search-icon{width:14px;height:14px}}

/* Keep long publisher titles and links inside the responsive episode layout. */
.episode-page .episode-layout{overflow-wrap:anywhere}
.episode-page .episode-layout>*,.episode-page .episode-heading-copy,.episode-page .episode-player-block{min-width:0}
@media(max-width:900px){.episode-page .episode-layout{grid-template-columns:minmax(0,1fr)}}

.home-discovery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;margin:0 0 22px}
.home-discovery-panel{display:flex;flex-direction:column;min-width:0;padding:13px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.home-discovery-panel h2{font-size:24px;line-height:1.2;margin:0 0 10px;letter-spacing:-.35px}
.home-discovery-panel .eyebrow{font-size:10px;margin:0 0 7px}
.home-discovery-heading{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.home-discovery-heading-copy{min-width:0}
.home-discovery-heading .eyebrow{position:relative;top:4px;margin-bottom:5px}
.home-discovery-heading h2{margin:0}
.home-discovery-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid #154565;border-radius:12px;background:var(--navy);color:#16b6e9}
.home-discovery-icon svg{display:block;width:28px;height:28px}
@media(max-width:850px){.home-discovery-heading{gap:11px}.home-discovery-icon{width:46px;height:46px;border-radius:11px}.home-discovery-icon svg{width:26px;height:26px}}
.home-discovery-description{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}
.home-discovery-actions>.home-library-counts{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.4}
.home-library-counts strong{color:var(--ink)}
.home-library-counts span{margin:0 4px}
.home-watch-panel{background:linear-gradient(125deg,#eaf6ff,#fff)}
.home-discovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:auto}
.home-discovery-actions .button{width:auto;min-height:44px;font-size:14px;padding:10px 14px;gap:8px}
.home-discovery-actions>span{font-size:12px;color:var(--muted)}
#podcast-library{scroll-margin-top:14px}
@media(max-width:850px){.home-discovery{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:18px}.home-discovery-panel{padding:11px 16px}.home-discovery-panel h2{font-size:23px}.home-discovery-description{margin-bottom:10px}}

.home-library-directory.has-library-button:not([open]){display:none}
.home-library-directory.has-library-button>summary{display:none}
.home-library-directory.has-library-button .series-directory-list{border-top:0}

.home-library-panel .home-discovery-actions{flex-wrap:nowrap}

/* Put the compact Watch Any Video panel above the library entry on phones. */
@media(max-width:850px){.home-discovery .home-watch-panel{order:initial}.home-watch-panel .home-discovery-description{display:none}}
@media(max-width:850px){.home-watch-panel .home-discovery-actions{flex-wrap:nowrap}.home-watch-new-tab{flex:none;white-space:nowrap}.home-watch-new-tab>span{display:block}}

/* Match the desktop homepage heading to the Find a Series and Find a Video headings. */
@media(min-width:851px){.site-header-home .header-intro{flex:0 1 364px;max-width:364px}.site-header-home .header-intro h1{font-size:24px}}

/* Keep only the introductory heading in the mobile homepage header. */
@media(max-width:850px){.site-header-home .header-intro>p{display:none}.site-header-home .header-intro h1{margin-bottom:0;font-size:clamp(15px,5vw,20px);white-space:nowrap}}

/* Keep the mobile library entry compact. */
@media(max-width:850px){.home-library-panel .home-discovery-description{display:none}}

/* Stack library totals beside the mobile browse button. */
.home-library-panel .library-label-mobile{display:none}
.home-library-counts .home-library-count-item{margin:0}
@media(max-width:850px){
.home-library-panel .library-label-desktop{display:none}
.home-library-panel .library-label-mobile{display:inline;white-space:normal}
.home-library-panel .home-discovery-actions>.button{flex:0 1 auto;min-width:0;padding-inline:12px;gap:6px}
.home-library-panel .home-discovery-actions>.button>[aria-hidden]{flex:none}
.home-library-panel .home-library-counts{display:grid;gap:2px;flex:0 0 auto}
.home-library-counts .home-library-count-item{white-space:nowrap}
.home-library-counts .home-library-count-separator{display:none}
}
@media(max-width:360px){.home-library-panel .home-discovery-actions>.button{font-size:13px;padding-inline:8px;gap:4px}}

/* Watch search uses one footer action beside the logo at each screen size. */
.site-footer .footer-return-library{display:none;grid-column:2;grid-row:1;justify-self:end;align-self:start;width:auto;min-height:44px;padding:9px 13px;color:var(--ink);white-space:nowrap}
@media(max-width:850px){
.site-footer.has-return-library .footer-return-library{display:inline-flex}
.site-footer.has-return-library:has(.footer-return-library:not([hidden])) .footer-back-top{display:none}
}

/* About and Privacy use the full content width instead of the narrower prose measure. */
.about-panel,.privacy-panel{max-width:none}

/* Reserve a stable heading row for conditional library access on information pages. */
.library-heading-row{position:relative;display:flex;align-items:center;min-height:44px;padding-right:145px;margin-bottom:10px}
.library-heading-row>.eyebrow{margin:0;overflow-wrap:anywhere}
.library-heading-row>.page-open-library{position:absolute;right:0;top:50%;transform:translateY(-50%);width:auto;min-height:44px;padding:9px 13px;white-space:nowrap;font-size:14px}

/* Keep the new privacy shortcut in the desktop header only. */
@media(max-width:850px){.site-header .nav-privacy{display:none}}

/* Align footer copy with the visible artwork inside the logo image. */
.site-footer .footer-logo-link picture,.site-footer .footer-logo-link>.footer-logo{transform:translateX(-5.357142857%)}
.footer-tagline-desktop{display:none}
@media(min-width:851px){.footer-tagline-desktop{display:inline}.footer-tagline-mobile{display:none}}

/* Keep desktop brand copy evenly spaced, with the disclaimer and Administration sharing a baseline. */
@media(min-width:851px){
.site-footer{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:12px;padding-top:7px;padding-bottom:0;align-content:start}
.site-footer .footer-logo-link,.site-footer .footer-brand strong{grid-column:1;grid-row:1;align-self:start}
.site-footer .footer-brand p{grid-column:1;grid-row:2;position:static;top:auto;align-self:start;margin:0}
.site-footer .footer-back-top,.site-footer .footer-return-library{grid-column:2;grid-row:1/3;position:static;top:auto;align-self:start;margin-top:18px}
.site-footer nav{grid-column:2;grid-row:3;position:static;top:auto;align-self:baseline}
.site-footer .footer-note{grid-column:1;grid-row:3;align-self:baseline;max-width:none;margin:0;padding:0}
}

/* A snug Play Video control on phones; retain the existing text size. */
@media(max-width:900px){.episode-page .player-placeholder .player-placeholder-actions>[data-load-player]{width:auto;min-width:0;min-height:0;padding:4px 10px;border-radius:8px}}

/* Give the phone's watch and resume placeholders a clearer vertical rhythm. */
.player-placeholder-intro{display:contents}
@media(max-width:600px){
.episode-page .player-placeholder{justify-content:space-between}
.episode-page .player-placeholder-intro{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.episode-page .player-placeholder-actions{gap:12px;flex-shrink:0}
.episode-page .has-resume .player-placeholder{justify-content:center;padding-top:28px;padding-bottom:8px}
.episode-page .has-resume .player-placeholder-actions{margin-top:12px}
}

@media(max-width:850px){.series-directory-link{gap:7px;min-height:44px;padding:6px}.series-directory-icon{flex-basis:24px;width:24px;height:24px}.series-directory-fallback{width:17px;height:17px}}

/* Inset both desktop navigation groups by 10px without changing mobile navigation. */
@media(min-width:851px){.site-header:not(.site-header-compact) .nav-inner{padding-inline:34px}}

/* Desktop header links at 80% of 17px; mobile typography and 48px minimum click targets are preserved. */
@media(min-width:851px){.site-header:not(.site-header-compact) .site-nav .nav-about,.site-header:not(.site-header-compact) .site-nav .nav-privacy,.site-header:not(.site-header-compact) .site-nav .nav-phone-app,.site-header:not(.site-header-compact) .site-nav .nav-request,.site-header:not(.site-header-compact) .site-nav .nav-search{font-size:13.6px}}

/* Ten-pixel shorter desktop navigation row, with centered links; mobile and compact headers retain their sizes. */
@media(min-width:851px){.site-header:not(.site-header-compact) .site-nav a,.site-header:not(.site-header-compact) .site-nav .nav-search{min-height:38px;padding-block:8px}}

/* Fixed gold star in the homepage heading, with stable space reserved for its title. */
.site-header-home .header-intro{font-family:Arial,Helvetica,"Liberation Sans","Nimbus Sans",sans-serif}
.site-header-home .header-intro .header-gold-star{position:absolute;display:block;color:#f4bc3d;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));}
.header-gold-star svg{display:block;width:100%;height:100%;fill:currentColor;stroke:#dca42d;stroke-width:.65;stroke-linejoin:round}
@media(min-width:851px){.site-header-home .header-intro{flex-basis:406px;max-width:406px;padding-left:64px;text-align:right}.site-header-home .header-intro .header-gold-star{width:34px;height:34px;left:24px;top:13px}.site-header-home .header-intro p:not(.header-tagline){margin-left:auto}}
@media(max-width:850px){.site-header-home .header-intro{padding-left:50px;padding-right:10px}.site-header-home .header-intro h1{transform:translateX(-8px)}.site-header-home .header-intro .header-gold-star{width:28px;height:28px;left:23px;top:50%;transform:translateY(-50%)}}
@media(max-width:340px){.site-header-home .header-intro{padding-left:58px}}

/* Keep the restored one-line heading within the smallest supported narrow viewports. */
@media(max-width:300px){.site-header-home .header-intro h1{font-size:13.5px}}

/* Align breadcrumbs beneath every compact header, preserving the phone logo clearance. */
.site-header-compact + main#main{padding-top:0}
@media screen and (min-width:851px){.site-header-compact + main#main{margin-top:-24px}}

/* Breadcrumbs overlap the transparent compact-header area on desktop.
   Raise only their clickable links, so the header cannot intercept taps
   while its logo and controls remain independently clickable. */
.site-header-compact + main#main .breadcrumbs a{position:relative;z-index:1}
/* Reserve the desktop scrollbar space before content finishes rendering, preventing centered header and panel shifts. */
@media(min-width:851px){html{scrollbar-gutter:stable}}
/* Compact editorial subtitles on the desktop homepage only. Keep the original line-box height so the header panel does not resize. */
@media(min-width:851px){.site-header-home .header-intro p:not(.header-tagline){font-size:11.5px;font-weight:600;line-height:21.75px;letter-spacing:.8px;text-transform:uppercase;color:#c4d5e4}}
/* Desktop homepage: trim the panel and bring navigation 10px closer to the logo, preserving their top alignment. */
@media(min-width:851px){
.site-header-home .header-inner{min-height:118px;padding-bottom:2px}
.site-header-home .header-intro{padding-bottom:6px;margin-bottom:10px}
}

/* Six restrained editorial accents on episode cards; visual only, not a content category. */
:is(.episode-grid,.episode-list) > .episode-link-card{--episode-accent:#438ccb;position:relative;isolation:isolate;transition:background .15s ease,border-color .15s ease,box-shadow .18s ease,transform .18s ease}
:is(.episode-grid,.episode-list) > .episode-link-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--episode-accent);pointer-events:none}
:is(.episode-grid,.episode-list) > .episode-link-card:nth-of-type(6n+1){--episode-accent:#d66548}
:is(.episode-grid,.episode-list) > .episode-link-card:nth-of-type(6n+2){--episode-accent:#d79a32}
:is(.episode-grid,.episode-list) > .episode-link-card:nth-of-type(6n+3){--episode-accent:#4c9c72}
:is(.episode-grid,.episode-list) > .episode-link-card:nth-of-type(6n+4){--episode-accent:#438ccb}
:is(.episode-grid,.episode-list) > .episode-link-card:nth-of-type(6n+5){--episode-accent:#7773c4}
:is(.episode-grid,.episode-list) > .episode-link-card:nth-of-type(6n){--episode-accent:#369c9f}
@media(hover:hover) and (pointer:fine){:is(.episode-grid,.episode-list) > .episode-link-card:hover{transform:translateY(-2px);border-color:#b9cce0;box-shadow:0 6px 18px rgba(13,53,92,.12)}}
@media(prefers-reduced-motion:reduce){:is(.episode-grid,.episode-list) > .episode-link-card{transition:none}}

/* All Guides archive: one restrained navy accent, subtle outer depth and stationary row highlights. */
.series-archive{border-color:#b6cbe1;box-shadow:0 3px 12px rgba(13,53,92,.06);position:relative;padding-top:4px}
.series-archive::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#103b60;pointer-events:none}
@media(hover:hover) and (pointer:fine){
.series-archive-row{transition:background-color .15s ease,box-shadow .15s ease}
.series-archive-row:hover{background:#eff6fd;box-shadow:inset 3px 0 0 #438ccb}
}
@media(prefers-reduced-motion:reduce){.series-archive-row{transition:none}}

/* Series-page search belongs inside the series heading, below its favorite star. */
.series-favorite-heading .series-page-search-toggle{position:absolute;right:0;bottom:4px;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:36px;padding:6px 2px;border:0;border-radius:5px;background:transparent;color:#0c4fba;font-size:15px;font-weight:700;line-height:1.4;white-space:nowrap}
.series-page-search-toggle:hover{color:#073f98;text-decoration:underline}
.series-page-search-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.series-page-search-toggle .nav-search-icon{width:17px;height:17px}
.series-favorite-heading .series-brand-copy>.lead{padding-right:110px}
.series-page-search-panel{border:1px solid var(--line);border-radius:10px;background:#f3f7fc;margin:-4px 0 24px}
.series-page-search-panel .header-search-inner{max-width:none;padding:16px 18px 18px}
@media(max-width:850px){
 .series-favorite-heading{flex-wrap:wrap}
 .series-favorite-heading .series-page-search-toggle{position:absolute;top:48px;right:0;bottom:auto;display:grid;place-items:center;justify-content:center;flex:none;width:40px;height:40px;min-height:40px;margin:0;padding:8px}
 .series-favorite-heading .series-page-search-toggle>span{display:none}
 .series-favorite-heading .series-page-search-toggle .nav-search-icon{width:21px;height:21px}
 .series-favorite-heading .series-brand-copy>.lead{padding-right:0}
 .series-page-search-panel{margin:0 0 20px}
}

/* On narrow phones the series artwork is 80px rather than 88px tall. */
@media(max-width:420px){.series-favorite-heading .series-page-search-toggle{top:40px}}

/* On phones, place the existing series search icon beside the Most Recent heading. */
@media(max-width:850px){
 .series-category-head:has(>.series-page-search-toggle){position:relative;padding-right:46px}
 .series-category-head>.series-page-search-toggle{position:absolute;right:0;top:0;bottom:auto;display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:8px;margin:0;border:0;background:transparent;color:#0c4fba}
 .series-category-head>.series-page-search-toggle>span{display:none}
 .series-category-head>.series-page-search-toggle .nav-search-icon{width:21px;height:21px}
}

/* Archive dividers: cycle the existing six episode-card accent colors; no row fills or layout changes. */
.series-archive>.series-archive-row:nth-of-type(6n+1){border-bottom-color:#d66548}
.series-archive>.series-archive-row:nth-of-type(6n+2){border-bottom-color:#d79a32}
.series-archive>.series-archive-row:nth-of-type(6n+3){border-bottom-color:#4c9c72}
.series-archive>.series-archive-row:nth-of-type(6n+4){border-bottom-color:#438ccb}
.series-archive>.series-archive-row:nth-of-type(6n+5){border-bottom-color:#7773c4}
.series-archive>.series-archive-row:nth-of-type(6n){border-bottom-color:#369c9f}

/* Split the series guide count onto a second line on mobile only. */
.series-guides-mobile-break{display:none}
@media(max-width:850px){.series-brand-heading .series-guides-mobile-break{display:block}.series-brand-heading .series-guides-desktop-dot{display:none}}

/* Mobile episode controls: two equal-width actions, with guides accessible from Segments. */
@media(max-width:900px){
.episode-page .player-actions{display:grid;grid-template-columns:minmax(0,calc(36% - 15.6px)) minmax(0,1fr);gap:10px;align-items:stretch}
.episode-page .player-actions>.player-guides-link{display:none}
.episode-page .player-actions>[data-start-over-label],.episode-page .player-actions>.player-segments-link{width:100%;min-width:0;margin:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;padding:9px 7px}
}

.segments-label-mobile{display:none}
@media(max-width:900px){.segments-label-desktop{display:none}.segments-label-mobile{display:inline}}

/* Mobile player: neutral restart action, blue guide switch, and compact Topic Guides heading. */
@media(max-width:900px){
.episode-page .player-actions>[data-start-over-label]{background:#fff;color:var(--ink);border-color:#b7c0cb}
.episode-page .player-actions>[data-start-over-label]:hover{background:#edf3fa;color:var(--ink);border-color:#b7c0cb}
.episode-page .player-segments nav{padding-top:2px}
.episode-page .player-segments [data-panel-switch="episode-guide"]{background:#0c4fba;color:#fff;border-color:#0c4fba}
.episode-page .player-segments [data-panel-switch="episode-guide"]:hover{background:#093f94;color:#fff;border-color:#093f94}
.episode-page .player-topic-guides .player-segments-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.episode-page .player-topic-guides .player-guide-heading-copy{display:block;grid-column:1;grid-row:1;min-width:0}
.episode-page .player-topic-guides .player-guide-heading-copy>h2{display:block;margin:0}
.episode-page .player-topic-guides .player-guide-heading-copy>.guide-intro{display:none}
.episode-page .player-topic-guides .player-segments-heading>.player-panel-controls{grid-column:2;grid-row:1;justify-self:end}
}

/* Position paired mobile player actions 6px above their original position. */
@media(max-width:900px){.episode-page .player-actions{margin-top:-6px}}

/* Mobile player: exchange 3px of Segments inner bottom space for outer spacing; raise help links 2px. */
@media(max-width:900px){
.episode-page .player-segments{padding-bottom:9px;margin-bottom:13px}
.episode-page .player-under-video .player-help p:has([data-reload-player]){margin-top:4px;margin-bottom:6px}
}

/* Request page: keep the expanded heading on two deliberate lines on mobile only. */
@media(max-width:600px){.request-page-title span{display:block}}

/* Homepage series ordering: understated Shuffle / A–Z controls beside the library title. */
#podcast-library .podcast-library-head{align-items:center}
#podcast-library .podcast-library-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
#podcast-library .podcast-library-sort{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px;padding:2px;border:1px solid #cbd9e5;border-radius:9px;background:#f3f7fa}
#podcast-library .podcast-library-sort[hidden]{display:none}
#podcast-library .podcast-library-sort button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;width:auto;margin:0;padding:5px 10px;border:0;border-radius:7px;background:transparent;color:#51677c;font:inherit;font-size:12px;font-weight:650;line-height:1.2;white-space:nowrap;cursor:pointer}
#podcast-library .podcast-library-sort button[aria-pressed="true"]{background:#e1effb;color:#0b4974;box-shadow:0 0 0 1px #c3dbea inset}
#podcast-library .podcast-library-sort button:hover:not([aria-pressed="true"]){background:#e9f0f6;color:#0b4974}
#podcast-library .podcast-library-sort button:focus-visible{outline:2px solid #0e83ba;outline-offset:2px}
@media(max-width:600px){#podcast-library .podcast-library-head{align-items:flex-start}#podcast-library .podcast-library-heading{width:100%;gap:8px 12px}#podcast-library .podcast-library-sort button{min-height:36px;padding:6px 10px}}

/* Desktop player panels: add 2px after the controls before segment and guide content. */
@media(min-width:901px){
.episode-page .player-segments>.player-segments-heading{margin-bottom:14px}
.episode-page .player-topic-guides>.player-segments-heading{margin-bottom:12px}
}

@media(max-width:850px){#podcast-library .podcast-library-head>p{width:100%;max-width:none;min-width:0}#podcast-library .podcast-library-star-hint{display:block;white-space:nowrap;font-size:inherit}}

/* Desktop Podcast Library instruction: give the right edge a little breathing room. */
@media (min-width:851px){#podcast-library .podcast-library-head>p{transform:translateX(-10px)}}

/* Homepage: 10px from header through upper panels; 15px before Podcast Library. */
main:has(> .my-library){padding-top:10px}
main>.my-library{margin-bottom:10px}
main>.my-library+.favorite-status+.home-discovery{gap:10px;margin-bottom:0}
main>#podcast-library>.podcast-library-head{margin-top:15px}

/* Mobile homepage: tighten the panel stack further without changing desktop spacing. */
@media(max-width:850px){main:has(> .my-library){padding-top:4px}main>.my-library{margin-bottom:3px}main>.my-library+.favorite-status+.home-discovery{gap:3px}main>#podcast-library>.podcast-library-head{margin-top:5px}}

/* Homepage Podcast Library series cards only: tighten panel spacing and keep the footer compact. */
#podcast-library .podcast-grid{gap:6px}
#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head{padding-bottom:8px}
@media(max-width:850px){#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head{padding-bottom:6px}}

/* Homepage card guide counts: anchor in the artwork column only at 3-column desktop widths. */
@media(max-width:850px){#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head .podcast-toggle{position:relative;top:-4px}}
@media(min-width:1100px){
#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head{position:relative;min-height:150px;gap:10px}
#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head .podcast-head-text{flex:1 1 auto}
#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head .podcast-toggle{position:absolute;left:18px;top:116px;display:block;width:88px;margin:0;line-height:1.2;white-space:nowrap}
#podcast-library .podcast-grid>.podcast-card.series-card-link>.podcast-head .series-card-cta{display:none}
}

/* Mobile homepage: reduce only the gap below Podcast Library instructions by 3px. */
@media(max-width:850px){#podcast-library>.podcast-library-head{margin-bottom:11px}}

/* Homepage series descriptions: maximum five lines at every responsive width. */
#podcast-library .podcast-grid>.podcast-card.series-card-link .podcast-head-text>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}

/* Mobile homepage: lower only Podcast Library title and Shuffle / A-Z controls by 2px. */
@media(max-width:850px){#podcast-library .podcast-library-heading{position:relative;top:2px}}

/* Mobile homepage: title/sort down 2px more; first series card up 2px. */
@media(max-width:850px){#podcast-library .podcast-library-heading{top:4px}#podcast-library>.podcast-library-head{margin-bottom:7px}}
/* Phone series pages: allow full-width headings below artwork and series metadata. */
@media(max-width:600px){
.episode-page .series-brand-heading>.series-logo{grid-column:1;grid-row:1}
.episode-page .series-brand-heading .series-brand-copy>.eyebrow{grid-column:2;grid-row:1;align-self:center;min-width:0;margin:0}
.episode-page .series-brand-heading .series-brand-copy>h1{grid-column:1/-1;grid-row:2;min-width:0;margin:4px 0 0;overflow-wrap:normal;word-break:normal}
.episode-page .series-brand-heading .series-brand-copy>.lead{grid-column:1/-1;grid-row:3}
}

/* Series pages: the search panel sits between favorite status and the Most Recent heading. */
.episode-page .series-page-search-panel + .series-category-head{margin-top:13px}
/* Raise only the series description beneath the title by 5px. */
.episode-page .series-brand-copy>.lead{margin-top:2px}

/* Series description: visually adjust independent of desktop flow and mobile grid spacing. */
@media(min-width:601px){.episode-page .series-brand-heading .series-brand-copy>.lead{transform:translateY(-15px)}}
@media(max-width:600px){.episode-page .series-brand-heading .series-brand-copy>.lead{transform:translateY(-3px)}}

/* Series pages, desktop only: lower the series label, title and description together by 8px. */
@media(min-width:851px){
.episode-page .series-brand-heading .series-brand-copy>.eyebrow,
.episode-page .series-brand-heading .series-brand-copy>h1{position:relative;top:8px}
.episode-page .series-brand-heading .series-brand-copy>.lead{transform:translateY(-7px)}
}

/* Desktop series pages: reduce only the space above Most Recent by 10px, shifting its following content in flow. */
@media(min-width:851px){.episode-page .series-page-search-panel + .series-category-head{margin-top:3px}}

/* Desktop series pages: lift the Recent heading and its following cards together without relying on collapsing top margins. */
@media(min-width:851px){.episode-page .series-page-search-panel + .series-category-head{position:relative;top:-10px;margin-bottom:4px}}

/* Desktop homepage: tighten the three upper-panel gaps by 1px, 2px and 2px. */
@media(min-width:851px){
main:has(> .my-library){padding-top:9px}
main>.my-library{margin-bottom:8px}
main>.my-library+.favorite-status+.home-discovery{gap:8px}
}

/* Homepage discovery panels: white surfaces and matching blue-gradient action buttons. */
.home-discovery>.home-discovery-panel{background:#fff}
.home-discovery>.home-discovery-panel .home-discovery-actions>.button{background:linear-gradient(125deg,#eaf6ff,#fff);color:#233247;border-color:#b7c0cb;box-shadow:none;padding:10px 14px;gap:8px;font-size:14px}
.home-discovery>.home-discovery-panel .home-discovery-actions>.button:hover{background:linear-gradient(125deg,#dceeff,#f4faff);color:#233247;border-color:#8fa3bc}
.home-discovery>.home-discovery-panel .home-discovery-actions>.button:focus-visible{outline:2px solid #0c4fba;outline-offset:3px}

/* Desktop homepage: center the My Library note across the panel. */
@media(min-width:851px){
main>.my-library>summary{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,auto) minmax(160px,1fr);column-gap:12px;align-items:center}
main>.my-library>summary>#my-library-title{justify-self:start}
main>.my-library>summary>.my-library-header-note{margin:0;text-align:center;justify-self:center}
main>.my-library>summary>.my-library-count{justify-self:end}
}

/* Mobile homepage: lift the My Library instruction sentences together by 5px. */
@media(max-width:850px){main>.my-library>.my-library-body>p{position:relative;top:-5px}}

/* Homepage My Library: keep the compact header identical when closed and expanded. */
main>.my-library>summary{padding-top:7.5px;padding-bottom:7.5px}
@media(max-width:600px){main>.my-library>summary{padding-top:5.5px;padding-bottom:5.5px}}
/* Mobile instructions belong to the expanded panel; lift them another 5px. */
@media(max-width:850px){
main>.my-library>summary>.my-library-header-note{display:none}
main>.my-library:not([open])>.my-library-body{display:none}
main>.my-library[open]>.my-library-body>p{position:relative;top:-10px}
}

/* Mobile expanded library: lift the instructions another 2px and tighten the following gap by 1px. */
@media(max-width:850px){
main>.my-library[open]>.my-library-body{padding-top:5px}
main>.my-library[open]>.my-library-body>p{margin-bottom:-3px}
}

/* Homepage controls: match the closed My Library panel and discovery button heights. */
main:has(>.my-library){--home-control-height:44px}
main>.my-library>summary{height:calc(var(--home-control-height) - 4px);padding-top:0;padding-bottom:0}
main>.home-discovery>.home-discovery-panel .home-discovery-actions>.button{height:var(--home-control-height);min-height:var(--home-control-height);padding-top:0;padding-bottom:0}
/* Mobile retains the existing compact library header, including its text line and borders. */
@media(max-width:850px){main:has(>.my-library){--home-control-height:calc(21px * 1.55 + 19px)}}
@media(max-width:600px){main:has(>.my-library){--home-control-height:calc(19px * 1.55 + 15px)}}
/* Homepage: shorten discovery buttons by 10px on every screen while keeping both labels centered. */
main>.home-discovery>.home-discovery-panel .home-discovery-actions>.button{height:calc(var(--home-control-height) - 10px);min-height:calc(var(--home-control-height) - 10px);align-items:center}

/* Mobile homepage: show Find a Video before Find a Series. */
@media(max-width:850px){
.home-discovery>.home-watch-panel{order:0}
.home-discovery>.home-library-panel{order:1}
}
/* Both layouts reserve the library button's Close List width so toggling never resizes it. */
.home-discovery>.home-library-panel .home-discovery-actions>.button{display:inline-grid;grid-template-columns:max-content auto;flex:0 0 auto;white-space:nowrap}
.home-library-panel .home-discovery-actions>.button::before{content:"Close List";visibility:hidden;grid-area:1/1;white-space:nowrap}
.home-library-panel .home-discovery-actions>.button>.library-label-desktop,.home-library-panel .home-discovery-actions>.button>.library-label-mobile{grid-area:1/1;justify-self:center;white-space:nowrap}
.home-library-panel .home-discovery-actions>.button>[aria-hidden]{grid-area:1/2}
/* Mobile list: another 4px from the left gives each equal-width column 2px more room. */
@media(max-width:850px){
.home-library-directory>.series-directory-list{padding-left:1px;padding-right:11px}
.home-library-directory .series-directory-link{padding-right:0}
/* Keep the 16px star artwork and 44px row target height; remove 2px after its artwork. */
.home-library-directory .series-directory-item>.favorite-star{flex-basis:22px;width:22px;padding:4px 2px 4px 4px}
}

/* Mobile series list: lift the footer row 20px and remove 10px of space below its text. */
@media(max-width:850px){
.home-library-directory>.series-directory-footer{margin-top:-20px;padding-bottom:0}
.home-library-directory>.series-directory-footer>.series-directory-request,.home-library-directory>.series-directory-footer>.series-directory-collapse{min-height:42px;padding-bottom:6px}
}

/* Homepage section headings share one type style at each responsive size. */
main>.home-discovery>.home-discovery-panel .home-discovery-heading h2,
main>#podcast-library #library-series-title{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:normal;color:var(--ink)}
@media(max-width:850px){
main>.home-discovery>.home-discovery-panel .home-discovery-heading h2,
main>#podcast-library #library-series-title{font-size:22px}
}

/* Homepage: leave 3px above the expanded series list at every screen width. */
main>.home-library-directory[open]{margin-top:3px}

/* My Library: show a title-colored down arrow while closed; reserve its space when open. */
main>.my-library>summary>#my-library-title::after{content:"";display:inline-block;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;vertical-align:middle;transform:translateY(-1px)}
main>.my-library[open]>summary>#my-library-title::after{visibility:hidden}

/* Mobile player: confirm the YouTube handoff with the library dialog's compact Yes/No layout. */
.player-youtube-confirm{width:388px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:26px 9px 27px;border:1px solid #c7d6e6;border-radius:18px;background:#fff;color:#192337;text-align:center;box-shadow:0 18px 55px #061b3433;overflow:auto}
.player-youtube-confirm::backdrop{background:#061b3473}
.player-youtube-confirm>h2{margin:0;font-size:clamp(16px,calc(6vw - 2.4px),22px);font-weight:800;line-height:1.3}
.player-youtube-confirm>p{margin:13px 0 0;color:#56687c;font-size:13px;line-height:1.45}
.player-youtube-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;width:calc(50% + 6.5px);margin:23px auto 0}
.player-youtube-confirm-actions>.button{min-height:54px;margin:0;padding:12px 14px;justify-content:center;font-size:16px;font-weight:800;line-height:1.4;text-decoration:none}
@media(max-width:900px){.episode-page .player-under-video>.player-help>summary{padding-right:166px}}
/* Mobile player panels: fixed headings, page-swipe gutters, and native scrolling at list edges. */
.player-panel-scroll-shell,.player-panel-scroll,.player-panel-scroll-content{display:contents}
.player-panel-scroll-end,.player-panel-scroll-rail{display:none}
@media(max-width:900px){
.episode-page .player-segments,.episode-page .player-topic-guides{margin-left:6px;margin-right:6px}
.episode-page .player-panel-scroll-shell{display:block;position:relative;min-width:0}
.episode-page .player-panel-scroll{display:block;max-height:min(calc(44vh + 43px),403px);max-height:min(calc(44dvh + 43px),403px);overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:auto;overflow-anchor:none;padding-right:12px;scrollbar-width:none}
.episode-page .player-panel-scroll::-webkit-scrollbar{display:none}
.episode-page .player-panel-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.episode-page .player-panel-scroll-content,.episode-page .player-panel-scroll-end{display:block}
.episode-page .player-panel-scroll-rail{display:block;position:absolute;top:0;right:0;bottom:0;width:4px;border-radius:4px;background:#dce6f0;pointer-events:none}
.episode-page .player-panel-scroll-rail>span{display:block;width:4px;border-radius:4px;background:#6488aa}
.episode-page .player-segments .player-panel-scroll ol{columns:1}
}
/* Desktop player panels: native draggable scrollbars and rows that can follow the current item. */
@media(min-width:901px){
.episode-page .player-panel-scroll-shell{display:block;position:relative;min-width:0}
.episode-page .player-panel-scroll{display:block;max-height:min(calc(48vh + 48px),488px);max-height:min(calc(48dvh + 48px),488px);overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:auto;overflow-anchor:none;padding-right:10px;scrollbar-width:auto;scrollbar-color:#6488aa #e5edf4}
.episode-page .player-panel-scroll::-webkit-scrollbar{width:14px}
.episode-page .player-panel-scroll::-webkit-scrollbar-track{background:#e5edf4;border-radius:7px}
.episode-page .player-panel-scroll::-webkit-scrollbar-thumb{background:#6488aa;border:3px solid #e5edf4;border-radius:7px}
.episode-page .player-panel-scroll::-webkit-scrollbar-thumb:hover{background:#426b91}
.episode-page .player-panel-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.episode-page .player-panel-scroll-content,.episode-page .player-panel-scroll-end{display:block}
.episode-page .player-segments .player-panel-scroll ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;columns:auto}
.episode-page .player-segments .player-panel-scroll li{margin:0;min-width:0}
}
@media(min-width:1100px){.episode-page .player-segments .player-panel-scroll ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1300px){.episode-page .player-segments .player-panel-scroll ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Keep guide-card top borders and rounded corners clear of the scrolling viewport edge. */
.episode-page .player-topic-guides .player-panel-scroll{padding-top:6px}
/* Mobile player panels: raise both by 5px and match their header rows to the 44px action buttons. */
@media(max-width:900px){
.episode-page .player-segments,.episode-page .player-topic-guides{margin-top:-5px}
.episode-page .player-segments-heading{height:44px;min-height:44px}
.episode-page .player-segments-heading h2{white-space:nowrap}
.episode-page .player-segments-heading .button,.episode-page .player-actions>[data-start-over-label],.episode-page .player-actions>.player-segments-link{height:44px;min-height:44px;padding-top:3px;padding-bottom:3px;line-height:18px}
}
@media(max-width:360px){
.episode-page .player-segments-heading,.episode-page .player-topic-guides .player-segments-heading{gap:4px}
.episode-page .player-segments-heading h2{font-size:16px}
.episode-page .player-segments-heading>.player-panel-controls{gap:4px}
.episode-page .player-segments-heading [data-panel-switch]{gap:4px;padding-left:5px;padding-right:5px}
}
/* Homepage bottom: 20px after the library; footer panel gaps are set below. */
#podcast-library>.podcast-grid{margin-bottom:0}
#podcast-library+.request-callout{margin:20px 0 0}
#podcast-library+.request-callout+.footer-watch-callout{margin:20px 0 0}
#podcast-library+.request-callout+.footer-watch-callout+.site-footer{margin-top:10px}
/* Mobile pages share the same request, video-discovery, and brand footer sequence. */
@media(min-width:851px){.request-callout.footer-mobile-only{display:none}}
@media(max-width:850px){
main>.request-callout:not(.footer-watch-callout),main>.episode-layout+.request-callout:not(.footer-watch-callout){margin-top:20px;margin-bottom:0}
main>.request-callout+.footer-watch-callout,#podcast-library+.request-callout+.footer-watch-callout{margin:10px 0 0}
main>.footer-watch-callout+.site-footer{margin-top:10px}
}
/* Desktop pages with all three footer sections match the gaps above and below video discovery. */
@media(min-width:851px){
main>.request-callout:not(.footer-watch-callout):not(.footer-mobile-only):has(+.footer-watch-callout){margin-bottom:0}
main>.request-callout:not(.footer-mobile-only)+.footer-watch-callout{margin-top:18px}
#podcast-library+.request-callout+.footer-watch-callout{margin-top:10px}
}
/* Keep the homepage headline in its original line box throughout its introductory sequence. */
.site-header-home .header-intro:has([data-home-headline]){min-width:0}
.site-header-home .header-intro h1[data-home-headline]{min-width:0}
.site-header-home [data-home-headline]>span{display:block;white-space:nowrap}
.site-header-home .header-intro h1.home-headline-ready{height:1.13em;display:flex;align-items:center}
.site-header-home .home-headline-ready>span{width:100%;min-width:0;transition:opacity .2s ease}
.site-header-home .home-headline-fading>span{opacity:0}
@media(prefers-reduced-motion:reduce){.site-header-home .home-headline-ready>span{transition:none}}
/* Mobile panel controls: 20px shallower, centered beside their headings. */
@media(max-width:900px){
.episode-page :is(.player-segments,.player-topic-guides) .player-panel-controls>.button{height:24px;min-height:24px;padding-top:2px;padding-bottom:2px;line-height:18px}
.episode-page .player-segments .player-segments-heading>.player-panel-controls,.episode-page .player-topic-guides .player-segments-heading>.player-panel-controls{align-self:center}
.episode-page .player-segments [data-panel-switch="episode-guide"],.episode-page .player-segments [data-panel-switch="episode-guide"]:hover{background:#fff;color:#233247;border-color:#b7c0cb}
}
/* Mobile player panels: raise headings 10px and reduce the gap before their lists by 10px. */
@media(max-width:900px){
.episode-page .player-segments>.player-segments-heading{margin-top:-10px;margin-bottom:2px}
.episode-page .player-topic-guides>.player-segments-heading{margin-top:-10px;margin-bottom:0}
}
/* Mobile player panels: move only the close buttons 3px to the right. */
@media(max-width:900px){
.episode-page .player-segments [data-segments-close],.episode-page .player-topic-guides [data-guides-close]{position:relative;left:3px}
}
/* Match the homepage discovery buttons on the player Play/Start Over action. */
.episode-page .player-actions>[data-start-over-label]{background:linear-gradient(125deg,#eaf6ff,#fff);color:#233247;border-color:#b7c0cb;box-shadow:none}
.episode-page .player-actions>[data-start-over-label]:hover{background:linear-gradient(125deg,#dceeff,#f4faff);color:#233247;border-color:#8fa3bc}
.episode-page .player-actions>[data-start-over-label]:focus-visible{outline:2px solid #0c4fba;outline-offset:3px}
/* Mobile: use the same blue-to-white gradient on Segments & Topic Guides. */
@media(max-width:900px){
.episode-page .player-actions>.player-segments-link{background:linear-gradient(125deg,#eaf6ff,#fff);color:#233247;border-color:#b7c0cb;box-shadow:none}
.episode-page .player-actions>.player-segments-link:hover{background:linear-gradient(125deg,#dceeff,#f4faff);color:#233247;border-color:#8fa3bc}
.episode-page .player-actions>.player-segments-link:focus-visible{outline:2px solid #0c4fba;outline-offset:3px}
}
/* Mobile YouTube confirmation: scalable artwork between the heading and playback note. */
.player-youtube-confirm>.player-youtube-confirm-art{display:block;width:140px;max-width:100%;height:auto;margin:12px auto 0}
/* Desktop install link and the phone installation page. */
.site-nav a.nav-phone-app{display:none}
@media(min-width:851px){.site-nav a.nav-phone-app{display:inline-flex;gap:7px;color:#77d9ff}.site-nav a.nav-phone-app:hover{color:#fff}.nav-phone-app>svg{display:block;flex:0 0 17px;width:17px;height:21px}}
.mobile-app-page{display:flex;flex-direction:column;gap:24px;margin:0}
.mobile-app-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,410px);align-items:center;gap:34px;padding:32px;border:1px solid #cbdcee;border-radius:18px;background:#fff}
.mobile-app-intro{min-width:0}
.mobile-app-intro>.eyebrow{color:#0c6c9a;margin:0 0 14px}
.mobile-app-intro>h1{font-size:clamp(29px,3.2vw,40px);line-height:1.16;letter-spacing:-.6px;margin:0 0 16px;color:#192337}
.mobile-app-lead{max-width:430px;margin:0 0 13px;font-size:18px;line-height:1.5;color:#51677c}
.mobile-app-benefits{margin:0;color:#0b5c83;font-size:13px;font-weight:700;line-height:1.5}
.mobile-app-qr{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;margin-top:26px;padding:12px;border:1px solid #d5e5f2;border-radius:14px;background:#f3f9fe}
.mobile-app-qr-link{display:block;border-radius:8px;background:#fff}
.mobile-app-qr-link>img{display:block;width:132px;height:132px}
.mobile-app-qr h2{margin:0 0 7px;font-size:18px;line-height:1.25}
.mobile-app-qr p{margin:0;font-size:14px;line-height:1.5;color:#51677c}
.mobile-app-qr p>a{white-space:nowrap;font-weight:700}
.mobile-app-steps-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;text-decoration:none}
.mobile-app-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;min-width:0}
.mobile-app-previews>figure{min-width:0;margin:0}
.mobile-app-previews>figure+figure{margin-top:30px}
.mobile-app-phone{overflow:hidden;border:5px solid #102a43;border-radius:25px;background:#061b34;box-shadow:0 10px 22px #1239581f}
.mobile-app-phone>img{display:block;width:100%;height:auto}
.mobile-app-previews figcaption{margin-top:12px;color:#51677c;font-size:12px;font-weight:600;line-height:1.4;text-align:center}
.mobile-app-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;scroll-margin-top:18px}
.mobile-app-step-card{min-width:0;padding:24px 26px;border:1px solid #cbdcee;border-radius:15px;background:#fff}
.mobile-app-step-card>.eyebrow{color:#0c6c9a;margin-bottom:7px}
.mobile-app-step-card>h2{margin:0 0 16px;font-size:23px;line-height:1.25}
.mobile-app-step-card>ol{margin:0;padding-left:23px;color:#51677c;font-size:15px;line-height:1.6}
.mobile-app-step-card li{padding-left:3px;margin:0 0 12px}
.mobile-app-step-card strong{color:#233247}
.mobile-app-help-link{font-size:13px;text-decoration:none}
.mobile-app-footnote{margin:0 4px;color:#64788a;font-size:13px;line-height:1.5}
.mobile-app-phone-action{display:none}
@media(min-width:851px) and (max-width:1050px){.mobile-app-hero{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:24px;padding:26px}.mobile-app-qr{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:10px}.mobile-app-qr-link>img{width:104px;height:104px}}
@media(max-width:850px){
.mobile-app-page{gap:20px}
.mobile-app-hero{display:contents}
.mobile-app-intro{order:0;padding:23px;border:1px solid #cbdcee;border-radius:15px;background:#fff}
.mobile-app-intro>h1{font-size:clamp(27px,6.8vw,36px)}
.mobile-app-lead{font-size:16px;max-width:none}
.mobile-app-qr{display:none}
.mobile-app-phone-action{display:block;margin-top:20px}
.mobile-app-phone-action>.button{width:auto;min-height:44px;padding:10px 16px;background:linear-gradient(125deg,#eaf6ff,#fff);color:#233247;border-color:#b7c0cb}
.mobile-app-phone-action>p{margin:10px 0 0;font-size:13px;line-height:1.5;color:#64788a}
.mobile-app-steps{order:1;grid-template-columns:minmax(0,1fr);gap:16px}
.mobile-app-step-card{padding:22px}
.mobile-app-previews{order:2;width:100%;max-width:410px;align-self:center;gap:14px;padding:0 4px}
.mobile-app-previews>figure+figure{margin-top:20px}
.mobile-app-phone{border-width:4px;border-radius:21px}
.mobile-app-previews figcaption{font-size:11px;margin-top:9px}
.mobile-app-footnote{order:3;font-size:12px}
}

/* Homepage: connect the full-width My Library band to the header, with aligned content below. */
main.home-page{--home-page-gutter:24px;--home-content-width:1052px;max-width:none;padding-top:0;padding-inline:0}
main#main.home-page>:not(.my-library):not(.favorite-status){width:calc(100% - var(--home-page-gutter) - var(--home-page-gutter));max-width:var(--home-content-width);margin-inline:auto}
main.home-page>.my-library{margin:0 0 10px;border:0;border-radius:0;background:var(--wash);overflow:hidden}
main.home-page>.my-library>summary{padding-inline:max(var(--home-page-gutter),calc((100% - var(--home-content-width))/2));background:#f1f7fd;border-bottom:1px solid #bdd3e9;border-radius:0}
main.home-page>.my-library>summary>#my-library-title{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:normal;color:var(--ink)}
main.home-page>.my-library>.my-library-body{width:calc(100% - var(--home-page-gutter) - var(--home-page-gutter));max-width:var(--home-content-width);margin-inline:auto;padding:10px 0 10px}
main.home-page>.my-library>.my-library-body>p{position:static;top:auto;margin:0 0 12px}
/* Keep ordinary page clearance when the favorites component is unavailable or hidden. */
main.home-page:has(>.my-library[hidden]){padding-top:9px}
@media(max-width:850px){main.home-page:has(>.my-library[hidden]){padding-top:4px}}
@media(max-width:600px){main.home-page{--home-page-gutter:14px}}

/* Homepage favorites: slightly wider cards and tighter spacing around their artwork. */
main.home-page>.my-library{--favorite-tile-width:109.5px}
main.home-page>.my-library[open]{margin-bottom:0}
main.home-page>.my-library .my-library-grid>.series-favorite-card{row-gap:4px}
main.home-page>.my-library .my-library-grid .favorite-star{right:2px}
@media(max-width:850px){
main.home-page>.my-library{--favorite-tile-width:min(117.5px,calc((100vw - 45.5px)/3));margin-bottom:8px}
main.home-page>.my-library>.my-library-body{padding-top:11px;padding-bottom:7px}
main.home-page>.my-library .my-library-grid>.series-favorite-card{row-gap:2px}
main.home-page>.my-library .my-library-grid .podcast-head-text>*,
main.home-page>.my-library .my-library-grid .podcast-toggle{transform:translateX(1px)}
}

/* Empty library: reveal the desktop stars and lift mobile copy without changing its footprint. */
@media(min-width:851px){
main.home-page>.my-library .my-library-empty{margin-top:-13px;padding-bottom:1px}
main.home-page>.my-library.is-empty>.my-library-body{padding-bottom:7px}
}
@media(max-width:850px){
main.home-page>.my-library .my-library-empty>p{position:relative;top:-3px}
}