/* hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/assistant-400-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/assistant-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/assistant-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/assistant-500-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/assistant-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/assistant-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/assistant-600-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/assistant-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/assistant-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/assistant-700-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/assistant-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/assistant-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/karantina-400-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/karantina-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/karantina-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/karantina-700-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/karantina-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/karantina-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ══ tokens ══════════════════════════════════════════════ */
:root{
  --paper:#EAE5D7; --card:#FBF9F3; --sink:#E1DBC9;
  --ink:#1B2017; --body:#3A4034; --muted:#6A705F; --faint:#8F9280;
  --line:#C9C4B0; --hair:#DBD5C2;
  --green:#1C7048; --green-d:#134F33; --green-l:#E4EEE5;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:88px;

  --disp:'Karantina',system-ui,sans-serif;
  --text:'Assistant',system-ui,sans-serif;
  --max:900px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--text);
     font-size:16px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;
     text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{max-width:100%}
/* app.js filters, pages and toggles purely via the hidden attribute.
   .tk and .sitnote set display, which outranks the UA [hidden] rule —
   without this, filtered-out cards reappear. Keep this. */
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--s5)}
@media(max-width:560px){.wrap{padding:0 var(--s4)}}
/* Latin digits & ranges inside Hebrew keep their own direction */
.num{unicode-bidi:isolate}

/* ══ platform links ══════════════════════════════════════ */
.plat{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s6)}
.plat a{display:inline-flex;align-items:center;gap:var(--s2);background:var(--card);
        border:1px solid var(--line);border-radius:999px;padding:8px 16px 8px 12px;
        font-size:13.5px;font-weight:600;color:var(--ink);transition:border-color .16s,transform .16s}
.plat a:hover{border-color:var(--green);transform:translateY(-1px)}
.plat svg{width:18px;height:18px;flex:none;display:block}

/* ══ episode top bar ═════════════════════════════════════ */
.eptop{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s5);
       flex-wrap:wrap;border-bottom:1px solid var(--hair)}
.eptop .logo{font-family:var(--disp);font-weight:700;font-size:28px;line-height:1;color:var(--ink)}
.eptop .logo span{color:var(--green)}
.eptop .plat{margin:0;margin-inline-start:auto}
.eptop .plat a{padding:6px 12px 6px 9px;font-size:12px}
.eptop .plat svg{width:15px;height:15px}

/* ══ hero ════════════════════════════════════════════════ */
.phero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;
       background:var(--paper);border-bottom:1px solid var(--ink);overflow:hidden}
.phero .say{background:var(--paper);color:var(--ink);display:flex;flex-direction:column;
            justify-content:center;padding:var(--s8) var(--s7) var(--s7)}
.phero h1{font-family:var(--disp);font-weight:700;font-size:clamp(56px,8.4vw,104px);
          line-height:.8;margin:0;color:var(--ink)}
.phero .rule{height:2px;background:var(--green);width:56px;margin:var(--s5) 0}
.phero .one{font-size:clamp(17px,2.2vw,20px);color:var(--body);font-weight:400;
            line-height:1.55;max-width:28ch;margin:0}
.phero .cue{font-size:12px;color:var(--faint);margin-top:var(--s7);
            display:flex;align-items:center;gap:var(--s2)}
.phero .cue i{font-style:normal;font-size:14px;animation:bob 2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(4px);opacity:1}}
.phero .shot{position:relative;background:var(--sink);min-height:100%}
.phero .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.phero .ph{position:absolute;inset:var(--s3);display:flex;flex-direction:column;
           align-items:center;justify-content:center;gap:var(--s2);
           border:1px dashed var(--line);color:var(--faint);text-align:center;padding:var(--s5)}
.phero .ph .m{font-family:var(--disp);font-weight:700;font-size:30px;color:var(--muted);line-height:1}
.phero .ph .s{font-size:12px;max-width:26ch;line-height:1.6}
@media(min-width:761px){.phero{min-height:82vh}}
@media(max-width:760px){
  .phero{grid-template-columns:1fr}
  .phero .shot{order:-1;aspect-ratio:4/3;min-height:0}
  .phero .say{padding:var(--s6) var(--s4) var(--s6)}
  .phero .rule{margin:var(--s4) 0}
}


/* ══ the four questions ══════════════════════════════════ */
.qs{list-style:none;margin:var(--s5) 0;padding:0;border-inline-start:2px solid var(--green);
    padding-inline-start:var(--s4)}
.qs li{font-family:var(--disp);font-weight:700;font-size:clamp(21px,3.4vw,27px);
       line-height:1.25;color:var(--ink);margin-bottom:var(--s2)}
.qs li:last-child{margin-bottom:0}
.whatis .wsub{margin-top:var(--s3);color:var(--muted);font-size:15px}

/* ══ testimonials · marquee ══════════════════════════════ */
.quotes{background:var(--card);border-bottom:1px solid var(--hair);padding:var(--s7) 0;overflow:hidden}
.qhead{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s5)}
.qhead h2{font-family:var(--disp);font-weight:700;font-size:clamp(30px,5vw,42px);
          margin:0;line-height:1;color:var(--ink)}
.qhead .draft{font-size:11px;font-weight:700;color:#9A5B12;background:#FBEFD9;
              border:1px solid #E8CF9E;border-radius:999px;padding:3px 10px}
.marquee{position:relative;direction:ltr;
         -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);
         mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.qtrack{display:flex;gap:0;width:max-content;
        animation:slide 56s linear infinite;will-change:transform}
.marquee:hover .qtrack,.marquee:focus-within .qtrack{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.qcard{direction:rtl;flex:0 0 320px;margin-right:var(--s4);background:var(--paper);
       border:1px solid var(--line);border-radius:4px;padding:var(--s5);
       display:flex;flex-direction:column}
.qcard .mark{font-family:var(--disp);font-weight:700;font-size:44px;color:var(--green);
             line-height:.5;height:22px}
.qcard p{font-size:15.5px;line-height:1.65;color:var(--body);margin:0 0 var(--s4)}
.qcard .by{margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--hair);font-size:13px}
.qcard .by b{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--ink);
             display:block;line-height:1.1}
.qcard .by span{color:var(--faint)}
@media(max-width:560px){.quotes{padding:var(--s6) 0}.qcard{flex-basis:270px;padding:var(--s4)}}
.qtrack::after{content:"";flex:0 0 1px}
@media(prefers-reduced-motion:reduce){
  .qtrack{animation:none;width:auto;overflow-x:auto;padding-bottom:var(--s3)}
  .marquee{mask-image:none;-webkit-mask-image:none}
}

/* ══ tools ═══════════════════════════════════════════════ */
.tools{padding:var(--s5) 0 var(--s3);position:sticky;top:0;background:var(--paper);
       z-index:40;scroll-margin-top:0;border-bottom:1px solid var(--hair)}
.search{position:relative}
.search input{width:100%;font-family:var(--text);font-size:16px;font-weight:400;
              padding:13px 44px 13px var(--s4);background:var(--card);
              border:1px solid var(--line);border-radius:3px;color:var(--ink)}
.search input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(28,112,72,.12)}
.search input::placeholder{color:var(--faint)}
.search .ic{position:absolute;top:50%;right:var(--s4);transform:translateY(-50%);
            color:var(--faint);font-size:16px;pointer-events:none}
.count{font-size:12px;color:var(--faint);padding:var(--s3) 0 var(--s1)}

/* ══ tickets ═════════════════════════════════════════════ */
.tix{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5) 0 var(--s8)}
.tk{display:flex;background:var(--card);border:1px solid var(--line);border-radius:4px;
    overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s;cursor:pointer}
.tk:hover{border-color:var(--green);box-shadow:0 2px 0 var(--hair);transform:translateY(-2px)}
.stub{background:var(--green);color:#fff;width:68px;flex:none;position:relative;
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.stub::after{content:"";position:absolute;inset-inline-end:0;top:0;bottom:0;width:2px;
             background-image:radial-gradient(circle,var(--card) 1.4px,transparent 1.6px);
             background-size:2px 7px}
.stub b{font-family:var(--disp);font-weight:700;font-size:34px;line-height:.88}
.stub i{font-size:9.5px;font-style:normal;opacity:.8;font-weight:600}
.tkb{padding:var(--s4) var(--s4);flex:1;min-width:0}
.tkb h3{font-family:var(--disp);font-weight:700;font-size:26px;line-height:1.04;
        margin:0;color:var(--ink)}
.tkb .val{display:inline-block;font-size:11.5px;font-weight:700;color:var(--green);
          background:var(--green-l);border-radius:999px;padding:3px 9px;margin-top:var(--s2)}
.tkb .dsc{font-size:14px;color:var(--muted);margin-top:var(--s2);line-height:1.6;
          display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side{padding:var(--s4) var(--s3);flex:none;text-align:center;
      border-inline-start:1px dashed var(--hair);display:flex;flex-direction:column;
      justify-content:center;gap:var(--s1);min-width:70px}
.side .d{font-size:12px;font-weight:700;color:var(--ink)}
.side .m{font-size:11px;color:var(--faint)}
@media(max-width:480px){
  .tkb h3{font-size:23px}.stub{width:56px}.stub b{font-size:28px}
  .side{min-width:60px;padding:var(--s3) var(--s2)}.tkb{padding:var(--s3)}
}
.more{width:100%;background:var(--card);border:1px solid var(--line);border-radius:4px;
      padding:var(--s4);cursor:pointer;font-family:var(--disp);font-weight:700;font-size:25px;
      color:var(--ink);transition:border-color .15s,color .15s}
.more:hover{border-color:var(--green);color:var(--green)}
.more b{font-family:var(--text);font-size:12.5px;font-weight:600;color:var(--faint)}
.empty{text-align:center;padding:var(--s8) var(--s5);color:var(--faint)}
.empty b{display:block;font-family:var(--disp);font-size:32px;color:var(--muted);margin-bottom:var(--s2)}

/* ══ situations ══════════════════════════════════════════ */
.sitnote{font-size:13.5px;color:var(--muted);background:var(--green-l);
         border:1px solid #C3DAC8;border-radius:4px;padding:var(--s3) var(--s4);
         display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.sitnote b{color:var(--green-d)}
.sitnote a{color:var(--muted);text-decoration:underline;font-size:12.5px;margin-inline-start:auto}
.sits{border-top:1px solid var(--ink);background:var(--card);padding:var(--s8) 0}
.sits h2{font-family:var(--disp);font-weight:700;font-size:clamp(36px,6vw,50px);
         margin:0;line-height:1;color:var(--ink)}
.sits .lead{color:var(--muted);font-size:16px;max-width:54ch;margin:var(--s3) 0 var(--s5)}
.sitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s3)}
.sitbtn{text-align:start;background:var(--paper);border:1px solid var(--line);border-radius:4px;
        padding:var(--s4);cursor:pointer;font-family:var(--text);display:block;
        transition:border-color .15s,transform .15s,background .15s}
.sitbtn:hover{border-color:var(--green);transform:translateY(-2px)}
.sitbtn.on{background:var(--green);border-color:var(--green)}
.sitbtn .q{display:block;font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}
.sitbtn.on .q{color:#fff}
.sitbtn .c{display:block;font-size:12px;color:var(--faint);margin-top:var(--s2)}
.sitbtn.on .c{color:rgba(255,255,255,.82)}

/* ══ episode page ════════════════════════════════════════ */
.ep{padding:0 0 var(--s8);animation:fade .22s ease}
@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.ephd{border-bottom:1px solid var(--hair);padding-bottom:var(--s5)}
.epno{font-family:var(--disp);font-weight:700;font-size:17px;color:var(--green)}
.ep h1{font-family:var(--disp);font-weight:700;font-size:clamp(36px,7vw,56px);
       line-height:.98;margin:var(--s2) 0 0;color:var(--ink)}
.player{margin:var(--s5) 0 var(--s6);background:var(--card);border:1px solid var(--line);
        padding:var(--s4);border-radius:4px}
.player audio{width:100%;display:block}
.player .alt{font-size:13px;color:var(--faint);margin-top:var(--s3);display:flex;gap:var(--s4);flex-wrap:wrap}
.player .alt a{color:var(--green);font-weight:600}
.player .alt a:hover{text-decoration:underline}
.body{font-size:17px;line-height:1.8;color:var(--body);max-width:62ch}
.body p{margin:0 0 var(--s4)}
.body a{color:var(--green);text-decoration:underline;word-break:break-word}
.nav2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s7);
      border-top:1px solid var(--hair);padding-top:var(--s5)}
.nav2 a{background:var(--card);border:1px solid var(--line);padding:var(--s4);
        border-radius:4px;transition:border-color .15s;min-width:0}
.nav2 a:hover{border-color:var(--green)}
.nav2 .lb{font-size:11.5px;color:var(--faint)}
.nav2 .tt{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.06;
          margin-top:var(--s1);color:var(--ink);
          display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nav2 .ghost{visibility:hidden}
@media(max-width:520px){.nav2{grid-template-columns:1fr}.nav2 .ghost{display:none}}

/* ══ fit block ═══════════════════════════════════════════ */
.fit{margin-top:var(--s6);border:1px solid var(--line);background:var(--card);
     padding:var(--s5);border-radius:4px}
.fit h2{font-family:var(--disp);font-weight:700;font-size:29px;margin:0 0 var(--s3);
        line-height:1;color:var(--ink)}
.fit ul{margin:0;padding:0;list-style:none}
.fit li{font-size:16px;color:var(--body);padding:var(--s2) 0;position:relative;
        padding-inline-start:var(--s5);border-bottom:1px solid var(--hair)}
.fit li:last-child{border-bottom:0;padding-bottom:0}
.fit li::before{content:"";position:absolute;inset-inline-start:6px;top:17px;
                width:5px;height:5px;border-radius:50%;background:var(--green)}
.stay{margin-top:var(--s4);border-top:1px solid var(--hair);padding-top:var(--s4)}
.stay span{font-size:11.5px;color:var(--faint);font-weight:600}
.stay p{font-family:var(--disp);font-weight:700;font-size:28px;line-height:1.14;
        color:var(--green-d);margin:var(--s1) 0 0}

/* ══ media ═══════════════════════════════════════════════ */
.media{margin-top:var(--s6)}
.media h2{font-family:var(--disp);font-weight:700;font-size:29px;margin:0 0 var(--s3);
          line-height:1;color:var(--ink)}
.vid{position:relative;padding-bottom:56.25%;height:0;background:var(--ink);
     border:1px solid var(--line);border-radius:4px;overflow:hidden}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcap{font-size:13px;color:var(--faint);margin:var(--s2) 0 var(--s4)}
.mlink{display:flex;align-items:center;gap:var(--s3);background:var(--card);
       border:1px solid var(--line);padding:var(--s3) var(--s4);border-radius:4px;
       font-size:15px;margin-bottom:var(--s2);transition:border-color .15s,color .15s}
.mlink:hover{border-color:var(--green);color:var(--green-d)}
.mlink span{color:var(--green);font-size:12px}


/* ══ episode: eyebrow, lede ══════════════════════════════ */
.epeyebrow{display:flex;align-items:center;gap:var(--s2);font-size:13px;color:var(--muted);flex-wrap:wrap}
.epeyebrow .epno{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--green)}
.epeyebrow .dot{color:var(--line)}
.ep .lede{font-size:17.5px;line-height:1.6;color:var(--body);max-width:56ch;margin:var(--s4) 0 0}

/* ══ whatsapp ════════════════════════════════════════════ */
.player .alt a.wa{display:inline-flex;align-items:center;gap:var(--s2);color:var(--green-d)}
.player .alt a.wa svg{width:17px;height:17px;display:block}

/* ══ related ═════════════════════════════════════════════ */
.rel{margin-top:var(--s7);border-top:1px solid var(--hair);padding-top:var(--s5)}
.rel h2{font-family:var(--disp);font-weight:700;font-size:30px;margin:0;line-height:1;color:var(--ink)}
.rellead{font-size:13.5px;color:var(--muted);margin:var(--s2) 0 var(--s4)}
.relgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s3)}
.relcard{display:flex;flex-direction:column;gap:var(--s1);background:var(--card);
         border:1px solid var(--line);border-radius:4px;padding:var(--s4);
         transition:border-color .15s,transform .15s}
.relcard:hover{border-color:var(--green);transform:translateY(-2px)}
.relcard .rn{font-family:var(--disp);font-weight:700;font-size:22px;color:var(--green);line-height:1}
.relcard .rt{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.08;color:var(--ink)}
.relcard .rv{font-size:12px;color:var(--muted)}

/* ══ what is this ════════════════════════════════════════ */
.whatis{margin-top:var(--s7);background:var(--card);border:1px solid var(--line);
        border-radius:4px;padding:var(--s6) var(--s5)}
.whatis h2{font-family:var(--disp);font-weight:700;font-size:32px;margin:0 0 var(--s3);
           line-height:1;color:var(--ink)}
.whatis p{font-size:16px;color:var(--body);max-width:58ch;margin:0}
.whorow{display:flex;gap:var(--s5);flex-wrap:wrap;margin-top:var(--s4)}
.whorow .who{font-size:13.5px;color:var(--muted)}
.whorow .who b{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--ink);
               display:block;line-height:1.1}
.whatis .plat{margin-top:var(--s5)}
.allep{display:inline-block;margin-top:var(--s5);font-size:14px;font-weight:600;color:var(--green)}
.allep:hover{text-decoration:underline}

/* ══ mini player ═════════════════════════════════════════ */
.mini{position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;align-items:center;
      gap:var(--s3);padding:var(--s3) var(--s4);background:var(--card);
      border-top:1px solid var(--line);box-shadow:0 -2px 14px rgba(27,32,23,.08);
      padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom));
      min-height:76px}   /* app.js pads the body by 76px — keep in sync */
.mbtn{width:42px;height:42px;flex:none;border-radius:50%;border:0;background:var(--green);
      color:#fff;font-size:14px;cursor:pointer;display:grid;place-items:center;
      transition:background .15s}
.mbtn:hover{background:var(--green-d)}
.mmid{flex:1;min-width:0}
.mtitle{font-family:var(--disp);font-weight:700;font-size:19px;line-height:1.05;color:var(--ink);
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mseek{width:100%;margin-top:6px;accent-color:var(--green);height:4px;cursor:pointer;display:block}
.mtime{font-size:12.5px;color:var(--faint);flex:none;min-width:42px;text-align:center}
@media(max-width:480px){.mtitle{font-size:17px}.mini{gap:var(--s2)}}

/* ══ about + footer ══════════════════════════════════════ */
.about{border-top:1px solid var(--ink);padding:var(--s8) 0;background:var(--paper)}
.about h2{font-family:var(--disp);font-weight:700;font-size:clamp(36px,6vw,50px);
          margin:0 0 var(--s4);line-height:1;color:var(--ink)}
.about p{max-width:58ch;color:var(--body);font-size:16.5px;margin:0 0 var(--s4)}
.hosts{display:flex;gap:var(--s3);margin-top:var(--s5);flex-wrap:wrap}
.host{flex:1;min-width:170px;border:1px dashed var(--line);border-radius:4px;
      padding:var(--s5);text-align:center;background:var(--card)}
.host .ph{width:66px;height:66px;border-radius:50%;background:var(--sink);margin:0 auto var(--s3);
          display:grid;place-items:center;font-size:12px;color:var(--faint)}
.host b{font-family:var(--disp);font-weight:700;font-size:24px;display:block;color:var(--ink)}
.host small{font-size:12.5px;color:var(--faint)}
footer{border-top:1px solid var(--hair);padding:var(--s6) 0 var(--s8);font-size:13px;color:var(--faint)}
footer a{color:var(--green);font-weight:600}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}}