/* /podcast: The If Possible Podcast landing page (Oct 27). Built from the 4.0 system; everything here is pc-. */

/* ---------- shared */
/* Nov 2: one spacing scale for the hub and the episode pages (Scott: even, roomier rhythm). Every vertical gap on
   these pages is one of these steps: sections 120 (hub) or 96 (episode), blocks 64 or 48, groups 32 or 24, items 16
   or 12, small 8 or 4. Phones step each one down. */
.hp{--ps-1:4px;--ps-2:8px;--ps-3:12px;--ps-4:16px;--ps-5:24px;--ps-6:32px;--ps-7:48px;--ps-8:64px;--ps-9:96px;--ps-10:120px}
.hp .pc-head{display:flex;flex-direction:column;gap:var(--ps-4);max-width:780px;margin-bottom:var(--ps-7)}
.hp .pc-head .lead{margin:0}
.hp .pc-ico{width:18px;height:18px;fill:currentColor;flex:none}
.hp .pc-play{border:0;cursor:pointer;font-family:inherit}
.hp .pc-play .pc-len{font-family:var(--f-mono);font-size:12.5px;font-weight:400;letter-spacing:.04em;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,currentColor 12%,transparent)}
.hp .pc-play.is-on .pc-ico{animation:pcPulse 1.4s ease-in-out infinite}
.hp .pc-play.pc-soon .pc-len{display:none}
@keyframes pcPulse{50%{transform:scale(.82);opacity:.7}}

/* ---------- hero */
.hp .pc-hero .hero{padding-block:var(--ps-8) var(--ps-7)}
.hp .pc-hero .hero .copy{gap:var(--ps-6)}
.hp .pc-hero .hero{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}
.hp .hero .ctas.pc-hero-ctas{flex-wrap:wrap;gap:var(--ps-4)}
.hp .pc-onair{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:999px;background:var(--dk);color:#fff;font-stretch:120%;font-weight:650;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase}
.hp .pc-onair i{font-style:normal;opacity:.55}
.hp .pc-lamp{width:9px;height:9px;border-radius:50%;background:#ff5a4e;box-shadow:0 0 0 4px rgba(255,90,78,.22),0 0 14px 3px rgba(255,90,78,.6);animation:pcLamp 2.4s ease-in-out infinite}
@keyframes pcLamp{50%{box-shadow:0 0 0 4px rgba(255,90,78,.1),0 0 6px 1px rgba(255,90,78,.35);opacity:.75}}
.hp .pc-big{font-size:17px;padding:19px 26px}
.hp .pc-follow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-weight:650;font-size:15px}
.hp .pc-follow .wc{color:var(--ink2);font-size:11px;letter-spacing:.18em}
.hp .pc-follow a{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent);text-underline-offset:4px}
.hp .pc-follow a:hover{text-decoration-color:currentColor}
.hp .pc-follow-dark .wc{color:var(--ink2D)}
.hp .pc-follow-dark a{color:#fff;text-decoration-color:rgba(255,255,255,.35)}
.hp .pc-art{position:relative;justify-self:center;width:min(100%,460px)}
.hp .pc-cover{border-radius:var(--rad-card,10px);overflow:hidden;box-shadow:0 0 0 8px #fff,0 2px 6px 8px rgba(16,34,52,.06),0 40px 70px -24px rgba(16,34,52,.45);transform:rotate(-2.5deg)}
.hp .pc-cover img{display:block;width:100%;height:auto}
.hp .pc-eq{position:absolute;left:28px;bottom:-30px;display:flex;align-items:flex-end;gap:5px;height:64px;padding:12px 14px;background:#fff;border-radius:12px;box-shadow:var(--card-sh);transform:rotate(-4deg)}
.hp .pc-eq i{display:block;width:7px;border-radius:4px;background:var(--acc);height:30%;animation:pcEq 1.1s ease-in-out infinite alternate}
.hp .pc-eq i:nth-child(2){animation-delay:-.4s;background:#e866b9}
.hp .pc-eq i:nth-child(3){animation-delay:-.8s}
.hp .pc-eq i:nth-child(4){animation-delay:-.2s;background:#cbabf2}
.hp .pc-eq i:nth-child(5){animation-delay:-.6s}
.hp .pc-eq i:nth-child(6){animation-delay:-1s;background:#e866b9}
.hp .pc-eq i:nth-child(7){animation-delay:-.3s}
@keyframes pcEq{0%{height:22%}40%{height:95%}70%{height:48%}100%{height:78%}}
.hp .pc-sticker{position:absolute;right:-18px;top:28px;padding:9px 14px;background:#f5ec8a;color:var(--dk);font-weight:750;font-stretch:90%;font-size:14px;text-transform:uppercase;letter-spacing:.04em;transform:rotate(6deg);box-shadow:0 10px 24px -10px rgba(16,34,52,.4)}
.hp .pc-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hp .pc-stats-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--ps-7)}
.hp .pc-stats li{display:flex;flex-direction:column;gap:6px;padding:26px 0 24px}
.hp .pc-stats li+li{padding-left:30px;border-left:1px solid var(--line)}
.hp .pc-stats b{font-stretch:72%;font-weight:850;font-size:56px;line-height:1;color:var(--ink)}
.hp .pc-stats span{font-family:var(--f-mono);font-size:13px;color:var(--ink2)}

/* ---------- chooser */
.hp .pc-choose{padding-block:110px}
.hp .pc-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hp .pc-pick{display:flex;flex-direction:column;gap:14px;background:var(--card,#fff);padding:30px 26px 26px;border-radius:var(--rad-card,10px);box-shadow:var(--card-sh)}
.hp .pc-about{margin:0;font-family:var(--f-mono);font-size:12.5px;color:var(--ink2)}
.hp .pc-topic{margin:-6px 0 0;font-stretch:80%;font-weight:800;text-transform:uppercase;font-size:26px;line-height:1.02;color:var(--ink)}
.hp .pc-then{margin:0;font-family:var(--f-mono);font-size:13px;color:var(--acc)}
.hp .pc-then b{font-family:var(--f-sans);font-weight:700;color:var(--ink)}
.hp .pc-pick .body{margin:0;flex:1}
.hp .pc-mid{align-self:flex-start;font-size:15px;padding:13px 18px}

/* ---------- the season: ten boxes, two columns */
.hp .pc-season{padding-block:var(--ps-10)}
.hp .pc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ps-5)}
.hp .pc-card{display:flex;flex-direction:column;gap:var(--ps-3);padding:var(--ps-6);border-radius:var(--rad-card,10px);background:var(--card,#fff);box-shadow:var(--card-sh);scroll-margin-top:100px;transition:box-shadow .2s ease,transform .2s ease}
.hp .pc-card:hover{transform:translateY(-2px);box-shadow:var(--card-sh),0 22px 40px -26px rgba(16,34,52,.45)}
.hp .pc-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.hp .pc-n::before{content:attr(data-n)}.hp .pc-n{font-stretch:72%;font-weight:850;font-size:46px;line-height:.9;color:color-mix(in srgb,var(--ink) 22%,transparent);transition:color .2s ease}
.hp .pc-card:hover .pc-n,.hp .pc-card:has(.is-on) .pc-n{color:var(--acc)}
.hp .pc-start{margin-right:auto;padding:5px 10px;border-radius:99px;background:#fcf5ca;font-family:var(--f-mono);font-size:12px;color:var(--ink)}
.hp .pc-card-len{font-family:var(--f-mono);font-size:12.5px;color:var(--ink2);white-space:nowrap}
.hp .pc-ep-t{margin:0;font-stretch:80%;font-weight:800;text-transform:uppercase;font-size:28px;line-height:1;color:var(--ink)}
.hp .pc-card .body{margin:0;flex:1}
.hp .pc-card .pc-play{align-self:flex-start;margin-top:6px}
.hp .pc-small{font-size:15px;padding:12px 18px}
.hp .pc-card:has(.is-on){box-shadow:inset 0 0 0 2px var(--dk,#10283c),0 22px 40px -26px rgba(16,34,52,.45)}

/* ---------- hosts and quotes */
.hp .pc-hosts{padding-block:var(--ps-10)}
.hp .pc-hosts .pc-stats-3{margin-bottom:0}
.hp .pc-hosts .reels{margin-top:var(--ps-8)}
/* the quote wall's own .quotes block already pads 120 (64 on phones): the section adds nothing */
.hp .pc-quotes{padding-block:0}
.hp .pc-quotes .quotes{padding-block:var(--ps-10)}
.hp .pc-quotes .quotes-top{gap:var(--ps-4);margin-bottom:var(--ps-7)}
.hp .pc-closer .closer{padding-block:var(--ps-10)}
.hp .pc-qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hp .pc-qs figure{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:22px;background:var(--card,#fff);padding:30px 28px;border-radius:var(--rad-card,10px);box-shadow:inset 0 0 0 2px var(--dk,#10283c)}
.hp .pc-qs blockquote{margin:0;font-family:var(--f-serif);font-style:italic;font-size:23px;line-height:1.3;color:var(--ink)}
.hp .pc-qs figcaption{display:flex;flex-direction:column;gap:4px}
.hp .pc-qs figcaption b{font-stretch:110%;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.hp .pc-qs figcaption span{font-family:var(--f-mono);font-size:12.5px;color:var(--ink2)}

/* ---------- Season 2 sign-up (dark) */
.hp .pc-notify{padding-block:var(--ps-10)}
.hp .pc-notify-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ps-8);align-items:center}
.hp .pc-notify .pc-head{margin:0}
.hp .pc-notify .lead{color:var(--ink2D)}
.hp .pc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:rgba(255,255,255,.05);padding:28px;border-radius:var(--rad-card,10px);box-shadow:inset 0 0 0 1px var(--lineD)}
.hp .pc-form input[type=text],.hp .pc-form input[type=email]{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);border-radius:var(--rad,6px);padding:14px 16px}
.hp .pc-form input::placeholder{color:#fff;opacity:.55}
.hp .pc-form input:focus-visible{outline:2px solid var(--accD);outline-offset:1px}
.hp .pc-form input[name=company],.hp .pc-form button,.hp .pc-form .if-form-message,.hp .pc-form .pc-fine{grid-column:1/-1}
.hp .pc-form button{justify-content:center;border:0;cursor:pointer;font-family:inherit;font-size:17px}
.hp .pc-form .if-form-message{margin:2px 0 0;font-size:15px;font-weight:600;color:#fff!important}
.hp .pc-fine{margin:0;font-family:var(--f-mono);font-size:12.5px;color:var(--ink2D)}

/* ---------- FAQ */
.hp .pc-faq{padding-block:var(--ps-10)}
.hp .pc-faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--ps-8);align-items:start}
.hp .pc-faq-list{border-top:1.5px solid var(--ink)}
.hp .pc-faq-list details{border-bottom:1px solid var(--line)}
.hp .pc-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:650;font-size:18px;color:var(--ink)}
.hp .pc-faq-list summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;color:var(--acc)}
.hp .pc-faq-list details[open] summary::after{content:"−"}
.hp .pc-faq-list details>div{padding:0 0 22px}
.hp .pc-faq-list p{margin:0;max-width:62ch;color:var(--ink2);font-size:16px;line-height:1.55}

/* ---------- closer */
.hp .pc-closer-ctas{display:flex;flex-wrap:wrap;gap:var(--ps-5);align-items:center;margin:var(--ps-6) 0 var(--ps-5)}
.hp .pc-closer-ctas .tl{color:#fff}
.hp .pc-soft{margin:var(--ps-5) 0 0;color:var(--ink2D);font-size:15px}
.hp .pc-soft a{color:#fff;font-weight:650;text-decoration:underline;text-decoration-color:var(--accD);text-underline-offset:3px}

/* ---------- tablet */
@container (max-width:980px){
  .hp .pc-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp .pc-grid{grid-template-columns:minmax(0,1fr)}
  .hp .pc-notify-in,.hp .pc-faq-in{grid-template-columns:minmax(0,1fr);gap:var(--ps-6)}
}
/* ---------- phone */
@container (max-width:700px){
  .hp .pc-hero .hero{padding-block:var(--ps-6);grid-template-columns:minmax(0,1fr)}
  .hp .pc-hero .hero .copy{gap:var(--ps-5)}
  .hp .pc-big{width:100%;justify-content:center;font-size:16px;padding:18px 16px}
  .hp .pc-big .pc-len{display:none}
  .hp .pc-onair{white-space:nowrap;font-size:10px;letter-spacing:.14em;gap:8px;padding:7px 12px 7px 10px}
  .hp .pc-art{width:min(100%,340px);margin-top:10px}
  .hp .pc-eq{left:16px;bottom:-24px;height:50px;padding:9px 11px}
  .hp .pc-sticker{right:-4px;font-size:12px}
  .hp .pc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp .pc-stats li+li{padding-left:0;border-left:0}
  .hp .pc-stats li:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}
  .hp .pc-stats li:nth-child(n+3){border-top:1px solid var(--line)}
  .hp .pc-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hp .pc-stats-3 li:nth-child(n+3){border-top:0}
  .hp .pc-stats-3 li+li{padding-left:14px;border-left:1px solid var(--line)}
  .hp .pc-stats b{font-size:40px}
  .hp .pc-choose,.hp .pc-season,.hp .pc-hosts,.hp .pc-notify,.hp .pc-faq,.hp .pc-quotes .quotes,.hp .pc-closer .closer{padding-block:var(--ps-8)}
  .hp .pc-hosts .reels{margin-top:var(--ps-7)}
  .hp .pc-quotes .quotes-top{margin-bottom:var(--ps-6)}
  .hp .pc-head{margin-bottom:var(--ps-6)}
  .hp .pc-picks,.hp .pc-qs,.hp .pc-grid{grid-template-columns:minmax(0,1fr)}
  .hp .pc-card{padding:var(--ps-5)}
  .hp .pc-grid{gap:var(--ps-4)}
  .hp .pc-card-top{flex-wrap:wrap;row-gap:8px}
  .hp .pc-start{order:3;flex-basis:100%;margin-right:0;width:max-content;flex-grow:0}
  .hp .pc-topic{font-size:23px}
  .hp .pc-ep-t{font-size:23px}
  .hp .pc-form{grid-template-columns:minmax(0,1fr);padding:20px}
}
@media (prefers-reduced-motion:reduce){
  .hp .pc-lamp,.hp .pc-eq i,.hp .pc-play.is-on .pc-ico,.pc-player .pc-pl-dot.is-now{animation:none}
}
/* the quote cleaner (build.py clean_wall) marks highlights .qhl; inside these cards it reads like .pay */
.hp .pc-qs .qhl{font:inherit;text-transform:none;letter-spacing:inherit;color:inherit;box-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:radial-gradient(60% 62.7% at 50% 48.6%,rgba(246,226,112,.95) 0,rgba(246,226,112,.62) 42%,rgba(246,226,112,.18) 70%,rgba(246,226,112,0) 82%);padding:0 .18em .3em;margin:0 -.18em}

/* Oct 27 round 2: say what it is first, stats you can hear, the episode list popover */
.hp .pc-show{margin:6px 0 -8px;font-stretch:72%;font-weight:850;text-transform:uppercase;font-size:clamp(52px,7.4cqi,112px);line-height:.9;letter-spacing:-.005em;color:var(--ink)}
.hp.hp.hp .hd.h1.pc-h1{font-size:clamp(30px,3.3cqi,44px);line-height:1.05}
.hp .pc-stats-hero{position:relative;z-index:5}
.hp .pc-stats-hero li{padding:0;position:relative}
.hp .pc-stats-hero li+li{padding-left:0}
.hp .pc-stat-b{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:6px;align-items:center;padding:26px 0 24px;position:relative}
.hp .pc-stats-hero li+li .pc-stat-b{padding-left:30px}
.hp .pc-stat-b b{grid-column:1;grid-row:1;transition:color .2s ease}
.hp .pc-stat-b span{grid-column:1/-1;grid-row:2}
.hp .pc-hear{grid-column:2;grid-row:1;justify-self:start;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f5ec8a,#f6c3e4);color:var(--dk);box-shadow:0 8px 18px -8px rgba(16,34,52,.5);opacity:0;transform:scale(.5) rotate(-30deg);transition:opacity .2s ease,transform .25s cubic-bezier(.3,1.6,.5,1)}
.hp .pc-hear .pc-ico{width:17px;height:17px;margin-left:2px}
.hp .pc-peek{grid-column:1/-1;grid-row:3;font-style:normal;font-family:var(--f-mono);font-size:12px;color:var(--acc);opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}
.hp .pc-stat-eps .pc-stat-b{grid-template-columns:auto}
.hp .pc-stat-b:hover b,.hp .pc-stat-b:focus-visible b,.hp .pc-stat-b.is-on b,.hp .pc-stat-eps.is-open b{color:var(--acc)}
.hp .pc-stat-b:hover .pc-hear,.hp .pc-stat-b:focus-visible .pc-hear,.hp .pc-stat-b.is-on .pc-hear{opacity:1;transform:none}
.hp .pc-stat-b:hover .pc-peek,.hp .pc-stat-b:focus-visible .pc-peek,.hp .pc-stat-b.is-on .pc-peek{opacity:1;transform:none}
.hp .pc-stat-b:focus-visible{outline:3px solid #f5ec8a;outline-offset:-3px}
.hp .pc-stat-b.is-on .pc-hear .pc-ico{animation:pcPulse 1.1s ease-in-out infinite}
.hp .pc-stat-b.is-on .pc-hear{background:var(--dk);color:#f5ec8a}
@media (hover:none){.hp .pc-hear{opacity:1;transform:none}.hp .pc-peek{opacity:1;transform:none}}
/* the episodes popover: a tilted playbill of all ten */
.hp .pc-pop{position:absolute;left:-12px;bottom:calc(100% - 10px);z-index:20;width:330px;padding:20px 22px 18px;background:#fff;border-radius:12px;box-shadow:0 0 0 2px var(--dk),10px 12px 0 0 #f5ec8a,0 30px 60px -20px rgba(16,34,52,.45);transform-origin:20% 100%;transform:translateY(10px) rotate(-1.5deg) scale(.94);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .25s cubic-bezier(.3,1.4,.5,1),visibility 0s linear .25s}
.hp .pc-pop::after{content:"";position:absolute;left:40px;bottom:-9px;width:16px;height:16px;background:#fff;box-shadow:2px 2px 0 0 var(--dk);transform:rotate(45deg)}
.hp .pc-stat-eps:hover .pc-pop,.hp .pc-stat-eps:focus-within .pc-pop,.hp .pc-stat-eps.is-open .pc-pop{opacity:1;visibility:visible;transform:rotate(-1.5deg);transition-delay:0s}
.hp .pc-pop-k{margin:0 0 10px;font-stretch:110%;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.hp .pc-pop ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hp .pc-pop a{display:flex;align-items:baseline;gap:12px;padding:5px 6px;margin:0 -6px;border-radius:6px;font-stretch:85%;font-weight:750;text-transform:uppercase;font-size:17px;line-height:1.1;color:var(--ink);text-decoration:none}
.hp .pc-pop a span{font-family:var(--f-mono);font-weight:400;font-size:12px;color:var(--acc);min-width:20px}
.hp .pc-pop a:hover,.hp .pc-pop a:focus-visible{background:#fde5f4;outline:0}
.hp .pc-pop li:nth-child(4n+2) a:hover{background:#efe7fd}
.hp .pc-pop li:nth-child(4n+3) a:hover{background:#fcf5ca}
.hp .pc-pop li:nth-child(4n) a:hover{background:#e3f2e7}
@container (max-width:700px){
  .hp .pc-show{font-size:52px}
  .hp.hp.hp .hd.h1.pc-h1{font-size:28px}
    .hp .pc-stats-hero li+li .pc-stat-b{padding-left:0}
  .hp .pc-stats-hero li:nth-child(even){padding-left:0;border-left:0}
  .hp .pc-stats-hero li:nth-child(even) .pc-stat-b{padding-left:20px;border-left:1px solid var(--line)}
  .hp .pc-hear{width:36px;height:36px}
  .hp .pc-pop{left:0;width:min(330px,calc(100vw - 48px))}
}
@media (prefers-reduced-motion:reduce){.hp .pc-hear,.hp .pc-pop{transition:none}}

/* Oct 27 round 3: app buttons, and the player that rises from the bottom */
.hp .pc-apps{display:flex;flex-direction:column;gap:10px}
.hp .pc-apps-k{font-stretch:110%;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2)}
.hp .pc-apps-row{display:flex;flex-wrap:wrap;gap:10px}
.hp .pc-app{display:inline-flex;align-items:center;gap:11px;padding:9px 18px 9px 10px;border-radius:14px;background:#10283c;color:#fff;text-decoration:none;box-shadow:0 10px 22px -14px rgba(16,34,52,.7);transition:transform .15s ease,box-shadow .15s ease}
.hp .pc-app:hover{transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(16,34,52,.75)}
.hp .pc-app:focus-visible{outline:3px solid #f5ec8a;outline-offset:2px}
.hp .pc-app svg{width:30px;height:30px;flex:none;border-radius:7px}
.hp .pc-app span{display:flex;flex-direction:column;font-weight:700;font-size:16px;line-height:1.1}
.hp .pc-app small{font-weight:500;font-size:11px;letter-spacing:.04em;opacity:.7}
.hp .pc-apps-dark .pc-apps-k{color:var(--ink2D)}
.hp .pc-apps-dark .pc-app{background:#fff;color:#10283c;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}

.pc-player{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;width:calc(100% - 24px);max-width:1480px;box-sizing:border-box;transform:translate(-50%,130%);transition:transform .45s cubic-bezier(.2,.9,.25,1);font-family:"Archivo","Helvetica Neue",Arial,sans-serif;color:#fff}
.pc-player[hidden]{display:none}
.pc-player.is-up{transform:translate(-50%,0)}
.pc-pl-in{position:relative;display:grid;grid-template-columns:96px minmax(150px,230px) auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:16px 56px 16px 16px;border-radius:22px;
  background:radial-gradient(120% 180% at 0% 0%,rgba(245,236,138,.20),transparent 46%),radial-gradient(120% 200% at 100% 100%,rgba(203,171,242,.30),transparent 50%),radial-gradient(90% 160% at 60% 0%,rgba(246,195,228,.16),transparent 55%),#10283c;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 30px 70px -20px rgba(9,25,40,.65)}
.pc-pl-art{width:96px;height:96px;border-radius:12px;object-fit:cover;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.pc-pl-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.pc-pl-k{font-family:"Courier Prime","Courier New",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f5ec8a}
.pc-pl-t{font-stretch:80%;font-weight:800;text-transform:uppercase;font-size:24px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-pl-ch{font-size:14px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}
.pc-pl-ctl{display:flex;align-items:center;gap:10px}
.pc-pp{flex:none;aspect-ratio:1;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(135deg,#f5ec8a,#f6c3e4 55%,#cbabf2);color:#10283c;box-shadow:0 10px 26px -8px rgba(246,195,228,.55);transition:transform .15s ease}
.pc-pp:hover{transform:scale(1.05)}
.pc-pp svg{width:26px;height:26px;fill:currentColor}
.pc-pp .i-pause{display:none}
.pc-player.is-playing .pc-pp .i-play{display:none}
.pc-player.is-playing .pc-pp .i-pause{display:block}
.pc-pl-skip{position:relative;flex:none;aspect-ratio:1;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.pc-pl-skip:hover{background:rgba(255,255,255,.16)}
.pc-pl-skip svg{width:24px;height:24px;fill:currentColor}
.pc-pl-skip i{position:absolute;font-style:normal;font:700 7.5px/1 "Archivo",sans-serif;letter-spacing:-.02em;top:calc(50% + 1px);left:calc(50% - 1px);transform:translate(-50%,-50%)}
.pc-pl-skip[data-skip="30"] i{left:calc(50% + 1px)}
.pc-pl-wave{position:relative;height:84px;cursor:pointer;touch-action:none;outline:none}
.pc-pl-wave:focus-visible{box-shadow:0 0 0 2px #f5ec8a;border-radius:8px}
.pc-pl-wave canvas{position:absolute;inset:0 0 14px;width:100%;height:calc(100% - 14px)}
.pc-pl-dots{position:absolute;left:0;right:0;bottom:0;height:14px}
.pc-pl-dot{position:absolute;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#10283c;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.pc-pl-dot::before{content:"";position:absolute;inset:-9px}
.pc-pl-dot:hover,.pc-pl-dot:focus-visible{transform:scale(1.45);border-color:#fff;outline:none}
.pc-pl-dot.is-past{background:#f6c3e4;border-color:#f6c3e4}
.pc-pl-dot.is-now{background:#f5ec8a;border-color:#f5ec8a;box-shadow:0 0 0 4px rgba(245,236,138,.25);animation:pcDot 1.8s ease-in-out infinite}
@keyframes pcDot{50%{box-shadow:0 0 0 7px rgba(245,236,138,.08)}}
.pc-pl-tip{position:absolute;bottom:26px;z-index:2;width:max-content;max-width:280px;display:flex;flex-direction:column;gap:3px;padding:10px 13px 11px;border-radius:12px;background:#fff;color:#10283c;box-shadow:0 14px 34px -10px rgba(0,0,0,.55);pointer-events:none}
.pc-pl-tip[hidden]{display:none}
.pc-pl-tip b{font-stretch:85%;font-weight:800;text-transform:uppercase;font-size:15px;line-height:1.1}
.pc-pl-tip span{font-size:13.5px;line-height:1.35;color:#3b5470}
.pc-pl-tip em{font-style:normal;font-family:"Courier Prime","Courier New",monospace;font-size:11.5px;color:#9a5a86}
.pc-pl-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pc-time{font-family:"Courier Prime","Courier New",monospace;font-size:13px;color:rgba(255,255,255,.8);white-space:nowrap}
.pc-rate{border:0;cursor:pointer;background:rgba(255,255,255,.1);color:#fff;font:700 13px/1 "Archivo",sans-serif;padding:7px 11px;border-radius:99px}
.pc-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:50%;cursor:pointer;background:transparent;color:#fff;font-size:22px;line-height:1;opacity:.6}
.pc-x:hover{opacity:1;background:rgba(255,255,255,.1)}
.pc-player button:focus-visible,.hp .pc-play:focus-visible{outline:3px solid #f5ec8a;outline-offset:2px}
body.pc-has-player{padding-bottom:150px}
.pc-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:61;max-width:min(560px,calc(100% - 32px));padding:12px 16px;border-radius:12px;background:#fff;color:#10283c;font:500 15px/1.4 "Archivo","Helvetica Neue",Arial,sans-serif;box-shadow:0 14px 40px -10px rgba(9,25,40,.4)}
.pc-toast[hidden]{display:none}
@media (max-width:1100px){
  .pc-pl-in{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"art meta ctl" "wave wave wave" "side side side";row-gap:12px;padding:14px 50px 14px 14px}
  .pc-pl-art{grid-area:art;width:72px;height:72px}
  .pc-pl-meta{grid-area:meta}.pc-pl-ctl{grid-area:ctl}.pc-pl-wave{grid-area:wave;height:70px}
  .pc-pl-side{grid-area:side;flex-direction:row;justify-content:space-between;align-items:center}
  body.pc-has-player{padding-bottom:250px}
  .pc-toast{bottom:calc(250px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:600px){
  .pc-player{width:calc(100% - 12px);bottom:calc(6px + env(safe-area-inset-bottom,0px))}
  .pc-pl-in{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"art meta" "wave wave" "ctl side";gap:10px 12px;padding:12px 44px 12px 12px;border-radius:18px}
  .pc-pl-art{width:52px;height:52px;border-radius:9px}
  .pc-pl-t{font-size:19px}.pc-pl-ch{font-size:12.5px}
  .pc-pl-wave{height:58px}
  .pc-pp{width:54px;height:54px}
  .pc-pl-side{justify-content:flex-end;gap:10px}
  .pc-pl-tip{max-width:220px}
  body.pc-has-player{padding-bottom:230px}
  .pc-toast{bottom:calc(230px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.pc-player{transition:none}.pc-pl-dot.is-now{animation:none}}

/* ======================================================================================================
   Nov 2: the episode pages (/podcast/<slug>, pe-). The Swiss Sunrise look inside 4.0: ivory grid, navy ink,
   hairline frames, Archivo condensed caps, Courier Prime. (Sunrise Season, What are you stuck on?, the Theater
   shelf and Your season card left the hub in Scott's Nov 2 review; their styles went with them.)
   ====================================================================================================== */
.hp{--pe-line:rgba(29,74,110,.16);--pe-line2:rgba(29,74,110,.34);--pe-tag:#f6e270;--pe-tagInk:#143651;
  --pe-sun:linear-gradient(180deg,#f6e270 0%,#f9dcae 55%,#fdd1ed 100%)}

/* ---------- the player, docked on an episode page (floats like the hub's once it scrolls away while playing) */
.pc-player.is-docked{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:none;z-index:1;transition:none}
.pc-player.is-docked .pc-x,.pc-player.is-docked .pc-pl-art{display:none}
.pc-player.is-docked .pc-pl-in{grid-template-columns:minmax(170px,260px) auto minmax(0,1fr) auto;padding:18px 22px}
.pc-player.is-floating{z-index:60}
@media (max-width:1100px){
  .pc-player.is-docked .pc-pl-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta ctl" "wave wave" "side side";padding:16px 18px}
}
@media (max-width:600px){
  .pc-player.is-docked .pc-pl-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta meta" "wave wave" "ctl side";padding:14px 14px 12px}
}

/* ---------- episode page: shared */
.hp .pe-wrap{max-width:calc(1100px + 2 * var(--mx));margin-inline:auto;box-sizing:border-box}
.hp .pe-h2{margin:0 0 var(--ps-5);font-stretch:72%;font-weight:850;text-transform:uppercase;font-size:34px;line-height:.95;letter-spacing:-.005em;color:var(--ink)}
/* the sections isolate their own stacking; the hero sits a step up so its player (and toast) float over the rest */
.hp .pe-hero{padding-block:var(--ps-6) var(--ps-9);z-index:5}
/* the hero is one column of blocks with one gap between each: crumb, top, media (+16), download, follow */
.hp .pe-hero .pe-wrap{display:flex;flex-direction:column;gap:var(--ps-6)}
.hp .pe-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-family:var(--f-mono);font-size:13px;color:var(--ink2)}
.hp .pe-crumb li+li::before{content:"/";margin-right:8px;opacity:.6}
.hp .pe-crumb a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pe-line2);text-underline-offset:3px}
.hp .pe-crumb a:hover{text-decoration-color:currentColor}

/* the top: art and the words */
.hp .pe-top{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"art k" "art name" "art h1" "art hook" "art acts";grid-template-rows:auto auto auto auto 1fr;column-gap:var(--ps-7);align-items:start}
.hp .pe-head{display:contents}
.hp .pe-art{grid-area:art;display:block;width:100%;height:auto;aspect-ratio:1;box-shadow:0 0 0 1px var(--pe-line),0 30px 60px -30px rgba(16,34,52,.45)}
.hp .pe-k{grid-area:k;margin:var(--ps-1) 0 var(--ps-4);display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-family:var(--f-mono);font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.hp .pe-tag{background:var(--pe-tag);color:var(--pe-tagInk);font-family:var(--f-sans);font-stretch:110%;font-weight:800;font-size:12px;letter-spacing:.18em;padding:6px 10px}
.hp .pe-k span+span:not(.pe-tag)::before{content:"·";margin-right:14px;opacity:.6}
.hp .pe-k .pe-tag+span:not(.pe-tag)::before{content:none}
.hp .pe-name{grid-area:name;margin:0 0 var(--ps-4);font-stretch:68%;font-weight:850;text-transform:uppercase;font-size:clamp(44px,5.6cqi,74px);line-height:.88;letter-spacing:-.008em;color:var(--ink);text-wrap:balance}
.hp .pe-h1{grid-area:h1;margin:0 0 var(--ps-4);font-stretch:88%;font-weight:700;font-size:clamp(22px,2.3cqi,30px);line-height:1.15;color:var(--ink);text-wrap:balance;max-width:30ch}
.hp .pe-hook{grid-area:hook;margin:0;font-size:17px;line-height:1.55;color:var(--ink2);max-width:62ch}

/* listen or watch, the start-at and resume buttons, the docked player */
.hp .pe-acts{grid-area:acts;margin-top:var(--ps-5);display:flex;flex-wrap:wrap;gap:var(--ps-3)}
.hp .pe-media{display:flex;flex-direction:column;gap:var(--ps-4);margin-top:var(--ps-4)}
.hp .pe-lw{align-self:flex-start;display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--g2);box-shadow:inset 0 0 0 1px var(--pe-line2)}
.hp .pe-lw button{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:700 15px/1 var(--f-sans);padding:11px 20px 11px 16px;border-radius:999px;background:transparent;color:var(--ink);transition:background-color .15s ease,color .15s ease}
.hp .pe-lw svg{width:18px;height:18px;fill:currentColor;flex:none}
.hp .pe-lw button:not([aria-pressed="true"]):hover{background:var(--g)}
.hp .pe-lw button[aria-pressed="true"]{background:var(--dk);color:#fff}
.hp .pe-lw button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hp .pe-cue{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ps-3) var(--ps-5)}
.hp .pe-cue:has(> :not([hidden])){margin-bottom:var(--ps-4)}
.hp .pe-from{font-size:16px;padding:14px 20px;border:0;cursor:pointer;font-family:inherit}
.hp .pe-over{border:0;background:none;cursor:pointer;padding:4px 0;font:600 15px var(--f-sans);color:var(--ink);text-decoration:underline;text-decoration-color:var(--pe-line2);text-underline-offset:4px}
.hp .pe-over:hover{text-decoration-color:currentColor}
.hp .pe-slot{position:relative}
/* Watch: our own poster (the episode art over a blur of itself) until play is pressed; then the YouTube player */
.hp .pe-watch{display:flex;flex-direction:column;gap:var(--ps-3)}
.hp .pe-yt{position:relative;aspect-ratio:16/9;background:var(--dk);overflow:hidden;border-radius:22px;box-shadow:0 30px 70px -28px rgba(9,25,40,.6)}
.hp .pe-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hp .pe-yt-go{all:unset;cursor:pointer;position:absolute;inset:0;
  background:radial-gradient(120% 180% at 0% 0%,rgba(245,236,138,.22),transparent 46%),radial-gradient(120% 200% at 100% 100%,rgba(203,171,242,.32),transparent 50%),radial-gradient(90% 160% at 70% 0%,rgba(246,195,228,.18),transparent 55%),#10283c}
/* the art on the left (82% of the height), the play button and its label centered in the space to its right */
.hp .pe-yt-art{position:absolute;top:9%;left:6%;height:82%;width:auto;aspect-ratio:1;box-shadow:0 0 0 6px rgba(255,255,255,.92),0 30px 60px -20px rgba(0,0,0,.7);transform:rotate(-1.5deg)}
.hp .pe-yt-side{position:absolute;top:0;bottom:0;left:calc(6% + 46.1%);right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ps-5);text-align:center;color:#fff}
.hp .pe-yt-btn{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:var(--btnInk);box-shadow:0 0 0 10px rgba(255,255,255,.12),0 18px 40px -8px rgba(0,0,0,.6);transition:transform .2s ease,box-shadow .2s ease}
.hp .pe-yt-btn .pc-ico{width:34px;height:34px;margin-left:5px}
.hp .pe-yt-go:hover .pe-yt-btn{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,255,255,.16),0 22px 46px -8px rgba(0,0,0,.6)}
.hp .pe-yt-go:focus-visible .pe-yt-btn{outline:3px solid #fff;outline-offset:6px}
.hp .pe-yt-cap{display:flex;flex-direction:column;gap:var(--ps-2)}
.hp .pe-yt-cap b{font-stretch:72%;font-weight:850;text-transform:uppercase;font-size:clamp(22px,2.6cqi,34px);line-height:.95}
.hp .pe-yt-cap span{font-family:var(--f-mono);font-size:13px;color:rgba(255,255,255,.75)}
.hp .pe-yt-note{margin:0;font-family:var(--f-mono);font-size:12.5px;color:var(--ink2)}
.hp .pe-yt-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pe-line2);text-underline-offset:3px}
.hp .pe-yt-note a:hover{text-decoration-color:currentColor}

/* the free download: the page's one main ask */
.hp .pe-dl{scroll-margin-top:90px;background:var(--g2);box-shadow:inset 0 0 0 1px var(--pe-line2)}
.hp .pe-dl-gate,.hp .pe-dl-done{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--ps-5) var(--ps-7);padding:var(--ps-7);align-items:center}
.hp .pe-dl-done{grid-template-columns:minmax(0,1fr) auto}
.hp .pe-dl-gate[hidden],.hp .pe-dl-done[hidden]{display:none}
.hp .pe-dl-k{display:inline-block;margin:0 0 var(--ps-4);background:var(--pe-tag);color:var(--pe-tagInk);font-stretch:110%;font-weight:800;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px}
.hp .pe-dl-t{margin:0;font-stretch:72%;font-weight:850;text-transform:uppercase;font-size:32px;line-height:.95;color:var(--ink)}
.hp .pe-dl-p{margin:var(--ps-4) 0 0;font-size:16px;line-height:1.5;color:var(--ink)}
.hp .pe-dl-tie{margin:var(--ps-2) 0 0;font-size:15px;line-height:1.5;color:var(--ink2)}
.hp .pe-dl-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ps-4)}
.hp .pe-dl-f{display:flex;flex-direction:column;gap:var(--ps-2)}
.hp .pe-dl-f label{font-stretch:110%;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.hp .pe-dl-f input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--ink);background:var(--g);border:1px solid var(--pe-line2);border-radius:var(--rad,6px);padding:13px 14px}
.hp .pe-dl-f input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.hp .pe-dl-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ps-3) var(--ps-4)}
.hp .pe-dl-done .pe-dl-row{grid-column:auto}
.hp .pe-dl-row .btn{border:0;cursor:pointer;font-family:inherit;justify-content:center}
.hp .pe-dl-row .btn:disabled{opacity:.7;cursor:progress}
.hp .pe-dl-foot{margin:0;font-family:var(--f-mono);font-size:12.5px;color:var(--ink2)}

/* what you'll walk away with, and the chapters */
.hp .pe-sum{padding-block:var(--ps-9)}
.hp .pe-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ps-8);align-items:start}
.hp .pe-walk ul{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.hp .pe-walk li{position:relative;padding:var(--ps-4) 0 var(--ps-4) var(--ps-6);border-bottom:1px solid var(--pe-line);font-size:17px;line-height:1.5;color:var(--ink)}
.hp .pe-walk li::before{content:"";position:absolute;left:2px;top:21px;width:16px;height:16px;border-radius:50%;background:var(--pe-sun)}
.hp .pe-ch ol{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.hp .pe-ch li{border-bottom:1px solid var(--pe-line)}
.hp .pe-ch button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:62px minmax(0,1fr);gap:var(--ps-3);padding:var(--ps-3) var(--ps-3) var(--ps-3) 0;position:relative}
.hp .pe-ch button:hover,.hp .pe-ch button:focus-visible{background:var(--g)}
.hp .pe-ch button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.hp .pe-ch-at{font-family:var(--f-mono);font-size:14px;color:var(--acc);padding-top:2px}
.hp .pe-ch-txt{display:flex;flex-direction:column;gap:2px}
.hp .pe-ch-txt b{font-weight:700;font-size:16.5px;color:var(--ink)}
.hp .pe-ch-txt span{font-size:14.5px;color:var(--ink2)}
.hp .pe-ch li.is-now button{background:#fcf5ca}
.hp .pe-ch li.is-now .pe-ch-at::before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:4px;background:var(--pe-tag)}

/* the transcript */
.hp .pe-trs{padding-block:var(--ps-9)}
.hp .pe-tr-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ps-3) var(--ps-5);margin-bottom:var(--ps-5)}
.hp .pe-tr-h .pe-h2{margin-bottom:0}
.hp .pe-tr-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.hp .pe-follow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--ink);cursor:pointer}
.hp .pe-follow input{width:18px;height:18px;accent-color:#1d4a6e}
.hp .pe-share{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pe-line2);background:var(--g2);border-radius:999px;padding:9px 16px;cursor:pointer;font:650 14.5px var(--f-sans);color:var(--ink)}
.hp .pe-share svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp .pe-share:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.hp .pe-share:focus-visible,.hp .pe-ts:focus-visible,.hp .pe-now:focus-visible{outline:3px solid var(--pe-tag);outline-offset:2px}
.hp .pe-share-out{margin:0 0 var(--ps-4);font-family:var(--f-mono);font-size:13px;color:var(--ink);overflow-wrap:anywhere;background:#fcf5ca;padding:8px 10px}
.hp .pe-tr-how{margin:0 0 var(--ps-4);font-family:var(--f-mono);font-size:13px;color:var(--ink2)}
.hp .pe-tr-wrap{position:relative}
.hp .pe-tr-body{position:relative;background:var(--g2);box-shadow:inset 0 0 0 1px var(--pe-line2);padding:var(--ps-2) var(--ps-6) var(--ps-4)}
.hp .pe-tr-body.is-open{max-height:min(68vh,640px);overflow-y:auto;overscroll-behavior:contain}
.hp .pe-tr-rest:focus{outline:none}
.hp .pe-tp{padding:var(--ps-4) 0 var(--ps-1);border-bottom:1px solid var(--pe-line)}
.hp .pe-tp:last-child,.hp .pe-tr-rest>.pe-tp:last-child{border-bottom:0}
.hp .pe-who{display:flex;align-items:center;gap:var(--ps-3);margin:0 0 var(--ps-2)}
.hp .pe-who b{font-stretch:110%;font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.hp .pe-ts{border:0;cursor:pointer;background:var(--g);color:var(--acc);font:400 12.5px var(--f-mono);padding:4px 8px;border-radius:99px}
.hp .pe-ts:hover{background:#fcf5ca;color:var(--ink)}
.hp .pe-tp p:not(.pe-who){margin:0 0 var(--ps-3);font-size:17px;line-height:1.65;color:var(--ink)}
.hp .pe-k-skit p:not(.pe-who),.hp .pe-k-sponsor p:not(.pe-who),.hp .pe-k-song p:not(.pe-who){font-style:italic;color:var(--ink2)}
.hp .pe-s{cursor:pointer;border-radius:2px;transition:background-color .15s ease}
.hp .pe-s:hover{background:rgba(246,226,112,.28)}
.hp .pe-s.is-now{background:rgba(246,226,112,.85);color:var(--pe-tagInk);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 0}
.hp .pe-now{position:sticky;bottom:14px;display:block;margin:-54px auto 14px;z-index:2;border:0;cursor:pointer;background:var(--dk);color:#fff;font:700 14px var(--f-sans);padding:10px 18px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(9,25,40,.6)}
.hp .pe-now[hidden]{display:none}
.hp .pe-more-b{margin-top:var(--ps-4);border:0;cursor:pointer;font-family:inherit}
.hp .pe-tr-soon{background:var(--g2);box-shadow:inset 0 0 0 1px var(--pe-line2);padding:var(--ps-5) var(--ps-6)}
.hp .pe-tr-soon p{margin:0;font-size:16.5px;line-height:1.55;color:var(--ink2)}
.hp .pe-tr-soon b{color:var(--ink)}
.hp .pe-soft{margin:var(--ps-7) 0 0;padding-top:var(--ps-5);border-top:1px solid var(--pe-line2);font-size:17px;color:var(--ink)}
.hp .pe-soft a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:4px}

/* the 30%: up next, three to start with, all ten, the show */
.hp .pe-on{padding-block:var(--ps-9)}
.hp .pe-next-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--ps-6);align-items:center;padding:var(--ps-5);background:var(--g2);box-shadow:inset 0 0 0 1px var(--pe-line2);color:var(--ink);text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.hp .pe-next-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--ink),0 22px 40px -26px rgba(16,34,52,.45)}
.hp .pe-next-card:focus-visible{outline:3px solid var(--pe-tag);outline-offset:3px}
.hp .pe-next-card img{width:100%;height:auto;display:block}
.hp .pe-next-txt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ps-2)}
.hp .pe-next-k{font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.hp .pe-next-name{font-stretch:70%;font-weight:850;text-transform:uppercase;font-size:44px;line-height:.9}
.hp .pe-next-why{font-size:17px;line-height:1.5;color:var(--ink);max-width:56ch}
.hp .pe-next-txt .tl{margin-top:var(--ps-2)}
.hp .pe-three{margin-top:var(--ps-8)}
.hp .pe-three ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ps-4)}
.hp .pe-mini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--ps-4);align-items:center;padding:var(--ps-3);background:var(--g2);box-shadow:inset 0 0 0 1px var(--pe-line);color:var(--ink);text-decoration:none;height:100%;box-sizing:border-box}
.hp .pe-mini:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.hp .pe-mini:focus-visible{outline:3px solid var(--pe-tag);outline-offset:2px}
.hp .pe-mini img{width:84px;height:84px;display:block}
.hp .pe-mini-txt{display:flex;flex-direction:column;gap:4px}
.hp .pe-mini-tag{font-family:var(--f-mono);font-size:12px;color:var(--acc)}
.hp .pe-mini-name{font-weight:700;font-size:16px;line-height:1.25}
.hp .pe-mini-len{font-family:var(--f-mono);font-size:12px;color:var(--ink2)}
.hp .pe-all{margin-top:var(--ps-8)}
.hp .pe-all ol{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--ps-7);border-top:1.5px solid var(--ink)}
.hp .pe-all li{break-inside:avoid;border-bottom:1px solid var(--pe-line)}
.hp .pe-all a,.hp .pe-all li>span{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--ps-3);align-items:baseline;padding:var(--ps-3) var(--ps-1);color:var(--ink);text-decoration:none;font-stretch:85%;font-weight:750;text-transform:uppercase;font-size:18px;line-height:1.1}
.hp .pe-all a:hover{background:var(--g)}
.hp .pe-all a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.hp .pe-all i{font-style:normal;font-family:var(--f-mono);font-weight:400;font-size:13px;color:var(--acc)}
.hp .pe-all-m{font-family:var(--f-mono);font-weight:400;font-size:12.5px;text-transform:none;color:var(--ink2)}
.hp .pe-all .is-here>span{background:#fcf5ca}
.hp .pe-show{margin-top:var(--ps-8);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ps-6);align-items:center;padding-top:var(--ps-7);border-top:1px solid var(--pe-line2)}
.hp .pe-hosts{display:flex}
.hp .pe-hosts img{width:108px;height:108px;border-radius:50%;object-fit:cover;object-position:50% 18%;box-shadow:0 0 0 4px var(--g2),0 0 0 5px var(--pe-line2)}
.hp .pe-hosts img+img{margin-left:-18px}
.hp .pe-show-k{margin:0;font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.hp .pe-show-name{margin:var(--ps-1) 0 var(--ps-2);font-stretch:70%;font-weight:850;text-transform:uppercase;font-size:40px;line-height:.9;color:var(--ink)}
.hp .pe-show-p{margin:0 0 var(--ps-5);font-size:16.5px;line-height:1.55;color:var(--ink);max-width:66ch}
.hp .pe-show-p a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:3px}

/* phones only: the download bar, once the player has scrolled away */
.pe-bar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;background:#10283c;color:#fff;border-radius:14px;box-shadow:0 16px 40px -12px rgba(9,25,40,.6);font-family:"Archivo","Helvetica Neue",Arial,sans-serif}
.pe-bar[hidden]{display:none}
.pe-bar a{flex:1;display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 6px 8px 14px;color:#fff;text-decoration:none;font-size:15px;line-height:1.2}
.pe-bar b{font-weight:750}
.pe-bar-t{min-width:0}
.pe-bar-k{background:#f6e270;color:#143651;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 7px}
.pe-bar .arr{margin-left:auto;flex:none}
.pe-bar-x{flex:none;width:44px;height:52px;border:0;background:none;color:#fff;font-size:22px;cursor:pointer;opacity:.75}
.pe-bar a:focus-visible,.pe-bar-x:focus-visible{outline:3px solid #f6e270;outline-offset:-3px}
body.pe-has-bar{padding-bottom:76px}
@media (min-width:701px){.pe-bar{display:none!important}}

/* ---------- the hub: episode cards with their own pages */
.hp .pc-card-l{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-areas:"art top" "art title" "art sub" "art hook" "acts acts";grid-template-rows:auto auto auto 1fr auto;column-gap:var(--ps-5);row-gap:var(--ps-3)}
.hp .pc-card-art{grid-area:art;width:92px;height:92px;display:block;box-shadow:0 0 0 1px var(--pe-line)}
.hp .pc-card-l .pc-card-top{grid-area:top}
.hp .pc-card-l .pc-ep-t{grid-area:title}
.hp .pc-card-l .pc-ep-t a{color:inherit;text-decoration:none}
.hp .pc-card-l .pc-ep-t a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.hp .pc-card-sub{grid-area:sub;margin:0;font-weight:700;font-size:15px;line-height:1.35;color:var(--ink)}
.hp .pc-card-l .body{grid-area:hook}
/* three calls to action, the same on every card and lined up along the bottom of each row of cards:
   Play (primary), Watch (secondary, .btn-ol; only once the episode has a video), Open episode (tertiary text link) */
/* (the row is its own size container, pcacts: when it is too narrow for all three, Play and Watch share a row and
   Open episode sits under them; a card itself must not be a container, or the page's phone rules would apply in it) */
.hp .pc-card-acts{grid-area:acts;margin-top:var(--ps-3);container:pcacts/inline-size}
.hp .pc-card-acts-in{display:flex;align-items:center;gap:var(--ps-3)}
.hp .pc-card-acts .btn{flex:none;justify-content:center}
.hp .pc-card-acts .pc-card-open{margin-left:var(--ps-3)}
.hp.sb-tint .pc-card-acts .tl{background:none;padding:0 0 3px;border-radius:0;border-bottom:1.5px solid currentColor}
.hp .pc-card-acts .tl:hover{border-bottom-color:var(--acc)}
@container pcacts (max-width:400px){
  .hp .pc-card-acts-in.has-watch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:var(--ps-4)}
  .hp .pc-card-acts-in.has-watch .pc-card-open{grid-column:1/-1;justify-self:start;margin-left:0}
}
.hp .pc-card-l .pc-play{margin-top:0}
.hp .pc-card-l .pc-n{font-size:40px}

/* ---------- tablet */
@container (max-width:980px){
  .hp .pe-top{grid-template-columns:220px minmax(0,1fr);column-gap:var(--ps-6)}
  .hp .pe-two{grid-template-columns:minmax(0,1fr);gap:var(--ps-7)}
  .hp .pe-dl-gate{grid-template-columns:minmax(0,1fr)}
  .hp .pe-dl-gate,.hp .pe-dl-done{padding:var(--ps-6)}
  .hp .pe-three ul{grid-template-columns:minmax(0,1fr)}
}
/* ---------- phone */
@container (max-width:700px){
  .hp .pe-hero{padding-block:var(--ps-5) var(--ps-8)}
  .hp .pe-hero .pe-wrap{gap:var(--ps-5)}
  .hp .pe-media{margin-top:var(--ps-2)}
  .hp .pe-crumb ol{font-size:12px}
  .hp .pe-top{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"art k" "art name" "h1 h1" "hook hook" "acts acts";grid-template-rows:auto 1fr auto auto auto;column-gap:var(--ps-4)}
  .hp .pe-k{margin:0 0 var(--ps-2);font-size:12px;gap:4px 10px}
  .hp .pe-k span+span:not(.pe-tag)::before{margin-right:10px}
  .hp .pe-k span:nth-child(3){display:none}
  .hp .pe-tag{font-size:10.5px;padding:4px 7px}
  .hp .pe-name{font-size:34px;margin:0;align-self:start}
  .hp .pe-h1{margin:var(--ps-5) 0 var(--ps-3);font-size:22px}
  .hp .pe-acts .btn{width:100%}
  .hp .pe-lw{align-self:stretch}
  .hp .pe-lw button{flex:1;justify-content:center}
  .hp .pe-yt{border-radius:16px}
  .hp .pe-yt-art{box-shadow:0 0 0 3px rgba(255,255,255,.92),0 16px 30px -12px rgba(0,0,0,.7)}
  .hp .pe-yt-side{gap:var(--ps-3)}
  .hp .pe-yt-btn{width:56px;height:56px;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 26px -8px rgba(0,0,0,.6)}
  .hp .pe-yt-btn .pc-ico{width:22px;height:22px;margin-left:3px}
  .hp .pe-yt-cap{gap:var(--ps-1)}
  .hp .pe-yt-cap b{font-size:17px}
  .hp .pe-yt-cap span{font-size:11px}
  .hp .pe-hook{font-size:15.5px}
  .hp .pe-from{width:100%;justify-content:center}
  .hp .pe-dl-gate,.hp .pe-dl-done{grid-template-columns:minmax(0,1fr);padding:var(--ps-5)}
  .hp .pe-dl-form{grid-template-columns:minmax(0,1fr)}
  .hp .pe-dl-row .btn{width:100%}
  .hp .pe-dl-t{font-size:28px}
  .hp .pe-h2{font-size:30px}
  .hp .pe-sum,.hp .pe-trs,.hp .pe-on{padding-block:var(--ps-8)}
  .hp .pe-walk li{font-size:16px}
  .hp .pe-tr-body{padding:var(--ps-1) var(--ps-4) var(--ps-3)}
  .hp .pe-tp p:not(.pe-who){font-size:16px}
  .hp .pe-next-card{grid-template-columns:96px minmax(0,1fr);gap:var(--ps-4);padding:var(--ps-3);align-items:start}
  .hp .pe-next-name{font-size:30px}
  .hp .pe-next-why{font-size:15.5px}
  .hp .pe-three,.hp .pe-all{margin-top:var(--ps-7)}
  .hp .pe-mini{grid-template-columns:64px minmax(0,1fr)}
  .hp .pe-mini img{width:64px;height:64px}
  .hp .pe-all ol{columns:1}
  .hp .pe-all a,.hp .pe-all li>span{font-size:16.5px}
  .hp .pe-show{grid-template-columns:minmax(0,1fr);gap:var(--ps-4);margin-top:var(--ps-7);padding-top:var(--ps-6)}
  .hp .pe-hosts img{width:84px;height:84px}
  .hp .pe-show-name{font-size:34px}

  .hp .pc-card-l{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"art top" "art title" "sub sub" "hook hook" "acts acts";column-gap:var(--ps-4)}
  .hp .pc-card-art{width:72px;height:72px}
  .hp .pc-card-l .pc-card-top{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .hp .pe-next-card{transition:none;animation:none}
}
.hp .pe-k-song{padding:var(--ps-3) 0}
.hp .pe-k-song .pe-who{margin:0}
.hp .pe-song{font-family:var(--f-serif);font-style:italic;font-size:15.5px;color:var(--ink2);padding:1px 2px}
.hp .pe-tr-machine{margin:var(--ps-4) 0 0;font-family:var(--f-mono);font-size:12.5px;color:var(--ink2)}

/* ======================================================================================================
   Nov 2, round 2 (Scott's review): the secondary button, the glowing card, Watch.
   ====================================================================================================== */

/* ---------- .btn-ol: the secondary (or transitional) call to action. Same shape, size and glow as the primary
   sunrise button (.btn), but the fill is whatever is behind it and the sunrise gradient is only a ring around the
   edge, with a navy label. Use it with .btn so the size modifiers apply: <a class="btn btn-ol">…</a>. On its own it
   still has the .btn shape. The ring is a masked ::before (padding-box minus content-box), so it keeps the rounded
   corners and never changes the button's size. --ol-w sets the ring (2 to 3 px), --ol-g its gradient. */
.hp :where(.btn-ol){display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:16px;padding:17px 26px;letter-spacing:.005em;
  border-radius:var(--rad,6px);box-shadow:0 0 0 1px rgba(196,120,120,.18),0 10px 26px rgba(242,170,160,.38)}
.hp .btn-ol,.hp .btn.btn-ol{--ol-w:2.5px;position:relative;isolation:isolate;background:transparent;color:var(--btnInk,#143651);border:0;cursor:pointer;font-family:inherit;text-decoration:none;
  transition:box-shadow .25s ease,background-color .25s ease,transform .25s ease}
.hp .btn-ol::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:var(--ol-w);background:var(--ol-g,var(--btn));pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.hp .btn-ol:hover,.hp .btn.btn-ol:hover{background:linear-gradient(100deg,rgba(246,226,112,.16) 0%,rgba(249,220,174,.16) 52%,rgba(253,209,237,.22) 100%);
  box-shadow:0 0 0 1px rgba(196,120,120,.22),0 12px 34px rgba(242,170,160,.5)}
.hp .btn-ol:active{transform:translateY(1px)}
.hp .btn-ol:focus-visible{outline:2px solid var(--btnInk,#143651);outline-offset:3px}
.hp .btn-ol:disabled{opacity:.6;cursor:default}
.hp .btn-ol .pc-ico{width:20px;height:20px}
.hp .sg-dark .btn-ol,.hp .sg-dark .btn.btn-ol{--ol-g:var(--btnD,var(--btn));color:#fff;box-shadow:0 0 26px 6px rgba(249,205,190,.3)}
.hp .sg-dark .btn-ol:focus-visible{outline-color:#fff}
/* the play buttons' focus ring reads navy on the light sections too (the yellow one was faint on ivory) */
.hp .sg-light .pc-play:focus-visible,.hp .sg-alt .pc-play:focus-visible{outline:2px solid var(--btnInk,#143651);outline-offset:3px}

/* ---------- .pc-glow-card: a card in the same sunrise ring and glow (the episode page's free download) */
.hp .pc-glow-card{--ol-w:3px;position:relative;isolation:isolate;border-radius:var(--rad-card,10px);
  box-shadow:0 0 0 1px rgba(196,120,120,.18),0 16px 44px rgba(242,170,160,.44)}
.hp .pc-glow-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:var(--ol-w);background:var(--ol-g,var(--btn));pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}

/* ---------- the hub hero: Watch Episode 1 puts the video where the show art was */
.hp .pc-art.is-video{width:100%}
.hp .pc-art.is-video .pc-cover,.hp .pc-art.is-video .pc-eq{display:none}
.hp .pc-hero-vid{position:relative;aspect-ratio:16/9;border-radius:var(--rad-card,10px);overflow:hidden;background:var(--dk);
  box-shadow:0 0 0 8px #fff,0 2px 6px 8px rgba(16,34,52,.06),0 40px 70px -24px rgba(16,34,52,.45);animation:pcVidIn .5s cubic-bezier(.2,.8,.2,1) both}
.hp .pc-hero-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@keyframes pcVidIn{from{opacity:0;transform:rotate(-2.5deg) scale(.92)}to{opacity:1;transform:none}}

/* ---------- the video modal (the cards' Watch). The dialog fills the screen and is see-through, so a click
   anywhere around the box lands on it and closes it. */
html.pc-lock,html.pc-lock body{overflow:hidden}
.pc-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:var(--ps-5);border:0;background:transparent;
  box-sizing:border-box;overflow:auto;overscroll-behavior:contain;color:var(--ink);font-family:var(--f-sans)}
.pc-modal[open]{display:flex;align-items:center;justify-content:center}
.pc-modal::backdrop{background:rgba(11,31,48,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pc-modal-in{position:relative;width:min(1080px,100%);margin:auto;background:var(--g,#faf9f5);border-radius:var(--rad-card,10px);padding:var(--ps-6);
  box-shadow:0 40px 100px -30px rgba(0,0,0,.65);animation:pcModalIn .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes pcModalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.pc-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ps-5);margin-bottom:var(--ps-5)}
.pc-modal-txt{min-width:0}
.pc-modal-k{margin:0 0 var(--ps-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ps-3);font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.pc-modal-n{background:var(--pe-tag,#f6e270);color:var(--pe-tagInk,#143651);font-family:var(--f-sans);font-stretch:110%;font-weight:800;font-size:12px;letter-spacing:.18em;padding:6px 10px}
.pc-modal-t{margin:0;font-stretch:68%;font-weight:850;text-transform:uppercase;font-size:clamp(34px,4.2vw,58px);line-height:.88;letter-spacing:-.008em;color:var(--ink);text-wrap:balance}
.pc-modal-sub{margin:var(--ps-2) 0 0;font-weight:700;font-size:17px;line-height:1.35;color:var(--ink)}
.pc-modal-x{flex:none;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--dk,#10283c);color:#fff;transition:transform .15s ease}
.pc-modal-x:hover{transform:scale(1.06)}
.pc-modal-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.pc-modal-x:focus-visible{outline:2px solid var(--dk,#10283c);outline-offset:3px}
.pc-modal-vid{position:relative;aspect-ratio:16/9;width:min(100%,calc((100vh - 250px) * 16 / 9));margin-inline:auto;background:var(--dk,#10283c);border-radius:8px;overflow:hidden}
@supports (height:100dvh){.pc-modal-vid{width:min(100%,calc((100dvh - 250px) * 16 / 9))}}
.pc-modal-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pc-modal-foot{margin:var(--ps-4) 0 0;font-family:var(--f-mono);font-size:13px;color:var(--ink2)}
.pc-modal-foot a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pe-line2,rgba(29,74,110,.34));text-underline-offset:3px}
.pc-modal-foot a:hover{text-decoration-color:currentColor}
.pc-modal-foot a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pc-trap{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
@media (max-width:700px){
  .pc-modal{padding:var(--ps-3)}
  .pc-modal-in{padding:var(--ps-4)}
  .pc-modal-head{gap:var(--ps-3);margin-bottom:var(--ps-4)}
  .pc-modal-k{margin-bottom:var(--ps-2);font-size:12px}
  .pc-modal-n{font-size:10.5px;padding:4px 7px}
  .pc-modal-t{font-size:30px}
  .pc-modal-sub{font-size:15px}
  .pc-modal-x{width:44px;height:44px}
  .pc-modal-vid{width:100%}
}
@media (prefers-reduced-motion:reduce){.pc-modal-in,.hp .pc-hero-vid{animation:none}.hp .btn-ol,.pc-modal-x{transition:none}}