:root{--head:#0E1A2B;--soft:var(--soft);--body:#1F2836;--deep:#08111D;--on-accent:#fff;--tag-dark:#FF6B74;--card:#fff;--night:#0E1A2B;--night2:#172A44;--red:#D0202E;--gold:#C9A24D;--gold-ink:#8A6420;--ink:#18212E;--slate:#5A6475;--mist:#F1F3F6;--line:#DCE1E8;--paper:#fff;
--hd:"Archivo","Arial Narrow",Arial,sans-serif;--sr:"Source Serif 4",Georgia,serif;--max:1280px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:130px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sr);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h2 a:hover,h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--gold);color:var(--head);padding:10px 14px;font:700 15px var(--hd)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.sec{margin-top:64px}

/* top chrome */
.util{background:var(--deep);color:#AEBBCD;font:500 13px/1 var(--hd)}
.util-in{display:flex;justify-content:space-between;align-items:center;height:38px}
.util-right{display:flex;align-items:center;gap:18px}
.util-yt{color:#fff;font-weight:700}.util-yt:hover{color:#FF6B74}
.socials{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.socials a{display:inline-flex;align-items:center;gap:8px;color:inherit;border-radius:999px;transition:background .15s,color .15s}
.util-socials a{width:30px;height:30px;justify-content:center}
.util-socials a:hover{background:rgba(255,255,255,.1);color:#fff}
.socials.big{gap:8px}
.socials.big a{min-width:44px;height:44px;justify-content:center;padding:0 12px;background:rgba(255,255,255,.08);color:#fff;font:700 14px var(--hd)}
.socials.big a:hover{background:var(--red)}
.socials.list{flex-direction:column;gap:2px}
.socials.list a{padding:5px 0;font:500 15px var(--hd)}
.mast{position:sticky;top:0;z-index:40;background:var(--night);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.admin-bar .mast{top:32px}
@media (max-width:782px){.admin-bar .mast{top:0}}
.mast-in{display:flex;align-items:center;gap:20px;padding-top:14px;padding-bottom:12px;transition:padding .2s}
.brand{display:flex;align-items:center;gap:18px;min-width:0}
.brand-logo{height:92px;width:auto;transition:height .2s;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.tagline{font:italic 400 16px/1.3 var(--sr);color:#C3CDDB;max-width:15ch;border-left:2px solid var(--red);padding-left:16px}
.mast-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.sbox{display:flex;align-items:center;border:1.5px solid rgba(255,255,255,.18);border-radius:999px;padding:0 4px 0 16px;height:44px;background:rgba(255,255,255,.06)}
.sbox input{border:0;background:transparent;font:500 15px var(--hd);width:180px;color:#fff;outline:none}
.sbox input::placeholder{color:#94A3B8}
.watch-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font:750 14.5px var(--hd);white-space:nowrap}
.watch-btn:hover{background:#B01824}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#fff;cursor:pointer;border-radius:10px}
.menu-btn{display:none;margin-left:-10px}
.catnav{background:var(--night2);border-top:1px solid rgba(255,255,255,.06)}
.catnav ul{list-style:none;display:flex;gap:2px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.catnav ul::-webkit-scrollbar{display:none}
.catnav a{display:block;padding:13px 12px;font:650 15px/1 var(--hd);font-stretch:90%;color:#E6EBF2;white-space:nowrap;border-bottom:3px solid transparent}
.catnav a:hover{color:#fff;border-bottom-color:var(--red)}
.mast.slim .mast-in{padding-top:6px;padding-bottom:6px}
.mast.slim .brand-logo{height:50px}
.mast.slim .tagline{display:none}

.drawer{position:fixed;inset:0;z-index:60;background:rgba(14,26,43,.6)}
.drawer-panel{background:var(--night);color:#fff;width:min(88vw,380px);height:100%;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top,0px)) 22px calc(28px + env(safe-area-inset-bottom,0px))}
.close-btn{color:#fff;margin-left:-10px}
.drawer .socials{margin-bottom:6px}
.drawer .sbox{margin:12px 0 18px;width:100%}.drawer .sbox input{width:100%}
.drawer-nav{list-style:none;padding:0;margin:0}
.drawer-nav a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font:700 20px/1.1 var(--hd);font-stretch:85%}
.drawer-h{font:700 14px var(--hd);color:var(--gold);margin:26px 0 10px}

/* ticker */
.ticker{background:var(--paper);border-bottom:1px solid var(--line)}
.ticker-in{display:flex;align-items:center;gap:18px;height:46px}
.live{display:flex;align-items:center;gap:8px;font:800 14px var(--hd);color:var(--red);flex:none}
.dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(208,32,46,.5)}100%{box-shadow:0 0 0 9px rgba(208,32,46,0)}}
.ticker ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.ticker ul::-webkit-scrollbar{display:none}
.ticker li{flex:none}
.ticker a{font:600 14.5px/1 var(--hd);color:var(--head);white-space:nowrap}
.ticker time{color:var(--slate);font-weight:500;margin-right:8px}
.ticker a:hover{color:var(--red)}

/* meta */
.meta{display:flex;align-items:baseline;gap:12px;font:600 13px/1.2 var(--hd);margin-bottom:8px}
.ctag{color:var(--red);font-weight:750}.ctag:hover{text-decoration:underline}
.meta time{color:var(--slate);font-weight:500}
.on-dark .ctag{color:var(--tag-dark)}.on-dark time{color:#AEBBCD}
.dek{font:400 18px/1.55 var(--sr);color:var(--soft);margin:12px 0 0;max-width:62ch}
.card .dek,.poster .dek{font-size:16px;margin-top:8px}
.lead .dek{font-size:18px}

/* HERO */
.hero{background:radial-gradient(1200px 500px at 15% 0%,var(--night2),var(--night) 70%);color:#fff;padding:36px 0 44px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:36px}
/* lead story: photo on top, words underneath (the photo already carries its own headline art) */
.lead{position:relative;display:block}
.lead>img,.lead>.ph{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#0a1320}
.lead>.ph{position:relative;display:grid}
.lead-body{padding:22px 0 0}
.lead-title{font:850 clamp(28px,3.1vw,44px)/1.02 var(--hd);font-stretch:72%;letter-spacing:-.01em;margin:0;max-width:26ch;text-wrap:balance}
.lead-title a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.lead .dek{color:#D7DEE8;max-width:62ch}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-side h2{font:800 15px/1 var(--hd);color:var(--gold);margin:4px 0 12px}
.hrow{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.hrow:last-child{border-bottom:0}
.hrow-title{font:750 19px/1.16 var(--hd);font-stretch:84%;margin:0;color:#fff;text-wrap:pretty}
.hrow-thumb{display:block;width:104px;height:78px;border-radius:6px;overflow:hidden;background:var(--night2)}
.hrow-thumb img{width:100%;height:100%;object-fit:cover}

/* rows & cards */
.row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.rows .row:first-child,.pol-list .row:first-child{padding-top:0}.row:last-child{border-bottom:0}
.row-thumb{display:block;width:96px;height:96px;border-radius:6px;overflow:hidden;background:var(--mist)}
.row-thumb img{width:100%;height:100%;object-fit:cover}
.row-title{font:750 19px/1.18 var(--hd);font-stretch:84%;color:var(--head);margin:0;text-wrap:pretty}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:4px solid var(--head);padding-top:14px;margin-bottom:24px}
.sec-head h2{font:900 36px/1 var(--hd);font-stretch:70%;color:var(--head);margin:0;letter-spacing:-.01em}
.sec-head a{font:650 14px var(--hd);color:var(--red);white-space:nowrap}
.sec-head.on-dark{border-top-color:var(--red)}.sec-head.on-dark h2{color:#fff}.sec-head.on-dark a{color:#FF6B74}
.card-media{display:block;overflow:hidden;border-radius:8px;background:var(--mist);margin-bottom:14px}
.card-media img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}
.card:hover .card-media img{transform:scale(1.03)}
.card-title{font:780 22px/1.12 var(--hd);font-stretch:80%;color:var(--head);margin:0;text-wrap:pretty}
.big .card-title{font-size:clamp(24px,2.6vw,34px)}

.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
.rail-col{display:flex;flex-direction:column;gap:28px;position:sticky;top:140px}
.most{background:var(--mist);border-radius:10px;padding:24px 24px 10px}
.most h2{font:900 28px/1 var(--hd);font-stretch:70%;margin:0 0 6px;color:var(--head)}
.most ol{list-style:none;counter-reset:r;margin:0;padding:0}
.most li{counter-increment:r;display:grid;grid-template-columns:38px 1fr;gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
.most li:last-child{border-bottom:0}
.most li::before{content:counter(r);font:900 32px/.9 var(--hd);font-stretch:70%;color:var(--red)}
.most a{font:680 16.5px/1.22 var(--hd);font-stretch:86%;color:var(--head)}
.most a:hover{color:var(--red)}

.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}

/* picks */
.picks{background:var(--night);margin-top:72px;padding:44px 0 60px}
.posters{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.poster{position:relative;border-radius:10px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;isolation:isolate}
.poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}
.poster:hover>img{transform:scale(1.03)}
.poster::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,26,43,0) 25%,rgba(14,26,43,.95) 80%)}
.poster-body{padding:28px}
.poster-title{font:850 clamp(24px,2.8vw,36px)/1.02 var(--hd);font-stretch:70%;color:#fff;margin:0}
.poster-title a::after{content:"";position:absolute;inset:0}
.poster .ctag{position:relative;z-index:2}
.poster .dek{color:#D3DBE6}

/* ADS shared */
.ad-label{display:block;text-align:left;font:600 11.5px/1 var(--hd);color:var(--slate);margin-bottom:8px;letter-spacing:.02em}
.ad{border-radius:14px;overflow:hidden;position:relative;isolation:isolate}
.cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:780 15.5px var(--hd);white-space:nowrap;transition:transform .15s,background .15s}
.cta:hover{transform:translateY(-1px)}
.cta.ghost{border:1.5px solid currentColor}

/* Ad 1: podcast billboard */
.ad-pod{background:#0A0F18;color:#fff;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:380px}
.ad-pod-art{position:relative;overflow:hidden}
.ad-pod-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ad-pod-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,24,0) 55%,#0A0F18)}
.play{position:absolute;left:50%;top:50%;width:92px;height:64px;margin:-32px 0 0 -46px;border-radius:18px;background:#FF0033;display:grid;place-items:center;z-index:2;box-shadow:0 14px 40px rgba(255,0,51,.45);transition:transform .2s}
.ad-pod:hover .play{transform:scale(1.07)}
.ad-pod-copy{padding:44px 48px 40px 20px;display:flex;flex-direction:column;justify-content:center}
.ad-pod .ad-label{color:#7F8DA3}
.show-logo{width:170px;height:auto;margin:0 0 18px}
.ad-pod-art .art-logo{inset:auto;left:50%;top:50%;width:46%;height:auto;object-fit:contain;transform:translate(-50%,-50%);opacity:.22;z-index:0}
.ad-pod-art img:first-child{z-index:1}
.ad-pod-art{background:radial-gradient(circle at 40% 40%,#1b2a44,#0A0F18)}
.ad-pod-stat{font:900 clamp(78px,10vw,148px)/.82 var(--hd);font-stretch:70%;letter-spacing:-.03em;margin:0;
 background:linear-gradient(180deg,#fff 30%,#9FB0C8);-webkit-background-clip:text;background-clip:text;color:transparent}
.ad-pod-sub{font:800 clamp(22px,2.4vw,30px)/1.05 var(--hd);font-stretch:78%;margin:10px 0 14px}
.ad-pod-copy .ad-pod-desc{color:#B9C4D4;margin:0 0 24px;max-width:44ch;font-size:16.5px}
.ad-pod-ctas{display:flex;flex-wrap:wrap;gap:10px}
.cta.yt{background:#FF0033;color:#fff}.cta.yt:hover{background:#E0002D}
.ad-pod .cta.ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.ad-pod .cta.ghost:hover{background:#fff;color:#0A0F18}
.plats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;font:600 13px var(--hd);color:#7F8DA3}
.plats a:hover{color:#fff}

/* Ad 2: The Best Round */
.ad-tbr{background:#0D4F33;color:#fff;padding:26px 24px 24px;text-align:left}
.ad-tbr::before{content:"";position:absolute;inset:0;z-index:-1;
 background:radial-gradient(circle at 85% 18%,rgba(198,255,61,.28),transparent 42%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 26px,transparent 26px 52px)}
.ad-tbr .ad-label{color:#9DCBB3}
.tbr-logo{width:100%;height:auto;margin:8px 0 4px}
.tbr-tag{font:700 13px var(--hd);color:#C6FF3D;margin:6px 0 0;text-align:center;letter-spacing:.06em}
.tbr-name{font:900 40px/.9 var(--hd);font-stretch:68%;text-transform:uppercase;margin:0;letter-spacing:-.01em}
.tbr-name span{display:block;color:#C6FF3D}
.tbr-copy{font:500 16px/1.45 var(--hd);color:#DCEFE4;margin:14px 0 20px}
.tbr-feats{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.tbr-feats li{display:flex;align-items:center;gap:10px;font:700 15px var(--hd)}
.tbr-feats li::before{content:"";width:10px;height:10px;border-radius:50%;background:#C6FF3D;flex:none}
.ad-tbr .ctas{display:grid;gap:10px}
.cta.lime{background:#C6FF3D;color:#0D3A26;justify-content:center}.cta.lime:hover{background:#D6FF6E}
.ad-tbr .cta.ghost{color:#fff;justify-content:center;border-color:rgba(255,255,255,.4)}
.ad-tbr .cta.ghost:hover{background:#fff;color:#0D4F33}
.handle{font:600 13px var(--hd);color:#9DCBB3;margin-top:14px;display:block}

/* Ad 3: Good Dot Dot */
.ad-gdd{background:#0A0A0A;border:2px solid #0A0A0A;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);color:#fff;border-radius:14px}
.gdd-main{background:#fff;color:#0A0A0A;padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.gdd-logo{width:200px;height:auto;margin-bottom:28px;display:block}
.gdd-h{font:900 clamp(32px,3.8vw,54px)/.96 var(--hd);font-stretch:70%;letter-spacing:-.015em;margin:0 0 18px;max-width:16ch}
.gdd-ctas{display:flex;flex-wrap:wrap;gap:10px}
.cta.red{background:#C8102E;color:#fff}.cta.red:hover{background:#A80D26}
.ad-gdd .cta.ghost{color:#0A0A0A}.ad-gdd .cta.ghost:hover{background:#0A0A0A;color:#fff}
.gdd-art{display:block;position:relative;overflow:hidden;background:#0A0A0A}
.gdd-art img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s}
.gdd-art:hover img{transform:scale(1.02)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* placeholder when a post has no featured image */
.ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--night2),var(--night))}
.ph::after{content:"THIS!";font:900 italic 15px/1 var(--hd);color:rgba(244,238,226,.5)}
.card-media .ph{aspect-ratio:16/9}
.poster .ph{position:absolute;inset:0;z-index:-2}

/* pod art layering */
.ad-pod-art .art-photo{z-index:1}

/* tech + politics */
.tech{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid2 .card-title{font-size:19px}
.politics{background:var(--mist);margin-top:72px;padding:48px 0 56px}
.politics .sec-head{border-top-color:var(--red)}
.pol-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px}
.pol-list .row{border-bottom-color:#D2D8E1}

/* Good Dot Dot founders */
.gdd-intro{font-size:17px;color:#333;margin:0 0 22px;max-width:52ch}
.founders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 26px}
.founder{border-top:3px solid #C8102E;padding-top:12px}
.founder p{margin:0}
.f-name{font:850 20px/1.1 var(--hd);font-stretch:80%}
.f-role{font:600 13px/1.3 var(--hd);color:#C8102E;margin:3px 0 8px!important}
.f-bio{font:400 14.5px/1.45 var(--sr);color:#444}

/* closer */
.closer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:stretch;margin-bottom:76px}
.mared{display:flex;align-items:center;background:var(--mist);border-radius:12px;overflow:hidden;padding:14px}
.mared img{width:100%;border-radius:4px}
.follow{background:var(--night);color:#fff;border-radius:12px;padding:28px}
.follow h2{font:900 32px/1 var(--hd);font-stretch:70%;margin:0 0 8px}
.follow p{margin:0 0 18px;color:#C3CDDB;font-size:16px}
.follow .follow-sub{font:700 14px var(--hd);color:var(--gold);margin:22px 0 10px}

/* footer */
.foot{background:var(--deep);color:#AEBBCD;padding:56px 0 calc(24px + env(safe-area-inset-bottom,0px))}
.foot-in{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;gap:40px}
.foot-logo{height:96px;width:auto;margin-bottom:12px}
.foot-brand p{font-style:italic;margin:0 0 14px}
.foot-brand .socials a{width:38px;height:38px;justify-content:center;background:rgba(255,255,255,.07)}
.foot-brand .socials a:hover{background:var(--red);color:#fff}
.foot h2{font:800 15px var(--hd);color:var(--gold);margin:0 0 12px}
.foot ul{list-style:none;padding:0;margin:0}
.foot .cols2{columns:2;column-gap:20px}
.foot li{padding:5px 0;font:500 15px var(--hd)}
.foot .socials.list li{padding:0}
.foot a:hover{color:#fff}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font:500 13px var(--hd)}

/* tablet */
@media (max-width:1060px){
  .tagline{display:none}
  .hero-grid{grid-template-columns:1fr;gap:20px}
  .hero-side{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
  .hero-side h2{grid-column:1/-1}
  .hrow:nth-last-child(2){border-bottom:0}
  .split{grid-template-columns:1fr}
  .rail-col{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tech,.pol-grid{grid-template-columns:1fr}
  .ad-pod,.ad-gdd{grid-template-columns:1fr}
  .gdd-art{aspect-ratio:1/1}
  .ad-pod-art{min-height:300px}
  .ad-pod-art::after{background:linear-gradient(180deg,rgba(10,15,24,0) 60%,#0A0F18)}
  .ad-pod-copy{padding:8px 32px 36px}
  .sbox input{width:130px}
  .foot-in{grid-template-columns:1fr 1fr}
}
/* phone */
@media (max-width:720px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .sec{margin-top:48px}
  .util,.watch-btn,.mast .sbox input{display:none}
  .menu-btn{display:inline-grid}
  .mast-in{padding-top:8px;padding-bottom:8px;gap:4px}
  .brand{margin:0 auto 0 4px}
  .brand-logo{height:54px}
  .mast.slim .brand-logo{height:42px}
  .mast .sbox{border:0;background:none;padding:0}
  .mast-actions{margin-left:0}
  .catnav a{padding:11px 10px;font-size:14.5px}
  .ticker-in{height:42px;gap:12px}
  .hero{padding:0 0 28px}
  .hero .wrap{padding:0}
  .lead{border-radius:0;min-height:0;display:block;background:var(--night)}
  .lead>img,.lead>.ph{aspect-ratio:16/9;border-radius:0}
  .lead-body{padding:18px 16px 4px}
  .lead-title{font-size:clamp(32px,9vw,42px)}
  .lead .dek{font-size:17px}
  .hero-side{display:block;padding:8px 16px 0}
  .hrow:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.13)}
  .hrow{grid-template-columns:minmax(0,1fr) 88px}
  .hrow-thumb{width:88px;height:66px}
  .hrow-title{font-size:18px}
  .pair{grid-template-columns:1fr;gap:20px}
  .row{grid-template-columns:minmax(0,1fr) 84px;gap:14px}
  .rows .row:first-child,.pol-list .row:first-child{padding-top:18px}
  .row-thumb{order:2;width:84px;height:84px}
  .row-title{font-size:18.5px}
  .sec-head h2{font-size:31px}
  .rail-col{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr;gap:22px}
  .grid4{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:16px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
  .grid4::-webkit-scrollbar{display:none}
  .grid4 .card{flex:0 0 78%;scroll-snap-align:start}
  .grid3{grid-template-columns:1fr}
  .politics{padding:36px 0 40px;margin-top:56px}
  .posters{grid-template-columns:1fr}
  .poster{min-height:380px}
  .poster-body{padding:20px}
  .ad-pod-art{min-height:220px}
  .ad-pod-copy{padding:4px 22px 28px}
  .play{width:76px;height:54px;margin:-27px 0 0 -38px}
  .ad-pod-ctas .cta{flex:1 1 100%;justify-content:center}
  .gdd-main{padding:28px 22px}
  .gdd-logo{width:160px;height:auto}
  .founders{grid-template-columns:1fr}
  .gdd-art{aspect-ratio:4/5}
  .gdd-ctas .cta{flex:1 1 100%;justify-content:center}
  .show-logo{width:140px}
  .closer{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr;gap:28px}
}

/* =====================================================================
   Inner pages
   ===================================================================== */
.drawer-cta{margin-top:20px}
.catnav .current-menu-item>a,.catnav .current-menu-parent>a,.catnav .current-category-ancestor>a{color:#fff;border-bottom-color:var(--red)}

/* breadcrumbs + chips */
.crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font:600 13.5px/1.3 var(--hd);color:var(--slate)}
.crumbs li+li::before{content:"/";margin:0 8px;color:#A9B3C2}
.crumbs a:hover{color:var(--red)}
.crumbs [aria-current]{color:var(--ink)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:var(--mist);color:var(--head);font:700 14px var(--hd)}
.chips a:hover{background:var(--night);color:#fff}
.chips.on-dark a{background:rgba(255,255,255,.1);color:#fff}
.chips.on-dark a:hover{background:var(--red)}

/* archive + search + page header */
.arch-head{background:radial-gradient(900px 360px at 10% 0%,var(--night2),var(--night) 75%);color:#fff;padding:34px 0 38px}
.arch-head .crumbs ol,.arch-head .crumbs [aria-current]{color:#AEBBCD}
.arch-head .crumbs a:hover{color:#fff}
.arch-title{font:900 clamp(40px,6vw,76px)/.92 var(--hd);font-stretch:68%;letter-spacing:-.015em;margin:0}
.arch-desc{font:400 18px/1.5 var(--sr);color:#C9D2DE;margin:14px 0 0;max-width:62ch}
.arch-head .chips{margin-top:22px}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.arch-lead{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.arch-lead .card-title{font-size:clamp(28px,3.4vw,44px);line-height:1.02}
.arow{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.arow:first-child{padding-top:0}
.arow-media{display:block;border-radius:8px;overflow:hidden;background:var(--mist);aspect-ratio:16/10}
.arow-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.arow:hover .arow-media img{transform:scale(1.03)}
.arow-title{font:800 25px/1.1 var(--hd);font-stretch:78%;color:var(--head);margin:0;text-wrap:pretty}
.arow .dek{font-size:16.5px;margin-top:8px}
.pager ul{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pager a,.pager span{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);font:700 15px var(--hd);color:var(--head)}
.pager a:hover{border-color:var(--night)}
.pager .current{background:var(--night);border-color:var(--night);color:#fff}
.pager .dots{border:0}
.empty{background:var(--mist);border-radius:12px;padding:32px}
.empty h2{font:900 32px/1 var(--hd);font-stretch:70%;margin:0 0 10px;color:var(--head)}
.empty p{margin:0 0 20px;color:var(--soft)}
.big-search{max-width:620px;height:58px;margin-top:20px;background:var(--card);border:0;padding:0 6px 0 20px}
.big-search input{flex:1;width:auto;color:var(--ink);font-size:17px}
.big-search input::placeholder{color:var(--slate)}
.big-search .cta{min-height:46px;border:0;cursor:pointer}

/* article */
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}
.progress span{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(0)}
.story-head{padding-top:30px;padding-bottom:4px}
.story-head>*{max-width:920px}
.kicker{display:inline-block;font:800 14px var(--hd);color:var(--red);margin-bottom:12px}
.kicker:hover{text-decoration:underline}
.story-title{font:850 clamp(36px,5.2vw,66px)/.98 var(--hd);font-stretch:70%;letter-spacing:-.012em;color:var(--head);margin:0;text-wrap:balance}
.story-dek{font:400 clamp(19px,2vw,23px)/1.45 var(--sr);color:var(--soft);margin:18px 0 0;max-width:46ch}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:14px 16px;margin-top:26px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none}
.byline-avatar .avatar,.byline-avatar img{width:46px;height:46px;border-radius:50%;display:block;object-fit:cover;background:var(--mist)}
.byline-text{display:flex;flex-direction:column;gap:3px;margin-right:auto;flex:1;min-width:0}
.byline-name{font:750 16px var(--hd);color:var(--head)}
.byline-name a:hover{color:var(--red)}
.byline-time{display:flex;flex-wrap:wrap;gap:4px 14px;font:500 14px var(--hd);color:var(--slate)}
.share{display:flex;gap:8px}
.share-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--head);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.share-btn:hover{background:var(--night);border-color:var(--night);color:#fff}
.share-btn.ok{background:#0F7A43;border-color:#0F7A43;color:#fff}
.copied{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font:700 12px var(--hd);color:#0F7A43}
.story-figure{margin-top:28px;margin-bottom:0}
.story-figure img{width:100%;height:auto;border-radius:10px;background:var(--mist)}
.story-figure .ph{display:block;aspect-ratio:16/9;border-radius:10px}
.story-figure figcaption{font:500 14px/1.45 var(--hd);color:var(--slate);margin-top:10px}
.story-grid{margin-top:40px}
.story-main{min-width:0}

/* article body typography */
.entry{font:400 19.5px/1.72 var(--sr);color:var(--body);max-width:700px}
.entry>*{margin:0 0 1.15em}
.entry>p:first-child::first-letter{font:900 4.1em/.8 var(--hd);font-stretch:70%;float:left;margin:.08em .1em 0 0;color:var(--head)}
.entry h2{font:850 32px/1.08 var(--hd);font-stretch:74%;color:var(--head);margin:1.6em 0 .5em}
.entry h3{font:800 25px/1.15 var(--hd);font-stretch:78%;color:var(--head);margin:1.5em 0 .45em}
.entry h4{font:800 20px/1.2 var(--hd);color:var(--head);margin:1.4em 0 .4em}
.entry a{color:var(--head);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}
.entry a:hover{color:var(--red)}
.entry strong{color:var(--head)}
.entry ul,.entry ol{padding-left:1.3em}
.entry li{margin:.35em 0}
.entry li::marker{color:var(--red);font-weight:700}
.entry blockquote{margin:1.6em 0;padding:4px 0 4px 26px;border-left:5px solid var(--red);font:italic 400 24px/1.45 var(--sr);color:var(--head)}
.entry blockquote p{margin:0 0 .4em}
.entry blockquote cite{display:block;font:700 14px/1.3 var(--hd);font-style:normal;color:var(--slate);margin-top:8px}
.entry img,.entry video{max-width:100%;height:auto;border-radius:8px}
.entry figure{margin:1.6em 0}
.entry figcaption,.entry .wp-element-caption{font:500 14px/1.45 var(--hd);color:var(--slate);margin-top:8px}
.entry iframe{max-width:100%}
.entry .wp-block-embed__wrapper{position:relative}
.entry .wp-has-aspect-ratio .wp-block-embed__wrapper::before{content:"";display:block;padding-top:56.25%}
.entry .wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%}
.entry table{width:100%;border-collapse:collapse;font:500 15.5px/1.4 var(--hd)}
.entry th,.entry td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.entry th{background:var(--mist);font-weight:800;color:var(--head)}
.entry hr{border:0;border-top:2px solid var(--line);margin:2em 0}
.entry .alignwide{max-width:none}
.entry .aligncenter{margin-left:auto;margin-right:auto}
.entry .alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:50%}
.entry .alignright{float:right;margin:.3em 0 1em 1.4em;max-width:50%}
.entry::after{content:"";display:table;clear:both}
.page-links{font:700 15px var(--hd)}

/* inline show promo inside articles */
.inline-promo{margin:2em 0!important;font-size:16px}
.ip-in{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:20px;background:#0A0F18;color:#fff;border-radius:14px;padding:18px 22px;text-decoration:none!important}
.ip-logo{width:110px;height:auto;border-radius:0!important}
.ip-copy{display:flex;flex-direction:column;gap:4px}
.ip-stat{font:900 30px/1 var(--hd);font-stretch:70%}
.ip-sub{font:500 15px/1.4 var(--hd);color:#B9C4D4}
.ip-in .cta{min-height:44px}
.ip-in:hover .cta{background:#E0002D}
.entry .ip-in,.entry .ip-in:hover{color:#fff}

/* after the article */
.story-foot{max-width:700px;margin-top:36px}
.story-foot .chips{margin-bottom:24px}
.share-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:750 15px var(--hd);color:var(--head)}
.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;margin-top:28px;padding:22px;background:var(--mist);border-radius:12px}
.author-box .avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--card)}
.author-box p{margin:0}
.ab-name{font:850 22px/1.1 var(--hd);font-stretch:78%;color:var(--head)}
.ab-bio{font:400 16px/1.55 var(--sr);color:var(--soft);margin:6px 0 12px!important}
.ab-socials a{width:36px;height:36px;justify-content:center;background:var(--card);color:var(--head)}
.ab-socials a:hover{background:var(--night);color:#fff}

/* comments */
.comments{max-width:700px;margin-top:44px}
.comments-title{font:900 30px/1 var(--hd);font-stretch:70%;color:var(--head);margin:0 0 18px}
.comment-list{list-style:none;margin:0 0 30px;padding:0}
.comment-list .children{list-style:none;padding-left:28px}
.comment-body{padding:18px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.comment-author{display:flex;align-items:center;gap:10px;font:750 15px var(--hd)}
.comment-author .avatar{border-radius:50%}
.comment-author .says{display:none}
.comment-metadata{font:500 13px var(--hd);color:var(--slate);margin:4px 0 8px}
.reply a{font:700 14px var(--hd);color:var(--red)}
.comment-form label{display:block;font:700 14px var(--hd);margin-bottom:6px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;font:400 16px var(--sr)}
.comment-form textarea:focus,.comment-form input:focus{outline:3px solid var(--gold);outline-offset:1px}
.comment-form .submit{border:0;cursor:pointer}

/* pages */
.page-body{padding-top:40px;padding-bottom:72px}
.arch-grid,.latest-strip{margin-bottom:72px}
.page-body .entry{margin:0 auto}
.page-body .entry>p:first-child::first-letter{all:unset}
.page-figure{max-width:1000px}
.page-builder{min-height:40vh}

/* 404 */
.nf{background:radial-gradient(900px 400px at 20% 0%,var(--night2),var(--night) 75%);color:#fff;padding:64px 0 72px}
.nf-in>*{max-width:760px}
.nf .nf-code{font:900 clamp(96px,16vw,180px)/.8 var(--hd);font-stretch:68%;margin:0 0 18px;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.35)}
.nf h1{font:900 clamp(38px,5vw,60px)/.95 var(--hd);font-stretch:70%;margin:0 0 14px}
.nf p{font:400 18px/1.5 var(--sr);color:#C9D2DE;margin:0;max-width:52ch}
.nf-home{display:inline-block;margin-top:18px;font:700 15px var(--hd);color:#fff;border-bottom:2px solid var(--red);padding-bottom:2px}

@media (max-width:1060px){
  .story-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width:720px){
  .arch-head{padding:24px 0 28px}
  .arow{grid-template-columns:minmax(0,1fr) 112px;gap:14px;padding:18px 0}
  .arow-media{order:2;aspect-ratio:1/1}
  .arow-title{font-size:19px}
  .arow .dek{display:none}
  .story-head{padding-top:20px}
  .story-title{font-size:clamp(32px,9vw,42px)}
  .byline{gap:12px}
  .byline .share{width:100%}
  .story-figure{padding:0;margin-top:20px}
  .story-figure img,.story-figure .ph{border-radius:0}
  .story-figure figcaption{padding:0 16px}
  .story-grid{margin-top:28px}
  .entry{font-size:18.5px;line-height:1.68}
  .entry blockquote{font-size:21px;padding-left:18px}
  .entry .alignleft,.entry .alignright{float:none;margin:1em 0;max-width:100%}
  .ip-in{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}
  .ip-logo{width:72px}
  .ip-in .cta{grid-column:1/-1;justify-content:center}
  .author-box{grid-template-columns:56px minmax(0,1fr);padding:18px}
  .author-box .avatar{width:56px;height:56px}
  .big-search{height:54px}
  .big-search .cta{padding:0 16px}
  .nf{padding:44px 0 52px}
}
@media print{.util,.mast,.drawer,.ticker,.rail-col,.share,.share-row,.inline-promo,.foot,.progress,.latest-strip{display:none!important}}


/* =====================================================================
   v1.1 additions
   ===================================================================== */

/* This With Krish Show: intro + 2x2 latest episodes */
.show{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);gap:40px;background:#0A0F18;color:#fff;border-radius:16px;padding:40px}
.show-logo{width:150px;height:auto;margin:0 0 18px}
.show-stat{font:900 clamp(64px,7vw,104px)/.82 var(--hd);font-stretch:70%;letter-spacing:-.03em;margin:0;background:linear-gradient(180deg,#fff 30%,#9FB0C8);-webkit-background-clip:text;background-clip:text;color:transparent}
.show-sub{font:800 22px/1.05 var(--hd);font-stretch:78%;margin:8px 0 14px}
.show-desc{color:#B9C4D4;margin:0 0 22px;font-size:16px;max-width:40ch}
.show-ctas{display:flex;flex-wrap:wrap;gap:10px}
.show .cta.ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.show .cta.ghost:hover{background:#fff;color:#0A0F18}
.show .plats{margin-top:18px}
.eps{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px;align-content:start}
.ep{min-width:0}
.ytp{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 40% 40%,#1b2a44,#0A0F18)}
.yt-play{all:unset;position:absolute;inset:0;cursor:pointer;display:block}
.yt-play:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.yt-play .yt-thumb{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s}
.yt-play:hover .yt-thumb{transform:scale(1.03);opacity:.85}
.ytp .play{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;border-radius:12px;background:#FF0033;display:grid;place-items:center;box-shadow:0 10px 30px rgba(255,0,51,.4);transition:transform .2s}
.yt-play:hover .play{transform:scale(1.08)}
.yt-play .yt-fb{position:absolute;left:50%;top:50%;width:38%;height:auto;transform:translate(-50%,-50%);opacity:.22}
.yt-play .yt-thumb{position:relative}
.ytp iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ep-num{font:800 13px/1 var(--hd);color:#FF5468;margin:14px 0 6px}
.ep-title{font:800 20px/1.12 var(--hd);font-stretch:80%;margin:0;color:#fff;text-wrap:pretty}
.ep-title a:hover{text-decoration:underline;text-underline-offset:3px}
.ep-line{font:400 15px/1.45 var(--sr);color:#B9C4D4;margin:6px 0 0}
.ep-first .ep-title{font-size:22px}
.show-art{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:radial-gradient(circle at 40% 40%,#1b2a44,#0A0F18)}
.show-art img{width:100%;height:100%;object-fit:cover}
.show-art .play{position:absolute;left:50%;top:50%;width:92px;height:64px;margin:-32px 0 0 -46px;border-radius:18px;background:#FF0033;display:grid;place-items:center}

/* Markets strip */
.markets{background:var(--night);margin-top:56px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.mk-in{display:flex;align-items:center;gap:18px;min-height:64px}
.mk-h{flex:none;margin:0;font:900 22px/1 var(--hd);font-stretch:72%;padding-right:18px;border-right:2px solid var(--red)}
.mk-h a{color:#fff}.mk-h a:hover{color:var(--gold)}
.mk-tape{flex:1;min-width:0;min-height:46px;overflow:hidden}
.mk-tape .tradingview-widget-copyright{display:none}

/* Weather box + top-bar chip */
.wx{background:linear-gradient(160deg,var(--night2),var(--night));color:#fff;border-radius:12px;padding:20px 22px 16px;min-height:212px}
.wx-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.wx-h{font:900 24px/1 var(--hd);font-stretch:70%;margin:0;white-space:nowrap}
.wx-place{font:600 13.5px/1.2 var(--hd);color:#AEBBCD;text-align:right}
.wx-now{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin:16px 0 6px}
.wx-now[hidden],.wx-meta[hidden],.wx-days[hidden]{display:none}
.wx-temp{font:900 54px/.9 var(--hd);font-stretch:72%}
.wx-cond{font:650 15px/1.25 var(--hd);color:#D7DEE8}
.wx-meta{font:500 13.5px/1.4 var(--hd);color:#AEBBCD;margin:0 0 12px;white-space:pre-line}
.wx-days{list-style:none;margin:0;padding:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid rgba(255,255,255,.12)}
.wx-days li{display:flex;flex-direction:column;align-items:center;gap:4px;font:700 13px var(--hd)}
.wd-n{color:#AEBBCD;font-weight:600}
.wx-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:14px;font:500 12px var(--hd);color:#7F8DA3}
.wx-loc{background:none;border:0;padding:6px 0;white-space:nowrap;color:var(--gold);font:700 12.5px var(--hd);cursor:pointer}
.wx-loc:hover{text-decoration:underline}
.wx:not(.wx-ready) .wx-place{animation:wxpulse 1.4s ease-in-out infinite}
@keyframes wxpulse{50%{opacity:.45}}
.wx-err .wx-place{animation:none}
.util-wx{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700}
.util-wx[hidden]{display:none}

/* Article ads */
.inline-ad{margin:2em 0!important}
.ia-tbr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;background:#0D4F33;color:#fff;border-radius:14px;padding:22px 24px;position:relative;overflow:hidden;isolation:isolate}
.ia-tbr::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 90% 10%,rgba(198,255,61,.25),transparent 45%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 26px,transparent 26px 52px)}
.ia-logo{grid-column:1/-1;display:block;max-width:360px}
.ia-logo img{width:100%;height:auto;border-radius:0!important}
.entry .ia-tbr a{text-decoration:none;color:inherit}
.entry .ia-tbr .cta.lime{color:#0D3A26}
.entry .ia-tbr .cta.ghost:hover{color:#0D4F33}
.ia-copy{margin:0!important;font:500 16px/1.45 var(--hd);color:#DCEFE4}
.ia-copy span{display:block;color:#C6FF3D;font-weight:700;margin-top:4px}
.ia-ctas{display:flex;flex-wrap:wrap;gap:8px}
.ia-tbr .cta.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.ia-tbr .cta.ghost:hover{background:#fff;color:#0D4F33}
.ad-gdd-side{background:#0A0A0A;border:2px solid #0A0A0A;border-radius:14px;overflow:hidden}
.gs-art{display:block}
.gs-art img{width:100%;height:auto;display:block}
.gs-body{background:#fff;color:#0A0A0A;padding:20px}
.gs-logo{width:120px;height:auto;margin-bottom:12px}
.gs-h{font:900 24px/1 var(--hd);font-stretch:72%;margin:0 0 8px}
.gs-copy{font:400 14.5px/1.45 var(--sr);color:#444;margin:0 0 16px}
.ad-gdd-side .cta{width:100%;justify-content:center}

/* About page */
.ab-hero{background:radial-gradient(900px 500px at 15% 10%,var(--night2),var(--night) 70%);color:#fff;overflow:hidden}
.ab-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:end}
.ab-copy{padding:48px 0 56px}
.ab-hero .crumbs ol,.ab-hero .crumbs [aria-current]{color:#AEBBCD}
.ab-title{font:900 clamp(52px,8vw,112px)/.86 var(--hd);font-stretch:66%;letter-spacing:-.02em;margin:6px 0 16px}
.ab-role{font:800 clamp(20px,2.2vw,26px)/1.15 var(--hd);font-stretch:80%;color:var(--gold);margin:0 0 16px;max-width:30ch}
.ab-lede{font:400 19px/1.55 var(--sr);color:#D7DEE8;margin:0 0 24px;max-width:46ch}
.ab-photo{margin:0;align-self:end;display:flex;justify-content:center}
.ab-photo img{width:auto;max-width:100%;max-height:640px;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,#000 85%,transparent);mask-composite:intersect}
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:0;border-bottom:1px solid var(--line)}
.ab-stats>div{padding:28px 24px 26px 0}
.ab-stats>div+div{padding-left:24px;border-left:1px solid var(--line)}
.ab-num{font:900 clamp(40px,5vw,64px)/.9 var(--hd);font-stretch:70%;color:var(--head);margin:0}
.ab-lbl{font:600 15px/1.35 var(--hd);color:var(--slate);margin:8px 0 0}
.ab-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start;margin-top:56px}
.ab-head{margin:0;position:sticky;top:120px}
.ab-head img{width:100%;height:auto;border-radius:14px;display:block}
.ab-text>p:first-of-type::first-letter{all:unset}
.ab-text h2{margin-top:0}
.brands{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.brand-card{display:flex;flex-direction:column;gap:6px;border-radius:14px;padding:22px;min-height:220px;transition:transform .2s}
.brand-card:hover{transform:translateY(-3px)}
.brand-card img{width:auto;max-width:100%;height:72px;object-fit:contain;object-position:left center;margin-bottom:auto}
.bc-name{font:850 22px/1.05 var(--hd);font-stretch:78%;margin-top:18px}
.bc-line{font:500 14.5px/1.35 var(--hd);opacity:.8}
.bc-show{background:#0A0F18;color:#fff}
.bc-gdd{background:#fff;color:#0A0A0A;border:2px solid #0A0A0A}
.bc-gdd img{height:44px;margin-top:14px}
.bc-tbr{background:#0D4F33;color:#fff}
.bc-tbr img{height:auto;max-height:72px}
.bc-mared{background:var(--mist);color:var(--head)}
.bc-mared img{height:auto;border-radius:4px}
.ab-cta{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-contact{background:var(--mist);border-radius:12px;padding:28px}
.ab-contact h2{font:900 32px/1 var(--hd);font-stretch:70%;margin:0 0 8px;color:var(--head)}
.ab-contact p{margin:0 0 20px;color:var(--soft);font-size:16px}

@media (max-width:1060px){
  .show{grid-template-columns:1fr;gap:30px;padding:32px}
  .brands{grid-template-columns:1fr 1fr}
  .ab-story{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:720px){
  .show{padding:24px 20px;border-radius:12px}
  .show-logo{width:120px}
  .show-ctas .cta{flex:1 1 100%;justify-content:center}
  .eps{grid-template-columns:1fr}
  .eps .ep:not(.ep-first){display:none}
  .markets{margin-top:44px}
  .mk-in{gap:12px;min-height:56px}
  .mk-h{font-size:18px;padding-right:12px}
  .ia-tbr{grid-template-columns:1fr;padding:20px}
  .ia-ctas .cta{flex:1 1 100%;justify-content:center}
  .ab-hero-in{grid-template-columns:1fr;gap:0}
  .ab-copy{padding:28px 0 8px}
  .ab-photo img{max-height:440px}
  .ab-stats{grid-template-columns:1fr}
  .ab-stats>div,.ab-stats>div+div{padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .ab-stats>div:first-child{border-top:0}
  .ab-story{grid-template-columns:1fr;margin-top:36px;gap:28px}
  .ab-head{position:static;max-width:320px}
  .brands{grid-template-columns:1fr}
  .brand-card{min-height:0}
  .ab-cta{grid-template-columns:1fr}
}

/* =====================================================================
   v1.2 Reader looks: light (default), dark, Halloween, Christmas
   ===================================================================== */
html{color-scheme:light}
html[data-look=dark]{color-scheme:dark;
  --paper:#0A111C;--card:#121C2B;--mist:#121C2B;--line:#22304A;--ink:#E3E8EF;--body:#D6DDE7;--head:#F5F7FA;--soft:#B6C1D0;--slate:#93A1B5;
  --night:#0B1626;--night2:#13243B;--deep:#050A12;--red:#E8414D;--gold:#D8B465;--tag-dark:#FF7C84}
html[data-look=halloween]{color-scheme:dark;
  --paper:#100B16;--card:#1B1324;--mist:#1B1324;--line:#33264A;--ink:#EFE6DA;--body:#E6DCCF;--head:#FFF4E6;--soft:#CDBFD9;--slate:#A898B8;
  --night:#1A0F24;--night2:#2E1846;--deep:#0B0610;--red:#FF7518;--gold:#B57CFF;--on-accent:#1A0F24;--tag-dark:#FF9A4D}
html[data-look=christmas]{color-scheme:light;
  --paper:#FFFDF7;--card:#FFFFFF;--mist:#F4EFE2;--line:#E3DAC5;--ink:#1D2A22;--body:#25332A;--head:#0F3B26;--soft:#3F4C43;--slate:#5E6B60;
  --night:#0F3B26;--night2:#1A5A3B;--deep:#082418;--red:#C8102E;--gold:#D4AF37;--tag-dark:#FF8A95}

/* accent buttons keep readable text on bright accents */
.watch-btn,.cta.red,.brief button,.pager .current{color:var(--on-accent)}
html[data-look=halloween] .cta.red{background:var(--red)}
html[data-look=halloween] .cta.red:hover,html[data-look=halloween] .watch-btn:hover{background:#FF8F40}
html[data-look=dark] .pager .current{background:var(--red);border-color:var(--red);color:#fff}
html[data-look=halloween] .pager .current{background:var(--red);border-color:var(--red)}
html[data-look=dark] .ctag,html[data-look=halloween] .ctag{color:var(--tag-dark)}
html[data-look=dark] .crumbs [aria-current],html[data-look=halloween] .crumbs [aria-current]{color:var(--ink)}
html[data-look=dark] .entry>p:first-child::first-letter,html[data-look=halloween] .entry>p:first-child::first-letter{color:var(--red)}
html[data-look=dark] .share-btn:hover,html[data-look=halloween] .share-btn:hover{background:var(--red);border-color:var(--red);color:var(--on-accent)}
html[data-look=dark] .chips a:hover,html[data-look=halloween] .chips a:hover{background:var(--red);color:var(--on-accent)}
html[data-look=halloween] .live,html[data-look=halloween] .kicker{color:var(--red)}
html[data-look=halloween] .dot{background:var(--red)}
html[data-look=christmas] .util,html[data-look=christmas] .foot{background:var(--deep)}
html[data-look=christmas] .catnav{background:var(--night2)}
html[data-look=christmas] .mast{background:var(--night)}
html[data-look=christmas] .catnav a:hover{border-bottom-color:var(--gold)}
html[data-look=halloween] .catnav a:hover{border-bottom-color:var(--red)}
/* soften pure-white ad panels at night so they don't glare */
html[data-look=dark] .ad-gdd,html[data-look=halloween] .ad-gdd,html[data-look=dark] .ad-gdd-side,html[data-look=halloween] .ad-gdd-side{border-color:var(--line)}
body{transition:background-color .35s ease,color .35s ease}

/* =====================================================================
   Reader menu (looks + language)
   ===================================================================== */
.reader-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font:700 14.5px var(--hd);cursor:pointer;white-space:nowrap}
.reader-btn:hover{background:rgba(255,255,255,.14)}
.reader-btn .rb-dots{display:inline-flex}
.reader-btn .rb-dots i{width:12px;height:12px;border-radius:50%;border:2px solid var(--night);margin-left:-5px}
.reader-btn .rb-dots i:first-child{margin-left:0}
.rb-icon{display:none}
.rpanel[hidden]{display:none}
.rpanel{position:fixed;inset:0;z-index:70}
.rp-scrim{position:absolute;inset:0;background:rgba(5,10,18,.45)}
.rp-card{position:absolute;top:84px;right:max(16px,calc((100vw - var(--max))/2 + 24px));width:380px;max-height:calc(100vh - 110px);overflow:auto;background:var(--card);color:var(--ink);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.35);padding:20px 20px 18px;animation:rp-in .22s cubic-bezier(.2,.7,.2,1)}
@keyframes rp-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.rp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rp-title{font:900 26px/1 var(--hd);font-stretch:70%;margin:0;color:var(--head)}
.rp-close{width:40px;height:40px;border-radius:50%;border:0;background:var(--mist);color:var(--head);cursor:pointer;display:grid;place-items:center}
.rp-label{font:800 13px/1 var(--hd);color:var(--slate);margin:18px 0 10px}
.looks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}
.look{position:relative;display:block;cursor:pointer;border-radius:12px;border:2px solid var(--line);overflow:hidden;background:var(--paper);transition:border-color .15s,transform .15s}
.look:hover{transform:translateY(-1px)}
.look input{position:absolute;opacity:0;pointer-events:none}
.look:has(input:checked){border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 22%,transparent)}
.look:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.lk-prev{display:block;height:62px;position:relative}
.lk-prev b{position:absolute;left:10px;right:10px;top:10px;height:12px;border-radius:4px}
.lk-prev s{position:absolute;left:10px;width:58%;bottom:12px;height:7px;border-radius:4px}
.lk-prev u{position:absolute;left:10px;width:38%;bottom:24px;height:7px;border-radius:4px}
.lk-prev em{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:6px}
.lk-name{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;font:750 14px var(--hd);color:var(--head);background:var(--card);border-top:1px solid var(--line)}
.lk-name svg{flex:none}
.lk-light .lk-prev{background:#fff}.lk-light b{background:#0E1A2B}.lk-light s,.lk-light u{background:#C9D1DC}.lk-light em{background:#D0202E}
.lk-dark .lk-prev{background:#0A111C}.lk-dark b{background:#1E2D44}.lk-dark s,.lk-dark u{background:#3A4A63}.lk-dark em{background:#E8414D}
.lk-halloween .lk-prev{background:#100B16}.lk-halloween b{background:#2E1846}.lk-halloween s,.lk-halloween u{background:#4A3466}.lk-halloween em{background:#FF7518;border-radius:50% 50% 45% 45%}
.lk-christmas .lk-prev{background:#FFFDF7}.lk-christmas b{background:#0F3B26}.lk-christmas s,.lk-christmas u{background:#E3DAC5}.lk-christmas em{background:#C8102E;border-radius:50%}
.rp-fx{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--mist);font:650 14px var(--hd);color:var(--head)}
.rp-fx[hidden]{display:none}
.switch{position:relative;width:46px;height:28px;flex:none}
.switch input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.switch span{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .2s;pointer-events:none}
.switch span::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.switch input:checked+span{background:var(--red)}
.switch input:checked+span::after{transform:translateX(18px)}
.switch input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.lang-sel{position:relative}
.lang-sel select{width:100%;height:48px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:600 16px var(--hd);padding:0 40px 0 14px;appearance:none;-webkit-appearance:none;cursor:pointer}
.lang-sel::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.rp-note{font:500 12.5px/1.45 var(--hd);color:var(--slate);margin:8px 0 0}
.rp-note[data-state=err]{color:var(--red)}
.rp-listen{margin-top:16px;width:100%;justify-content:center}
.rp-listen[hidden]{display:none}

/* seasonal nudge */
.nudge{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:65;transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);width:max-content;background:var(--night);color:#fff;border-radius:999px;padding:8px 8px 8px 18px;box-shadow:0 14px 40px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);font:650 14.5px var(--hd);animation:nudge-in .45s cubic-bezier(.2,.8,.2,1.1)}
.nudge[hidden]{display:none}
@keyframes nudge-in{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
.nudge .cta{min-height:38px;padding:0 16px;font-size:14px}
.nudge-x{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}

/* seasonal effects layer */
.fx{position:fixed;inset:0;pointer-events:none;z-index:55;overflow:hidden}
.fx canvas{width:100%;height:100%;display:block}
.bat{position:absolute;left:-60px;width:44px;height:22px;color:#120A1A;filter:drop-shadow(0 0 6px rgba(255,117,24,.35));animation:bat-fly linear forwards}
.bat svg{width:100%;height:100%;animation:bat-flap .22s ease-in-out infinite alternate;transform-origin:50% 60%}
@keyframes bat-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-6vh)}50%{transform:translate(55vw,4vh)}75%{transform:translate(80vw,-4vh)}100%{transform:translate(calc(100vw + 120px),2vh)}}
@keyframes bat-flap{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
html[data-look=halloween] .bat{color:#05020A}

/* =====================================================================
   Listen (read aloud) on articles
   ===================================================================== */
.listen-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--head);font:750 14.5px var(--hd);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.listen-btn:hover,.listen-btn[aria-pressed=true]{background:var(--red);border-color:var(--red);color:var(--on-accent)}
.listen-btn[hidden]{display:none}
.player{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:66;transform:translateX(-50%);width:min(640px,calc(100vw - 24px));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;background:var(--night);color:#fff;border-radius:18px;padding:10px 12px;box-shadow:0 18px 50px rgba(0,0,0,.4);animation:nudge-in .35s cubic-bezier(.2,.8,.2,1.05)}
.player[hidden]{display:none}
.pl-btn{width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.1);color:#fff;font:800 13px var(--hd)}
.pl-btn:hover{background:rgba(255,255,255,.2)}
.pl-main{background:var(--red);color:var(--on-accent)}
.pl-main:hover{background:var(--red);filter:brightness(1.1)}
.pl-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.pl-title{font:750 14px/1.2 var(--hd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-sub{font:500 12.5px/1.2 var(--hd);color:#AEBBCD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-bar{height:4px;border-radius:4px;background:rgba(255,255,255,.15);overflow:hidden}
.pl-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .4s}
.pl-speed{width:auto;min-width:52px;padding:0 10px;border-radius:999px}
.tts-on{background:color-mix(in srgb,var(--gold) 22%,transparent);box-shadow:-10px 0 0 color-mix(in srgb,var(--gold) 22%,transparent),10px 0 0 color-mix(in srgb,var(--gold) 22%,transparent);border-radius:4px;transition:background .3s}
.entry .tts-on{scroll-margin:140px 0 180px}

/* Google translator: keep only our own controls on screen */
#tn-gt,.skiptranslate>iframe,iframe.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-yAWNEb-L7lbkb{display:none!important}
body{top:0!important}
.goog-text-highlight,font font{background:none!important;box-shadow:none!important}

@media (max-width:1060px){
  .reader-btn .rb-text{display:none}
  .reader-btn{padding:0 12px}
}
@media (max-width:720px){
  .reader-btn{display:none}
  .rb-icon{display:inline-grid}
  .rp-card{top:auto;bottom:0;left:0;right:0;width:auto;max-height:86vh;border-radius:20px 20px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));animation:rp-up .28s cubic-bezier(.2,.7,.2,1)}
  @keyframes rp-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
  .rp-card::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 12px}
  .player{grid-template-columns:auto minmax(0,1fr) auto auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:8px 10px}
  .player .pl-stop{display:none}
  .byline .listen-btn{order:3}
  .nudge{border-radius:16px;flex-wrap:wrap;justify-content:center;padding:12px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.fx{display:none}}

/* =====================================================================
   v1.3 Mar-Ed book page + homepage book feature
   ===================================================================== */
.bk-hero{background:radial-gradient(900px 520px at 80% 30%,color-mix(in srgb,var(--red) 18%,transparent),transparent 70%),linear-gradient(180deg,#EEEEF6,#F7F7FB);color:#16181D;overflow:hidden}
html[data-look=dark] .bk-hero,html[data-look=halloween] .bk-hero{background:radial-gradient(900px 520px at 80% 30%,color-mix(in srgb,var(--red) 22%,transparent),transparent 70%),linear-gradient(180deg,var(--night2),var(--night));color:#fff}
.bk-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding-top:40px;padding-bottom:56px}
.bk-hero .crumbs ol,.bk-hero .crumbs [aria-current]{color:inherit;opacity:.7}
.bk-kicker{font:750 15px var(--hd);color:var(--red);margin:6px 0 10px}
.bk-title{font:900 clamp(72px,11vw,148px)/.82 var(--hd);font-stretch:72%;letter-spacing:-.02em;margin:0;color:inherit}
.bk-sub{font:800 clamp(20px,2.3vw,28px)/1.15 var(--hd);font-stretch:80%;margin:16px 0 14px;max-width:24ch}
.bk-lede{font:400 19px/1.55 var(--sr);margin:0 0 26px;max-width:48ch;opacity:.85}
.bk-ctas{display:flex;flex-wrap:wrap;gap:10px}
.bk-hero .cta.ghost{color:inherit;border-color:currentColor}
.bk-cover-wrap{position:relative;justify-self:center;width:min(380px,100%)}
.bk-cover{width:100%;height:auto;border-radius:4px 10px 10px 4px;box-shadow:-10px 0 0 -4px rgba(0,0,0,.08),0 30px 60px rgba(20,24,40,.35),0 6px 14px rgba(20,24,40,.2);transform:perspective(1200px) rotateY(-9deg);transform-origin:left center}
.bk-badge{position:absolute;right:-18px;top:-18px;width:118px;height:118px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:rotate(8deg)}
.bk-badge-num{font:900 30px/1 var(--hd);font-stretch:72%}
.bk-badge-lbl{font:700 12px/1.1 var(--hd);margin-top:3px}
.bk-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.bk-stats>div{padding:26px 20px 24px 0}
.bk-stats>div+div{padding-left:20px;border-left:1px solid var(--line)}
.bk-num{font:900 clamp(36px,4.4vw,56px)/.9 var(--hd);font-stretch:70%;color:var(--head);margin:0}
.bk-lbl{font:600 14.5px/1.35 var(--hd);color:var(--slate);margin:8px 0 0}
.bk-quotes{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
.bk-q{margin:0;padding:28px;border-radius:14px;background:var(--mist);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.bk-q blockquote{margin:0}
.bk-q blockquote p{margin:0;font:italic 400 22px/1.4 var(--sr);color:var(--head)}
.bk-q blockquote p::before{content:"\201C";display:block;font:900 64px/.6 var(--sr);color:var(--red);margin-bottom:10px}
.bk-q-lead{background:var(--night);color:#fff}
.bk-q-lead blockquote p{color:#fff;font-size:clamp(24px,2.4vw,32px)}
.bk-q figcaption{display:flex;flex-direction:column;gap:2px}
.bk-q-who{font:800 16px var(--hd);color:var(--head)}
.bk-q-lead .bk-q-who{color:#fff}
.bk-q-role{font:500 13.5px var(--hd);color:var(--slate)}
.bk-q-lead .bk-q-role{color:#AEBBCD}
.bk-inside{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.bk-inside-intro h2{font:900 clamp(34px,4vw,52px)/.95 var(--hd);font-stretch:70%;color:var(--head);margin:0 0 16px}
.bk-inside-intro p{font:400 18px/1.6 var(--sr);color:var(--soft);margin:0}
.bk-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bk-list li{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1.5px solid var(--line);border-radius:12px;background:var(--card)}
.bk-list li::before{content:"";flex:none;width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--red)}
.bk-li-t{font:750 17px/1.3 var(--hd);color:var(--head)}
.bk-for{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bk-for-card{padding:24px;border-radius:14px;background:var(--mist);border-top:4px solid var(--red)}
.bk-for-card h3{font:900 26px/1 var(--hd);font-stretch:72%;color:var(--head);margin:0 0 10px}
.bk-for-card p{margin:0;font:400 16px/1.5 var(--sr);color:var(--soft)}
.bk-authors{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.bk-photo{margin:0}
.bk-photo img{width:100%;height:auto;border-radius:16px;display:block}
.bk-authors-copy h2{font:900 clamp(34px,4vw,52px)/.95 var(--hd);font-stretch:70%;color:var(--head);margin:0 0 20px}
.bk-author{padding:16px 0;border-top:1px solid var(--line)}
.bk-author h3{font:850 22px/1.1 var(--hd);font-stretch:80%;color:var(--head);margin:0 0 6px}
.bk-author p{margin:0;font:400 16.5px/1.55 var(--sr);color:var(--soft)}
.bk-together{font:400 17px/1.55 var(--sr);color:var(--soft);margin:16px 0 20px;padding-top:16px;border-top:1px solid var(--line)}
.bk-authors .cta.ghost{color:var(--head)}
.bk-final-in{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;align-items:center;background:var(--night);color:#fff;border-radius:18px;padding:32px 36px}
.bk-final-in img{width:150px;height:auto;border-radius:3px 8px 8px 3px;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.bk-final-in h2{font:900 clamp(28px,3.4vw,44px)/1 var(--hd);font-stretch:72%;margin:0 0 8px}
.bk-final-in p{margin:0 0 20px;font:italic 400 19px/1.4 var(--sr);color:#C9D2DE}

.book-promo{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:center;background:linear-gradient(135deg,#EEEEF6,#F8F8FC);border-radius:14px;padding:24px 28px;color:#16181D}
html[data-look=dark] .book-promo,html[data-look=halloween] .book-promo{background:var(--mist);color:var(--ink)}
.bp-cover img{width:150px;height:auto;border-radius:3px 8px 8px 3px;box-shadow:0 16px 34px rgba(20,24,40,.3);transition:transform .3s}
.bp-cover:hover img{transform:translateY(-3px) rotate(-1.5deg)}
.bp-stat{margin:0 0 8px;font:700 14px var(--hd);color:var(--red)}
.bp-stat span{font:900 26px/1 var(--hd);font-stretch:72%;margin-right:4px}
.bp-title{font:900 clamp(26px,2.8vw,36px)/1 var(--hd);font-stretch:72%;margin:0 0 10px}
.bp-title a{color:inherit}
.bp-sub{font:400 16px/1.5 var(--sr);margin:0 0 18px;opacity:.85;max-width:46ch}
.bp-ctas{display:flex;flex-wrap:wrap;gap:10px}
.book-promo .cta.ghost{color:inherit;border-color:currentColor}

/* =====================================================================
   v1.3 About page
   ===================================================================== */
.ab2-hero{background:radial-gradient(900px 500px at 15% 10%,var(--night2),var(--night) 70%);color:#fff;padding:40px 0 64px}
.ab2-hero .crumbs ol,.ab2-hero .crumbs [aria-current]{color:#AEBBCD}
.ab2-title{font:900 clamp(48px,7.4vw,104px)/.9 var(--hd);font-stretch:66%;letter-spacing:-.02em;margin:10px 0 22px}
.ab2-lede{font:400 clamp(18px,1.9vw,21px)/1.55 var(--sr);color:#D7DEE8;margin:0;max-width:58ch}
.ab2-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.ab2-stats>div{padding:28px 20px 26px 0}
.ab2-stats>div+div{padding-left:20px;border-left:1px solid var(--line)}
.ab2-story{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
.ab2-story-head h2{font:900 clamp(36px,4.4vw,56px)/.92 var(--hd);font-stretch:70%;color:var(--head);margin:0;position:sticky;top:130px}
.ab2-story-body>p:first-child::first-letter{all:unset}
.ab2-story-body p{font-size:19px}
.ab2-mv{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mv{border-radius:16px;padding:32px}
.mv h2{font:900 30px/1 var(--hd);font-stretch:70%;margin:0 0 14px}
.mv p{margin:0;font:400 19px/1.55 var(--sr)}
.mv-mission{background:var(--night);color:#fff}
.mv-mission p{color:#D7DEE8}
.mv-vision{background:var(--mist);color:var(--head)}
.mv-vision p{color:var(--soft)}
.ab2-free{background:var(--red);color:var(--on-accent);margin-top:64px;padding:44px 0}
.ab2-free-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.ab2-free h2{font:900 clamp(32px,4vw,52px)/.95 var(--hd);font-stretch:68%;margin:0}
.ab2-free-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ab2-free-list li{font:500 17px/1.45 var(--hd);padding:14px 18px;border-radius:12px;background:rgba(0,0,0,.14)}
.ab2-free-list strong{font-weight:800}
.ab2-chips{gap:10px}
.fam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fam-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--card);border:1.5px solid var(--line);transition:transform .2s,box-shadow .2s}
.fam-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.fam-media{display:grid;place-items:center;height:170px;padding:22px}
.fam-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.fm-show{background:#0A0F18}
.fm-show img{max-height:116px}
.fm-mared{background:linear-gradient(135deg,#E9E9F3,#F6F6FA);padding:14px}
.fm-mared img{height:142px;border-radius:2px 6px 6px 2px;box-shadow:0 10px 22px rgba(20,24,40,.3)}
.fm-gdd{background:#fff;border-bottom:1.5px solid var(--line)}
.fm-gdd img{width:170px}
.fm-tbr{background:#0D4F33}
.fam-body{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1}
.fam-name{font:850 22px/1.05 var(--hd);font-stretch:78%;color:var(--head)}
.fam-desc{font:400 15.5px/1.5 var(--sr);color:var(--soft);flex:1}
.fam-link{font:750 14.5px var(--hd);color:var(--red);margin-top:6px}
.fam-card:hover .fam-link{text-decoration:underline;text-underline-offset:3px}
.ab-founder{background:radial-gradient(900px 500px at 15% 10%,var(--night2),var(--night) 70%);color:#fff;overflow:hidden;margin-top:72px}
.ab-eyebrow{font:750 15px var(--hd);color:var(--gold);margin:0 0 8px}
.ab-founder .ab-copy{padding:56px 0}
.ab-founder .ab-lede{margin-bottom:14px}
.ab-founder .socials{margin-top:14px}

/* =====================================================================
   v1.3 Podcast library (streaming style, always dark)
   ===================================================================== */
.pod-page{background:#0B0B10;color:#EDEFF4;padding-bottom:64px}
.pod-hero{position:relative;overflow:hidden;isolation:isolate;min-height:520px;display:flex;align-items:center}
.pod-hero-bg{position:absolute;inset:-40px;z-index:-1;background:var(--hero-img) center/cover no-repeat;filter:blur(38px) saturate(1.2) brightness(.55);transform:scale(1.1)}
.pod-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0B0B10 8%,rgba(11,11,16,.75) 45%,rgba(11,11,16,.35)),linear-gradient(0deg,#0B0B10,transparent 40%)}
.pod-hero-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:center;padding-top:44px;padding-bottom:56px;width:100%}
.pod-logo{width:150px;height:auto;margin-bottom:18px}
.pod-new{display:flex;align-items:center;gap:8px;font:800 14px var(--hd);color:#FF5468;margin:0 0 10px}
.pod-new .dot{background:#FF3346}
.pod-hero-title{font:900 clamp(34px,4.6vw,64px)/.95 var(--hd);font-stretch:70%;letter-spacing:-.01em;margin:0 0 14px;color:#fff;max-width:20ch;text-wrap:balance}
.pod-hero-desc{font:400 18px/1.55 var(--sr);color:#C6CCD8;margin:0 0 24px;max-width:56ch}
.pod-hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
.pod-play{background:#fff;color:#0B0B10;border:0;cursor:pointer;min-height:50px;padding:0 26px;font-size:16.5px}
.pod-play:hover{background:#E6E8EE}
.pod-info{background:rgba(255,255,255,.18);color:#fff;border:0;cursor:pointer;min-height:50px}
.pod-info:hover{background:rgba(255,255,255,.28)}
.pod-sub{color:#fff;border-color:rgba(255,255,255,.35)!important;min-height:50px}
.pod-count{margin:20px 0 0;font:600 13.5px var(--hd);color:#8C93A3}
.pod-hero-art{all:unset;cursor:pointer;position:relative;justify-self:end;width:min(360px,100%);aspect-ratio:1;border-radius:16px;overflow:hidden;background:#1A1B24;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.pod-hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.pod-hero-art:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pod-tools{position:relative;z-index:2;background:rgba(11,11,16,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.pod-tools .wrap{display:flex;flex-direction:column;gap:12px;padding-top:14px;padding-bottom:14px}
.pod-search{display:flex;align-items:center;gap:10px;height:50px;border-radius:12px;background:#1A1B24;border:1.5px solid #2A2C38;padding:0 16px;color:#8C93A3;max-width:640px}
.pod-search:focus-within{border-color:#fff;color:#fff}
.pod-search input{flex:1;border:0;background:transparent;outline:none;color:#fff;font:500 16px var(--hd);min-width:0}
.pod-search input::placeholder{color:#7C8394}
.pod-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:0 24px}
.pod-chips::-webkit-scrollbar{display:none}
.pchip{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;border:1.5px solid #2E3040;background:transparent;color:#D5D9E2;font:700 14px var(--hd);cursor:pointer;white-space:nowrap}
.pchip span{font-weight:600;color:#7C8394}
.pchip:hover{border-color:#fff;color:#fff}
.pchip.is-on{background:#fff;color:#0B0B10;border-color:#fff}
.pchip.is-on span{color:#5B6170}
.pod-body{padding-top:28px}
.prow{margin-bottom:34px}
.prow-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.prow-head h2{font:850 24px/1 var(--hd);font-stretch:78%;margin:0;color:#fff}
.prow-ctl{display:flex;gap:6px}
.prow-btn{width:38px;height:38px;border-radius:50%;border:0;background:#1F2130;color:#fff;cursor:pointer;display:grid;place-items:center}
.prow-btn:hover{background:#2E3144}
.prow-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px}
.prow-track::-webkit-scrollbar{display:none}
.pc{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start;min-width:0}
.pc:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:12px}
.pc-art{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#232536,#13141C);transition:transform .25s,box-shadow .25s}
.pc-art img{width:100%;height:100%;object-fit:cover;display:block}
.pc:hover .pc-art{transform:scale(1.04);box-shadow:0 18px 40px rgba(0,0,0,.55)}
.pc-num{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font:800 11.5px var(--hd);letter-spacing:.02em}
.pc-vid{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:6px;background:#FF0033;color:#fff;font:800 11.5px var(--hd)}
.pc-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.92);color:#0B0B10;display:grid;place-items:center;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s}
.pc:hover .pc-play,.pc:focus-visible .pc-play,.pod-hero-art .pc-play{opacity:1;transform:none}
.pod-hero-art .pc-play{width:72px;height:72px;margin:-36px 0 0 -36px}
.pc-title{font:750 15.5px/1.25 var(--hd);color:#EDEFF4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-meta{font:500 12.5px var(--hd);color:#8C93A3}
.pod-results-h{font:850 24px/1.1 var(--hd);font-stretch:78%;color:#fff;margin:0 0 16px}
.pod-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}
.pod-empty{font:500 16px/1.5 var(--hd);color:#AEB4C2;background:#15161F;border-radius:12px;padding:20px}
.pod-listen{margin-top:20px;padding:26px;border-radius:16px;background:#14151E}
.pod-listen h2{font:850 24px/1 var(--hd);font-stretch:78%;margin:0 0 14px;color:#fff}
.pod-plats{display:flex;flex-wrap:wrap;gap:10px}
.pod-plats a{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:#232534;color:#fff;font:700 14.5px var(--hd)}
.pod-plats a:hover{background:#fff;color:#0B0B10}
.pmodal{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:24px}
.pmodal[hidden]{display:none}
.pm-scrim{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.pm-card{position:relative;width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#15161F;color:#EDEFF4;border-radius:18px;box-shadow:0 40px 100px rgba(0,0,0,.6);animation:rp-in .25s cubic-bezier(.2,.7,.2,1)}
.pm-x{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;display:grid;place-items:center}
.pm-media{background:#0B0B10}
.pm-video{aspect-ratio:16/9;position:relative}
.pm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pm-vplay{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.pm-vplay img{width:100%;height:100%;object-fit:cover}
.pm-vplay .pc-play{opacity:1;transform:none;width:76px;height:76px;margin:-38px 0 0 -38px;background:#FF0033;color:#fff}
.pm-art{display:grid;place-items:center;padding:28px 28px 0;background:linear-gradient(180deg,#1E2030,#15161F)}
.pm-art img{width:220px;height:220px;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.pm-body{padding:22px 28px 28px}
.pm-meta{font:700 13.5px var(--hd);color:#8C93A3;margin:0 0 6px}
.pm-title{font:900 clamp(26px,3vw,36px)/1 var(--hd);font-stretch:72%;margin:0 0 12px;color:#fff}
.pm-topics{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.pm-topic{height:30px;padding:0 12px;border-radius:999px;border:1.5px solid #2E3040;background:transparent;color:#D5D9E2;font:700 12.5px var(--hd);cursor:pointer}
.pm-topic:hover{border-color:#fff;color:#fff}
.pm-audio{width:100%;margin:0 0 14px;color-scheme:dark}
.pm-audio[hidden]{display:none}
.pm-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.pm-ctas .cta.ghost{color:#fff;border-color:rgba(255,255,255,.35);background:none;cursor:pointer}
.pm-desc p{font:400 16.5px/1.6 var(--sr);color:#C6CCD8;margin:0 0 12px}

/* =====================================================================
   v1.3 Scoreboard (Sports pages)
   ===================================================================== */
.sb-wrap{margin-top:32px}
.sb{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:22px 22px 14px}
.sb-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.sb-title{font:900 34px/1 var(--hd);font-stretch:70%;color:var(--head);margin:0}
.sb-sub{font:600 13.5px var(--hd);color:var(--slate);margin:6px 0 0}
.sb-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--mist)}
.sb-tab{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--soft);font:750 14px var(--hd);cursor:pointer;white-space:nowrap}
.sb-tab.is-on{background:var(--card);color:var(--head);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.sb-tab .dot{width:8px;height:8px}
.sb-n{font-weight:600;color:var(--slate)}
.sb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sb-sports{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.sb-sports::-webkit-scrollbar{display:none}
.sb-chip{flex:none;height:34px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--head);font:700 13.5px var(--hd);cursor:pointer}
.sb-chip:hover{border-color:var(--head)}
.sb-chip.is-on{background:var(--head);border-color:var(--head);color:var(--paper)}
.sb-group{display:flex;align-items:center;gap:4px;font:600 13px var(--hd);color:var(--slate)}
.sb-group span{margin-right:4px}
.sb-g{height:32px;padding:0 12px;border-radius:8px;border:1.5px solid var(--line);background:transparent;color:var(--soft);font:700 13px var(--hd);cursor:pointer}
.sb-g.is-on{border-color:var(--red);color:var(--red)}
.sb-body{min-height:120px}
.sb-loading,.sb-empty{font:500 16px/1.5 var(--hd);color:var(--slate);padding:26px 4px;margin:0}
.sb-link{border:0;background:none;color:var(--red);font:750 15px var(--hd);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.sb-group-sec{padding-top:18px}
.sb-gh{display:flex;align-items:center;gap:10px;font:850 20px/1 var(--hd);font-stretch:80%;color:var(--head);margin:0 0 12px}
.sb-gl{display:inline-flex;align-items:center;gap:6px;font:800 12.5px var(--hd);color:var(--red)}
.sb-gl .dot{width:7px;height:7px}
.sb-gc{margin-left:auto;font:600 13px var(--hd);color:var(--slate)}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sb-card{display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);transition:border-color .15s,transform .15s}
a.sb-card:hover{border-color:var(--head);transform:translateY(-1px)}
.sb-card.st-in{border-color:color-mix(in srgb,var(--red) 55%,var(--line))}
.sb-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sb-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;font:800 12px var(--hd);white-space:nowrap}
.sb-pill.live{background:var(--red);color:var(--on-accent)}
.sb-pill.live .dot{width:6px;height:6px;background:#fff;box-shadow:none;animation:none}
.sb-pill.final{background:var(--mist);color:var(--soft)}
.sb-pill.pre{background:transparent;border:1.5px solid var(--line);color:var(--head)}
.sb-lg{font:600 12px var(--hd);color:var(--slate);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-note,.sb-event{font:700 13px/1.3 var(--hd);color:var(--slate);margin:0}
.sb-event{color:var(--head);font-size:15px}
.sb-team{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px}
.sb-logo{width:28px;height:28px;object-fit:contain}
.sb-name{font:700 15.5px/1.2 var(--hd);color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-rank{font:700 12px var(--hd);color:var(--slate);margin-right:5px}
.sb-rec{font:500 12px var(--hd);color:var(--slate);margin-left:6px}
.sb-score{font:900 22px/1 var(--hd);font-stretch:80%;color:var(--head);font-variant-numeric:tabular-nums}
.sb-score.sets{font-size:16px;letter-spacing:.12em}
.sb-team.lose .sb-name,.sb-team.lose .sb-score{color:var(--slate);font-weight:600}
.sb-team.win .sb-score{color:var(--head)}
.sb-lead{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sb-lead li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center}
.sb-pos{font:800 13px var(--hd);color:var(--slate)}
.sb-lead .sb-score{font-size:16px}
.sb-none{font:500 13.5px var(--hd);color:var(--slate);margin:0}
.sb-foot{font:500 12px/1.3 var(--hd);color:var(--slate);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-credit{font:500 12px var(--hd);color:var(--slate);margin:14px 0 0}

/* =====================================================================
   v1.3 Auto page: car scene + weekly poll
   ===================================================================== */
.auto-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center}
.car-scene{position:relative;height:240px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#1C2C46 0%,#33496A 52%,#3B3F4A 52.1%);--car:var(--red);--car-hi:color-mix(in srgb,var(--red) 55%,#fff);--car-lo:color-mix(in srgb,var(--red) 55%,#000)}
html[data-look=christmas] .car-scene{--car:#C8102E}
.cs-sky{position:absolute;inset:0 0 48% 0}
.cs-sun{position:absolute;right:16%;top:22%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#FFE29A,#FFB547 60%,transparent 62%);filter:drop-shadow(0 0 22px rgba(255,190,90,.6))}
.cs-city{position:absolute;left:0;right:0;bottom:0;height:46%;opacity:.55;background:
  linear-gradient(#22324D,#22324D) 4% 100%/7% 70% no-repeat,linear-gradient(#22324D,#22324D) 12% 100%/5% 92% no-repeat,linear-gradient(#22324D,#22324D) 18% 100%/8% 55% no-repeat,
  linear-gradient(#22324D,#22324D) 30% 100%/6% 80% no-repeat,linear-gradient(#22324D,#22324D) 38% 100%/9% 62% no-repeat,linear-gradient(#22324D,#22324D) 52% 100%/5% 100% no-repeat,
  linear-gradient(#22324D,#22324D) 60% 100%/8% 72% no-repeat,linear-gradient(#22324D,#22324D) 72% 100%/6% 50% no-repeat,linear-gradient(#22324D,#22324D) 82% 100%/7% 84% no-repeat,linear-gradient(#22324D,#22324D) 94% 100%/6% 60% no-repeat;background-repeat:repeat-x;background-size:auto;animation:cs-par 22s linear infinite}
.cs-hills{position:absolute;left:0;right:0;bottom:0;height:22%;background:radial-gradient(60% 100% at 20% 100%,#2A3C58 70%,transparent 71%),radial-gradient(50% 100% at 75% 100%,#2A3C58 70%,transparent 71%)}
.cs-road{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,#2B2F38,#1E2128)}
.cs-road::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#5C6370}
.cs-lines{position:absolute;left:0;right:0;top:56%;height:5px;background:repeating-linear-gradient(90deg,#F2C14E 0 48px,transparent 48px 96px);animation:cs-road .5s linear infinite}
.cs-car{position:absolute;left:50%;bottom:7%;width:min(76%,440px);transform:translateX(-50%);animation:cs-in 1.6s cubic-bezier(.2,.9,.25,1.1) both,cs-bob 1.1s ease-in-out 1.6s infinite}
.cs-svg{width:100%;height:auto;display:block;overflow:visible}
.cs-wheel{animation:cs-spin .45s linear infinite}
.cs-tail{animation:cs-glow 2.4s ease-in-out infinite}
.cs-speed{position:absolute;left:-22%;top:28%;width:30%;height:44%;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}
.cs-speed i{display:block;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55));animation:cs-streak .7s linear infinite}
.cs-speed i:nth-child(2){width:70%;margin-left:30%;animation-delay:.15s}
.cs-speed i:nth-child(3){width:85%;margin-left:15%;animation-delay:.3s}
.cs-speed i:nth-child(4){width:60%;margin-left:40%;animation-delay:.45s}
.cs-puff{position:absolute;left:2%;bottom:20%;width:40px;height:30px;pointer-events:none}
.cs-puff i{position:absolute;left:0;bottom:0;width:16px;height:16px;border-radius:50%;background:rgba(220,226,235,.55);opacity:0}
.cs-rev{position:absolute;right:12px;bottom:12px;height:34px;padding:0 14px;border-radius:999px;border:0;background:rgba(255,255,255,.92);color:#16181D;font:800 13px var(--hd);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.cs-rev:hover{background:#fff}
.car-scene.rev .cs-car{animation:cs-rev 1.1s cubic-bezier(.3,.7,.3,1)}
.car-scene.rev .cs-wheel{animation-duration:.12s}
.car-scene.rev .cs-lines{animation-duration:.18s}
.car-scene.rev .cs-puff i{animation:cs-puff .9s ease-out forwards}
.car-scene.rev .cs-puff i:nth-child(2){animation-delay:.12s}
.car-scene.rev .cs-puff i:nth-child(3){animation-delay:.24s}
@keyframes cs-in{from{transform:translateX(-160%)}to{transform:translateX(-50%)}}
@keyframes cs-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-2px)}}
@keyframes cs-spin{to{transform:rotate(360deg)}}
@keyframes cs-road{to{background-position:-96px 0}}
@keyframes cs-par{to{background-position:-400px 100%}}
@keyframes cs-streak{from{transform:translateX(30%);opacity:0}30%{opacity:1}to{transform:translateX(-60%);opacity:0}}
@keyframes cs-glow{50%{fill:#FF6A6A}}
@keyframes cs-rev{0%{transform:translate(-50%,0)}12%{transform:translate(-52%,1px) rotate(.6deg)}22%{transform:translate(-48%,-1px) rotate(-.6deg)}55%{transform:translate(-30%,0)}100%{transform:translate(-50%,0)}}
@keyframes cs-puff{0%{opacity:.8;transform:translate(0,0) scale(.5)}100%{opacity:0;transform:translate(-50px,-14px) scale(2.2)}}
@media (prefers-reduced-motion:reduce){.cs-car,.cs-wheel,.cs-lines,.cs-city,.cs-speed i,.cs-tail{animation:none!important}.cs-speed,.cs-rev{display:none}.cs-car{transform:translateX(-50%)}}

.poll{border:1.5px solid var(--line);border-radius:18px;padding:24px;margin-bottom:32px;background:var(--card)}
.poll-kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:600 13px var(--hd);color:var(--slate)}
.poll-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:var(--red);color:var(--on-accent);font:800 12.5px var(--hd)}
.poll-q{font:900 clamp(26px,3vw,36px)/1.02 var(--hd);font-stretch:72%;color:var(--head);margin:0 0 6px}
.poll-desc{font:400 16.5px/1.5 var(--sr);color:var(--soft);margin:0 0 16px}
.poll-img{margin:0 0 16px}
.poll-img img{width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:12px}
.poll-opts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.poll-pics .poll-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
.poll-opt{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);color:var(--head);font:750 16px/1.25 var(--hd);text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;transition:border-color .15s,transform .15s}
.poll-opt:hover{border-color:var(--head)}
.poll:not(.voted) .poll-opt:active{transform:scale(.99)}
.po-img{grid-column:1/-1;display:block;margin:-12px -16px 4px;aspect-ratio:16/9;background:var(--mist);overflow:hidden}
.po-img img{width:100%;height:100%;object-fit:cover;display:block}
.po-pct{font:900 20px var(--hd);font-stretch:80%;color:var(--head);opacity:0;transition:opacity .3s}
.po-bar{position:absolute;left:0;bottom:0;right:0;height:100%;z-index:-1;pointer-events:none}
.po-bar span{display:block;height:100%;width:0;background:color-mix(in srgb,var(--red) 14%,transparent);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.poll-pics .po-bar{top:auto;height:6px}
.poll-pics .po-bar span{background:var(--red)}
.poll.voted .poll-opt{cursor:default}
.poll.voted .po-pct{opacity:1}
.poll-opt.mine{border-color:var(--red)}
.poll-opt.mine .po-label::after{content:"Your vote";margin-left:8px;font:700 11.5px var(--hd);color:var(--red);vertical-align:2px}
.poll.busy{opacity:.7;pointer-events:none}
.poll-foot{font:500 13.5px var(--hd);color:var(--slate);margin:14px 0 0}

/* v1.3 responsive */
@media (max-width:1060px){
  .bk-hero-in,.bk-inside,.bk-authors{grid-template-columns:1fr;gap:32px}
  .bk-quotes{grid-template-columns:1fr 1fr}
  .bk-q-lead{grid-column:1/-1}
  .bk-for,.fam{grid-template-columns:1fr 1fr}
  .bk-stats,.ab2-stats{grid-template-columns:1fr 1fr}
  .bk-stats>div:nth-child(3),.ab2-stats>div:nth-child(3){padding-left:0;border-left:0}
  .ab2-story,.ab2-free-in{grid-template-columns:1fr;gap:20px}
  .ab2-story-head h2{position:static}
  .pod-hero-in{grid-template-columns:1fr;gap:28px}
  .pod-hero-art{justify-self:start;width:240px}
  .prow-track{grid-auto-columns:calc((100% - 2*16px)/3.2)}
  .pod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .auto-head{grid-template-columns:1fr;gap:20px}
}
@media (max-width:720px){
  .bk-hero-in{padding-top:24px;padding-bottom:40px}
  .bk-cover-wrap{width:min(260px,72vw)}
  .bk-badge{width:96px;height:96px;right:-14px;top:-14px}
  .bk-badge-num{font-size:24px}
  .bk-ctas .cta{flex:1 1 100%;justify-content:center}
  .bk-quotes,.bk-for,.bk-list,.ab2-mv,.fam{grid-template-columns:1fr}
  .bk-q{padding:22px}
  .bk-stats>div,.ab2-stats>div{padding:18px 12px 16px 0}
  .bk-stats>div+div,.ab2-stats>div+div{padding-left:12px}
  .bk-final-in{grid-template-columns:1fr;text-align:left;padding:24px}
  .bk-final-in img{width:110px}
  .book-promo{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px}
  .bp-cover img{width:96px}
  .bp-ctas{grid-column:1/-1}
  .bp-ctas .cta{flex:1 1 auto;justify-content:center}
  .ab2-hero{padding:24px 0 40px}
  .mv{padding:24px}
  .ab2-free{padding:32px 0}
  .fam-media{height:150px}
  .pod-hero{min-height:0}
  .pod-hero-in{padding-top:24px;padding-bottom:28px}
  .pod-hero-art{display:none}
  .pod-logo{width:120px}
  .pod-hero-ctas .cta{flex:1 1 auto;justify-content:center}
  .pod-chips{margin:0 -16px;padding:0 16px}
  .prow-ctl{display:none}
  .prow-head h2{font-size:21px}
  .prow-track{grid-auto-columns:42%;gap:12px;margin:0 -16px;padding:6px 16px 10px;scroll-padding-inline:16px}
  .pod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .pmodal{padding:0;align-items:end}
  .pm-card{max-height:92vh;border-radius:18px 18px 0 0}
  .pm-art img{width:170px;height:170px}
  .pm-body{padding:18px 18px 26px}
  .sb{padding:16px 14px 10px;border-radius:14px}
  .sb-head{flex-direction:column;align-items:stretch}
  .sb-tabs{overflow-x:auto;scrollbar-width:none}
  .sb-tab{padding:0 11px;font-size:13.5px}
  .sb-group{width:100%}
  .sb-grid{grid-template-columns:1fr}
  .car-scene{height:180px}
  .poll{padding:18px}
  .poll-pics .poll-opts{grid-template-columns:1fr 1fr;gap:8px}
  .poll-pics .poll-opt{font-size:14.5px;padding:10px 12px}
  .poll-pics .po-img{margin:-10px -12px 4px}
}

/* =====================================================================
   v1.4 Listen: homepage guide, Play all buttons, playlist player
   ===================================================================== */
.sec-side{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.play-all{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 11px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--head);font:750 13.5px var(--hd);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.play-all:hover{background:var(--red);border-color:var(--red);color:var(--on-accent)}
.sec-head.on-dark .play-all{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.arch-listen{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.play-all-cta{border:0;cursor:pointer}
.arch-listen-note{font:500 14px var(--hd);color:#AEBBCD}
.lband[hidden]{display:none}
.lband{background:linear-gradient(90deg,var(--deep),var(--night2));color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
.lband-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center;padding-top:18px;padding-bottom:18px}
.lb-steps{grid-column:1/-1;grid-row:2}
.lb-how{display:none}
.lb-intro{display:flex;align-items:center;gap:16px}
.lb-icon{flex:none;width:54px;height:54px;border-radius:16px;background:var(--red);display:grid;place-items:center;box-shadow:0 8px 22px color-mix(in srgb,var(--red) 40%,transparent)}
.lb-wave{display:flex;align-items:center;gap:3px;height:24px}
.lb-wave i{display:block;width:4px;border-radius:3px;background:#fff;animation:lb-eq 1s ease-in-out infinite}
.lb-wave i:nth-child(1){height:10px;animation-delay:-.2s}.lb-wave i:nth-child(2){height:18px;animation-delay:-.5s}.lb-wave i:nth-child(3){height:24px;animation-delay:-.1s}.lb-wave i:nth-child(4){height:16px;animation-delay:-.7s}.lb-wave i:nth-child(5){height:9px;animation-delay:-.35s}
@keyframes lb-eq{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.lb-title{font:900 28px/1 var(--hd);font-stretch:72%;margin:0 0 4px}
.lb-sub{font:400 15.5px/1.4 var(--sr);color:#C9D2DE;margin:0;max-width:62ch}
.lb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lb-steps li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);font:500 14px/1.35 var(--hd);color:#D7DEE8}
.lb-steps strong{color:#fff;font-weight:800}
.lb-n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--night);display:grid;place-items:center;font:900 13px var(--hd)}
.lb-link{border:0;background:none;padding:0;color:var(--gold);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.lb-cta{display:flex;align-items:center;gap:8px}
.lb-play{border:0;cursor:pointer;min-height:50px;white-space:nowrap}
.lb-x{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center}
.lb-x:hover{background:rgba(255,255,255,.2)}

/* player additions */
.player{grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;width:min(760px,calc(100vw - 24px))}
.player .pl-btn[hidden]{display:none}
.pl-btn:disabled{opacity:.35;cursor:default}
.pl-list[aria-expanded=true]{background:var(--gold);color:var(--night)}
.pl-more{grid-column:1/-1;justify-self:start;height:36px;padding:0 14px;border-radius:999px;border:0;background:var(--gold);color:var(--night);font:800 13.5px var(--hd);cursor:pointer}
.pl-more[hidden]{display:none}
.pqueue[hidden]{display:none}
.pqueue{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:66;transform:translateX(-50%);width:min(760px,calc(100vw - 24px))}
.pq-card{background:var(--card);color:var(--ink);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.4);overflow:hidden;animation:rp-in .22s cubic-bezier(.2,.7,.2,1);border:1px solid var(--line)}
.pq-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px 20px;border-bottom:1px solid var(--line)}
.pq-kicker{font:800 12px var(--hd);color:var(--red);margin:0 0 2px}
.pq-h{font:900 22px/1 var(--hd);font-stretch:74%;color:var(--head);margin:0}
.pq-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--mist);color:var(--head);cursor:pointer;display:grid;place-items:center}
.pq-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:min(52vh,440px)}
.pq-list{list-style:none;margin:0;padding:8px;overflow:auto;border-right:1px solid var(--line)}
.pq-item{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:var(--ink)}
.pq-item:hover{background:var(--mist)}
.pq-item.on{background:color-mix(in srgb,var(--red) 12%,transparent)}
.pq-item img,.pq-ph{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--mist);display:block}
.pq-it{min-width:0;display:flex;flex-direction:column;gap:3px}
.pq-t{font:750 14px/1.25 var(--hd);color:var(--head);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pq-item.on .pq-t{color:var(--red)}
.pq-m{font:500 12px var(--hd);color:var(--slate)}
.pq-eq{display:flex;align-items:flex-end;gap:2px;height:16px}
.pq-eq i{width:3px;height:100%;background:var(--red);border-radius:2px;animation:lb-eq .9s ease-in-out infinite}
.pq-eq i:nth-child(2){animation-delay:-.3s}.pq-eq i:nth-child(3){animation-delay:-.6s}
.pq-read{overflow:auto;padding:16px 22px 22px;position:relative}
.pq-rt{font:850 22px/1.1 var(--hd);font-stretch:78%;color:var(--head);margin:0 0 6px}
.pq-rm{font:600 12.5px var(--hd);color:var(--slate);margin:0 0 12px}
.pq-read p{font:400 16px/1.6 var(--sr);color:var(--body);margin:0 0 12px}
.pq-open{display:inline-block;margin-top:4px;font:750 14px var(--hd);color:var(--red)}
.pq-read .tts-on{box-shadow:none;border-radius:6px;background:color-mix(in srgb,var(--gold) 26%,transparent);padding:2px 6px;margin-left:-6px;margin-right:-6px}

@media (max-width:1060px){
}
@media (max-width:720px){
  .sec-head{flex-wrap:wrap}
  .sec-side{gap:10px}
  .play-all{height:32px;padding:0 12px 0 9px;font-size:13px}
  .lband-in{grid-template-columns:1fr;gap:14px;padding-top:16px;padding-bottom:16px;position:relative}
  .lb-intro{padding-right:40px}
  .lb-icon{width:46px;height:46px;border-radius:13px}
  .lb-title{font-size:24px}
  .lb-sub{font-size:15px}
  .lb-steps{grid-template-columns:1fr;gap:6px;grid-row:auto;display:none}
  .lband.lb-open .lb-steps{display:grid}
  .lb-how{display:inline-flex;align-items:center;gap:6px;justify-self:start;height:30px;padding:0;border:0;background:none;color:var(--gold);font:750 14px var(--hd);cursor:pointer;margin-top:-6px}
  .lb-how::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .lband.lb-open .lb-how::after{transform:rotate(-135deg) translate(-2px,0)}
  .lb-steps li{padding:10px 12px}
  .lb-cta{order:4}
  .lb-sub{font-size:14.5px}
  .lb-play{flex:1;justify-content:center}
  .lb-x{position:absolute;right:16px;top:16px}
  .player{grid-template-columns:auto minmax(0,1fr) auto auto auto auto;gap:6px}
  .player .pl-speed{display:none}
  .pl-btn{width:42px;height:42px}
  .pqueue{left:0;right:0;transform:none;width:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .pq-card{border-radius:18px 18px 0 0;margin:0 8px}
  .pq-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:min(64vh,560px)}
  .pq-list{display:flex;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px}
  .pq-list li{flex:0 0 72%}
  .pq-read{padding:14px 16px 18px}
}
@media (prefers-reduced-motion:reduce){.lb-wave i,.pq-eq i{animation:none}}