/* Phone and tablet layouts. Keep reading and tapping comfortable at narrow widths. */
@media(max-width:1000px) and (min-width:721px){
 .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-title{font-size:21px}.card-meta,.card-bottom{font-size:13px}.card-description{font-size:14px}.save-button{width:44px;height:44px}
}
@media(max-width:900px){
 :root{scroll-padding-top:88px}
 .mobile-header{display:flex;height:72px;padding:0 24px;border:0;border-bottom:1px solid var(--ink);position:sticky;top:0;z-index:40;background:var(--cream);justify-content:space-between;align-items:center}
 .mobile-wordmark{display:flex;align-items:center;gap:10px;min-width:0}.mobile-wordmark>img{width:48px;height:48px;object-fit:contain}.mobile-wordmark>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:800;line-height:.95;color:var(--red);letter-spacing:-.4px}.mobile-wordmark small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.7px;color:var(--ink);margin-top:6px}
 .mobile-header .icon-button{width:44px;height:44px;font-size:23px;border:1px solid #d4d0c7;border-radius:0;flex-shrink:0}
 .site-header{display:none;position:fixed;top:72px;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;height:auto;padding:12px 24px 24px;border-bottom:3px solid var(--red);z-index:35;box-shadow:0 12px 20px #0002;background:var(--cream)}.site-header.open{display:block}.site-header .brand{display:none}.site-header nav{display:flex;flex-direction:column;gap:0;margin:0;align-items:stretch}.site-header .nav-item{padding:16px 0;min-height:52px;font-size:16px}.site-header .nav-item.active:after{bottom:4px}.site-header .spotify-top{font-size:14px;max-width:none;min-height:48px;padding:13px;margin-top:18px}.site-header .spotify-label-prefix{display:inline}
}
@media(max-width:720px){
 :root{--phone-gutter:20px;scroll-padding-top:88px}main{padding:0 var(--phone-gutter)}
 .mobile-header{padding:0 var(--phone-gutter)}.site-header{padding-left:var(--phone-gutter);padding-right:var(--phone-gutter)}
 .hero,.comedy-ticker,.closing-note,.site-footer{margin-left:calc(-1 * var(--phone-gutter));margin-right:calc(-1 * var(--phone-gutter))}
 .hero,.closing-note,.site-footer{padding-left:var(--phone-gutter);padding-right:var(--phone-gutter)}
 .hero{padding-top:16px}.hero-copy{padding-top:23px}
 .hero h1{font-size:clamp(58px,17vw,112px);letter-spacing:-1px;margin-bottom:20px;gap:0 8px;max-width:560px}.hero h1>.outline-word{font-size:1.55em}.hero-copy>p{font-size:15px;line-height:1.65;max-width:390px}
 .hero-actions{gap:14px;margin-top:20px;flex-wrap:wrap}.hero-browse{font-size:14px;min-height:48px;padding:12px 16px;gap:16px}.surprise-button{min-height:48px;font-size:13px;padding:12px 0}
 .hero-stage{padding:26px 0 0;max-width:none}.stage-caption{justify-content:space-between;font-size:9px;letter-spacing:1.4px;margin-bottom:9px}.stage-caption .stage-rule{display:none}.stage-caption:after{content:'SWIPE →';font-size:9px;letter-spacing:1px;opacity:.85}
 .host-posters{height:230px;gap:12px;margin:0 calc(-1 * var(--phone-gutter));padding:16px var(--phone-gutter) 20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--phone-gutter);overscroll-behavior-x:contain;perspective:none;scrollbar-width:thin;scrollbar-color:#f7f5ee70 transparent;align-items:center}
 .host-poster,.host-poster:hover,.host-poster:focus-visible{flex:0 0 112px;height:190px;scroll-snap-align:start;transform:none;--rise:0px;border-width:2px;animation:none;box-shadow:3px 4px 0 #7d182b5c}.host-poster img{object-position:var(--photo-position,50% 20%)}.poster-name{font-size:25px;left:8px;bottom:12px;letter-spacing:-.2px}.poster-name small{font-size:8px;margin-bottom:7px}.poster-name>span{font-size:.65em}
 .stage-bottom{display:none}.archive-ticket{position:relative;right:auto;bottom:auto;margin:14px 3px 0 auto;width:228px;padding:11px 14px 9px;transform:none}.archive-ticket strong{font-size:42px}.archive-ticket div>span{font-size:8px}.ticket-note{font-size:7px}
 .search-section{padding-top:32px;scroll-margin-top:88px}.search-intro{margin-bottom:20px}.search-intro .eyebrow{font-size:10px;letter-spacing:1px}.search-intro h2{font-size:clamp(34px,9.4vw,48px);max-width:400px;line-height:1.05}.search-box{height:64px;padding:5px 5px 5px 13px;gap:10px}.search-box input,.search-box input::placeholder{font-size:16px}.search-box>svg{width:20px;height:20px}.search-submit{height:52px;padding:0 14px;font-size:14px;gap:0}.search-submit svg{display:none}.spoken-search-status{font-size:13px;line-height:1.6;margin-top:15px}
 .search-suggestions{gap:6px 9px;margin-top:16px}.search-suggestions>span{font-size:10px}.search-suggestions button{font-size:13px;min-height:44px;padding:6px 9px;border:1px solid #d9d3c8;line-height:1.4;background:#fff9}
 .home-discovery{margin-top:28px;gap:28px}.latest-heading .eyebrow,.trip-heading .eyebrow{font-size:10px}.latest-heading>span:last-child,.trip-heading>span:last-child{font-size:9px;max-width:140px;text-align:right}.latest-body{grid-template-columns:112px minmax(0,1fr);gap:16px}.latest-meta{font-size:11px;line-height:1.5}.latest-title{font-size:31px;overflow-wrap:anywhere}.latest-body p{font-size:13px;line-height:1.7}.latest-source{font-size:13px;min-height:44px}.latest-source svg{width:17px;height:17px}.trip-picks>button{min-height:88px}.trip-picks>button>span:nth-child(2){font-size:26px}.trip-picks small{font-size:13px;line-height:1.65}.trip-number{font-size:11px}
 .topic-strip{gap:8px}.topic-strip>span{font-size:13px}.topic-strip button{font-size:13px;min-height:44px;padding:9px 12px}.coverage-strip{display:grid;grid-template-columns:6px minmax(0,1fr);gap:5px 9px;font-size:12px;line-height:1.7;align-items:start}.coverage-strip .green-dot{margin-top:8px}.coverage-strip button{grid-column:2;max-width:none;min-height:38px;text-align:left;font-size:12px;width:fit-content}
 .library-section{padding-top:28px}.section-eyebrow{font-size:10px}.section-heading h2{font-size:44px}.section-heading p{font-size:14px;max-width:none}.filters{padding-top:20px;gap:16px}.filter-tabs{gap:22px}.filter-tabs button{font-size:14px;min-height:44px}.filter-tabs button span{font-size:11px}.select-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;gap:12px}.select-filters select{height:52px;font-size:16px;line-height:1.3;padding:12px 38px 12px 14px;color:#575047;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23575047' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px;text-overflow:ellipsis}.select-filters .layout-button{width:46px;height:52px}.active-filters button{font-size:13px;min-height:40px}
 .episode-grid{gap:30px 20px}.episode-number-row{font-size:11px;letter-spacing:0}.card-meta{font-size:12px}.card-title{font-size:21px;line-height:1.3}.card-description{font-size:14px;line-height:1.65}.card-tag{font-size:12px;min-height:34px}.card-bottom{font-size:12px;gap:7px;flex-wrap:wrap}.card-bottom .source-spotify{font-size:13px;min-height:44px}.source-spotify svg{width:16px;height:16px}.save-button{width:44px;height:44px;margin-left:auto}.save-button svg{width:20px;height:20px}.transcript-match{font-size:14px;line-height:1.6;padding:9px 0 9px 10px}.transcript-match>span{font-size:12px}.load-row{gap:15px}.load-row>button{width:100%;min-height:50px;font-size:14px}.load-row>span{font-size:12px}
 .people-grid{grid-template-columns:1fr}.person-card{min-height:88px;gap:16px}.person-card strong{font-size:18px}.person-card small{font-size:13px}.person-avatar{width:48px;height:48px;font-size:18px}
 .closing-bottom{flex-wrap:wrap}.closing-bottom p{font-size:14px}.closing-bottom a{font-size:11px;min-height:44px;gap:14px}
 .footer-main{grid-template-columns:100px minmax(0,1fr);gap:15px}.footer-artwork{width:100px}.footer-wordmark{font-size:32px}.footer-kicker{font-size:9px;letter-spacing:1px}.footer-identity p{font-size:12px}.footer-identity p br{display:initial}.footer-links>a{min-height:52px;font-size:14px}.footer-bottom{gap:18px}.footer-credit{min-height:44px;font-size:13px}
 /* A full-width episode sheet leaves room for the title, actions, and transcript. */
 dialog{overscroll-behavior:contain}.episode-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow-y:auto;overscroll-behavior-y:contain}.episode-dialog .dialog-close{position:sticky;top:12px;float:right;width:44px;height:44px;margin:12px 16px -56px 0;background:var(--cream);border-color:#d8d1c7;z-index:5}
 .detail-top{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:16px;row-gap:9px;padding:76px 20px 24px;align-items:start}.detail-top>div{display:contents}.detail-cover{width:88px;grid-column:1;grid-row:1/4}.detail-top .eyebrow{grid-column:2;font-size:10px;line-height:1.6;letter-spacing:1px}.detail-top h2{grid-column:2;font-size:34px;line-height:1.05;margin:0;overflow-wrap:anywhere}.detail-meta{grid-column:2;font-size:13px;line-height:1.6}.detail-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:12px 0 0}.detail-actions .primary-button{grid-column:1/-1}.detail-actions .primary-button,.detail-actions .outline-button{justify-content:center;min-height:48px;font-size:14px;padding:12px 14px}.detail-actions svg{width:18px;height:18px}
 .detail-content{padding:20px 20px 40px;padding-bottom:max(40px,env(safe-area-inset-bottom))}.detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-tabs button{font-size:14px;line-height:1.6;min-height:54px;padding:8px 0 12px}.detail-description{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.detail-note{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.detail-tags{gap:8px}.detail-tags button{min-height:40px;font-size:13px}.spotify-embed{max-width:100%}
 .transcript-controls{gap:12px}.transcript-controls input{font-size:16px;min-height:48px;padding:12px;flex-basis:100%;min-width:0}.transcript-controls .outline-button{font-size:13px;min-height:44px}.transcript-line{gap:12px;font-size:16px;line-height:1.8;padding:14px 0}.timestamp{font-size:12px;min-width:64px;min-height:44px;align-self:flex-start}.transcript-speaker{font-size:12px}.transcript-more{min-height:48px;font-size:14px}
 .info-dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:65px 22px 28px}.info-dialog .dialog-close{width:44px;height:44px}.info-dialog h2{font-size:36px}.info-dialog p,.info-dialog li{font-size:15px;line-height:1.8}.info-callout{font-size:14px}.stat-grid{grid-template-columns:1fr;gap:16px}.stat-grid>div{display:flex;gap:16px;align-items:center}.stat-grid strong{font-size:40px;min-width:94px}.stat-grid span{font-size:13px}.source-link{font-size:14px;overflow-wrap:anywhere}.toast{font-size:14px;max-width:calc(100vw - 32px);white-space:normal;padding:12px 18px;bottom:max(18px,env(safe-area-inset-bottom))}
}
@media(max-width:480px){
 .episode-grid{grid-template-columns:1fr;gap:0;margin-top:12px}.episode-card,.list-view .episode-card{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:16px;align-items:start;padding:24px 0;border-bottom:1px solid var(--border)}.card-image,.list-view .card-image{width:104px;grid-column:1;align-self:start}.card-body,.list-view .card-body{padding:0;min-width:0}.card-title,.list-view .card-title{font-size:22px;margin:8px 0;overflow-wrap:anywhere}.episode-number-row,.list-view .episode-number-row{font-size:11px;gap:8px;justify-content:space-between;flex-wrap:wrap}.card-description,.list-view .card-description{font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.card-tags{display:none}.card-bottom,.list-view .card-bottom{font-size:12px;justify-content:flex-start;gap:4px 8px;padding-top:3px;border:0}.card-meta{font-size:12px}.save-button{margin-left:0}.transcript-match{margin:8px 0}.list-view .transcript-match{display:block}
 .list-view .episode-card{grid-template-columns:72px minmax(0,1fr)}.list-view .card-image{width:72px}.list-view .card-description{display:none}
}
@media(max-width:360px){
 :root{--phone-gutter:16px}.mobile-wordmark{gap:7px}.mobile-wordmark>img{width:42px;height:42px}.mobile-wordmark>span{font-size:25px}.mobile-wordmark small{font-size:7px}.hero-copy>p{font-size:14px}.hero-actions{gap:12px}.hero-browse{font-size:13px;padding:12px;gap:10px}.surprise-button{font-size:12px}.search-box{gap:8px;padding-left:10px}.search-box>svg{display:none}.search-submit{padding:0 11px}.latest-body{grid-template-columns:90px minmax(0,1fr);gap:14px}.latest-title{font-size:29px}.episode-card{grid-template-columns:88px minmax(0,1fr);column-gap:14px}.card-image{width:88px}.card-title{font-size:21px}.footer-main{grid-template-columns:80px minmax(0,1fr);gap:12px}.footer-artwork{width:80px}.footer-wordmark{font-size:29px}.footer-kicker{font-size:8px}.detail-top{grid-template-columns:72px minmax(0,1fr);gap:10px 14px}.detail-cover{width:72px}.detail-top h2{font-size:30px}
}
@media(hover:none){.host-poster:hover img{filter:grayscale(1) contrast(1.09);transform:none}}
@media(max-width:720px){
 body:has(dialog[open]){overflow:hidden}
 .select-filters .guest-filter-wrap{grid-column:1/-1;grid-row:1}.select-filters #year-filter{grid-column:1;grid-row:2}.select-filters #sort-filter{grid-column:2;grid-row:2}.select-filters .layout-button{grid-column:3;grid-row:2}
 .card-meta,.episode-number-row{color:#766c61}.card-description{color:#6c6257}
}
@media(max-width:360px){.select-filters{grid-template-columns:minmax(0,1fr) 46px}.select-filters #year-filter{grid-column:1/-1;grid-row:2}.select-filters #sort-filter{grid-column:1;grid-row:3}.select-filters .layout-button{grid-column:2;grid-row:3}}

@media(max-width:360px){.mobile-wordmark>.site-logo{--logo-size:42px}}

@media(max-width:720px){
 .search-toolbar{grid-template-columns:minmax(0,1fr);gap:16px}
 .search-toolbar .search-box{height:64px;gap:10px;padding:5px 5px 5px 13px}
 .search-toolbar .search-submit{height:52px;padding:0 14px}
 .search-toolbar .select-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;gap:12px}
 .search-toolbar .select-filters select{height:52px;font-size:16px}
 .search-toolbar .select-filters .layout-button{width:46px;height:52px}
 .search-toolbar .guest-filter-wrap{grid-column:1/-1;grid-row:1}
 .search-toolbar #year-filter{grid-column:1;grid-row:2}
 .search-toolbar #sort-filter{grid-column:2;grid-row:2}
 .search-toolbar .layout-button{grid-column:3;grid-row:2}
}
@media(max-width:360px){.search-toolbar .select-filters{grid-template-columns:minmax(0,1fr) 46px}.search-toolbar #year-filter{grid-column:1/-1;grid-row:2}.search-toolbar #sort-filter{grid-column:1;grid-row:3}.search-toolbar .layout-button{grid-column:2;grid-row:3}}

@media(max-width:720px){.search-preview-option{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:12px}.search-preview-option img{width:44px;height:44px}.search-preview-title{font-size:16px}.search-preview-meta{font-size:11px}.search-preview-person{grid-template-columns:1fr}.search-preview-heading{padding:11px 12px}.search-preview-all{font-size:14px;min-height:48px}}

/* Keep the studio neon in view behind the mobile hero. */
@media(max-width:720px){.hero::before{background-position:center,center,43% center;background-image:linear-gradient(90deg,#08080cc9,#08080c80),linear-gradient(0deg,#08080c55,transparent 65%),url("assets/koolpals-studio-logo-tv.webp")}}

@media(max-width:720px){.closing-photo{object-position:center 28%}.closing-note::before{background:linear-gradient(90deg,#08080bbd,#08080b73),linear-gradient(0deg,#08080bc9,transparent 70%)}}

@media(max-width:720px){.closing-photo-frame>.closing-photo{object-position:center 28%}}

@media(max-width:720px){
 .hero .hero-headline{grid-template-columns:max-content max-content;justify-content:start;gap:8px 12px;width:100%;max-width:520px;font-size:clamp(50px,16.4vw,108px);line-height:.9;letter-spacing:-.035em;margin-bottom:25px}
 .hero .hero-headline>.hero-title-line:nth-child(2){justify-self:start;margin-left:0;-webkit-text-stroke:1px var(--cream)}
 .hero .hero-headline>.hero-title-repeat{grid-column:1/-1;justify-self:start;width:max-content;margin:0;font-size:1.48em;line-height:.88;padding:0;box-shadow:none}
}

@media(max-width:720px){.search-loading{min-height:220px;padding:30px 18px;gap:14px}.search-loading strong{font-size:17px}.search-loading p{font-size:13px}.search-loading-compact{min-height:132px;padding:20px 12px}.search-loading-compact strong{font-size:15px}.search-loading-compact p{font-size:12px}}