/* Podcast "שירת הגיל" — design B1 (light). Scoped to .swp; RTL; breakpoint ≤768px. */
.swp{--pine:#1B2F30;--rose:#DEA48B;--cream:#FAF5F1;--sand:#F2E3D9;--sand2:#F6ECE5;--copper:#8E4F33;--ink:#212121;--grey:#5F6570;--line:#DCD4CD;
  font-family:'Noto Sans Hebrew',sans-serif;color:var(--ink);background:var(--cream);font-size:19px;line-height:1.6;padding-bottom:24px;overflow-x:clip}
body.swp-podcast-page{background:#FAF5F1}
.swp *,.swp *::before,.swp *::after{box-sizing:border-box}
.swp h1,.swp h2,.swp h3,.swp p,.swp ol,.swp dl,.swp dd,.swp figure{margin:0;padding:0}
.swp a{color:inherit;text-decoration:none}
.swp button{font-family:inherit;cursor:pointer;color:inherit}
.swp svg{display:block;flex:none}
.swp [hidden]{display:none!important}
.swp :focus-visible{outline:3px solid var(--copper)!important;outline-offset:3px;box-shadow:none}
.swp-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.swp h1{font-size:60px;line-height:1.1;font-weight:800;color:var(--pine)}
.swp h2{font-size:36px;line-height:1.2;font-weight:800;color:var(--pine)}
.swp h3{font-size:23px;line-height:1.3;font-weight:700;color:var(--pine)}
.swp-eyebrow{color:var(--copper);font-weight:700;font-size:18px}
.swp-lead{font-size:22px;max-width:640px;margin-top:14px!important}
.swp-sec{padding:64px 0}
.swp-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.swp-sec-head p{color:var(--grey);font-size:18px;margin-top:4px}
.swp-crumbs{font-size:16px;color:var(--grey);padding:22px 0 0}
.swp-crumbs a:hover{color:var(--copper);text-decoration:underline}
.swp-crumbs b{color:var(--ink);font-weight:500}
.swp-crumbs i{font-style:normal;margin:0 8px}
bdi[dir=ltr]{unicode-bidi:isolate;direction:ltr}

/* buttons */
.swp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:10px;font-weight:700;font-size:19px;line-height:1.2;white-space:nowrap;border:2px solid transparent;transition:background .15s,border-color .15s,color .15s}
.swp-btn svg{width:20px;height:20px}
.swp-btn-pine{background:var(--pine);color:#fff!important}.swp-btn-pine:hover{background:#2A4546}
.swp-btn-rose{background:var(--rose);color:var(--pine)!important}.swp-btn-rose:hover{background:#e6b39d}
.swp-btn-out{border-color:var(--pine);color:var(--pine)!important;background:transparent}.swp-btn-out:hover{background:var(--sand)}
.swp-btn-outl{border-color:var(--cream);color:var(--cream)!important;background:transparent}.swp-btn-outl:hover{background:rgba(255,255,255,.08)}
.swp-btn-sm{min-height:48px;font-size:17px;padding:0 20px}
.swp-more{color:var(--copper)!important;font-weight:700;font-size:18px;display:inline-flex;gap:6px;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.swp-more svg,.swp-full svg{width:18px;height:18px}
/* Play icon: never mirrored, always points right */
.swp-ico-play{transform:none!important;direction:ltr}

/* hero */
.swp-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;padding:40px 0 0}
.swp-hero-btns{display:flex;flex-direction:column;gap:12px;min-width:340px}

/* chips */
.swp-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.swp-chip{min-height:52px;padding:0 22px;border-radius:999px;border:2px solid var(--line);background:#fff;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:var(--ink)!important;transition:background .15s,border-color .15s}
.swp-chip em{font-style:normal;color:var(--grey);font-size:15px}
.swp-chip:hover{background:var(--sand);border-color:var(--pine)}
.swp-chip[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:#fff!important}
.swp-chip[aria-pressed=true] em{color:var(--rose)}
.swp-res{color:var(--grey);font-size:17px;margin-bottom:24px!important}.swp-res b{color:var(--ink)}

/* media */
.swp-media{position:relative;border-radius:14px;overflow:hidden;background:var(--pine)}
.swp-r169{aspect-ratio:16/9}.swp-r916{aspect-ratio:9/16}
.swp-media-btn{all:unset;display:block;position:absolute;inset:0;cursor:pointer}
.swp-media-btn img{width:100%;height:100%;object-fit:cover;display:block}
.swp-media-btn:focus-visible{outline:3px solid var(--copper);outline-offset:-3px}
.swp-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}
.swp-play>span{width:var(--ps,84px);height:var(--ps,84px);border-radius:50%;background:var(--rose);color:var(--pine);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.85),0 8px 24px rgba(0,0,0,.35);transition:transform .15s}
.swp-play svg{width:42%;height:42%;margin-left:8%}
.swp-play-lg{--ps:104px}
.swp-dur{position:absolute;bottom:12px;left:12px;background:rgba(27,47,48,.92);color:#fff;font-size:16px;font-weight:700;padding:3px 10px;border-radius:6px;z-index:2;direction:ltr;line-height:1.4}
.swp-new{position:absolute;top:16px;right:16px;z-index:3;background:var(--rose);color:var(--pine);font-weight:800;font-size:16px;padding:5px 14px;border-radius:999px}
.swp-tags{display:flex;flex-wrap:wrap;gap:8px}
.swp-tag{display:inline-block;background:var(--sand);color:var(--copper)!important;font-weight:700;font-size:15px;padding:4px 12px;border-radius:999px;line-height:1.4}

/* episode cards */
.swp-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.swp-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;height:100%}
.swp-card .swp-media{border-radius:0;--ps:96px}
.swp-card:hover{box-shadow:0 14px 34px rgba(27,47,48,.18);border-color:var(--copper)}
.swp-card:hover .swp-play>span,.swp-short:hover .swp-play>span,.swp-inline-player:hover .swp-play>span{transform:scale(1.06)}
.swp-body{padding:26px 30px 30px;display:flex;flex-direction:column;gap:12px;flex:1}
.swp-epno{color:var(--copper);font-weight:800;font-size:17px}
.swp-card-title{font-size:28px!important}
.swp-card-title a{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:2px;text-underline-offset:6px}
.swp-card:hover .swp-card-title a,.swp-card-title a:hover{color:var(--copper);text-decoration-color:var(--copper)}
.swp-guest{color:var(--grey);font-size:17px;font-weight:600}
.swp-excerpt{font-size:19px}
.swp-legal,.swp-segchip{display:flex;gap:12px;align-items:center;text-align:start;background:var(--sand);border:0;border-radius:12px;padding:12px 16px;font-size:17px;color:var(--ink);line-height:1.45}
.swp-legal b,.swp-segchip b{color:var(--pine)}
.swp-legal bdi,.swp-segchip bdi{font-weight:800;color:var(--copper)}
.swp-legal:hover{background:#EBD3C4}
.swp-pi{width:34px;height:34px;border-radius:50%;background:var(--pine);color:#fff;display:grid;place-items:center;flex:none}
.swp-pi svg{width:14px;height:14px;margin-left:2px}
.swp-segchip{display:none;align-self:flex-start;min-height:52px;padding:0 18px 0 22px;border-radius:999px;border:2px solid var(--copper);font-size:18px}
.swp-segchip:hover{background:#EBD3C4}
.swp-library:not([data-active=all]) .swp-card .swp-legal{display:none}
.swp-library:not([data-active=all]) .swp-card .swp-segchip{display:inline-flex}
.swp-acts{display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.swp-tpanel{background:var(--sand);border-radius:22px;padding:36px;display:flex;flex-direction:column;gap:14px}
.swp-tpanel h3{font-size:28px}.swp-tpanel p{font-size:19px}.swp-tpanel .swp-small{font-size:17px}
.swp-tp-acts{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.swp-next{margin-top:28px;border:2px dashed var(--line);border-radius:18px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.5)}
.swp-next b{font-size:22px;color:var(--pine)}.swp-next p{color:var(--grey);font-size:18px}

/* shorts */
.swp-sec-shorts{padding-top:16px}
.swp-shorts{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 4px 8px;scroll-behavior:smooth}
.swp-shorts::-webkit-scrollbar{display:none}
.swp-short{flex:0 0 212px;scroll-snap-align:start}
.swp-short .swp-media{--ps:64px;transition:box-shadow .15s}
.swp-short:hover .swp-media{box-shadow:0 0 0 2px var(--copper)}
.swp-short-title{font-weight:700;font-size:18px;line-height:1.35;margin-top:10px!important;color:var(--pine)}
.swp-full{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--copper)!important;font-weight:800;font-size:17px;text-decoration:underline;text-underline-offset:4px}
.swp-arrows{display:flex;gap:10px}
.swp-arrow{width:56px;height:56px;border-radius:50%;border:2px solid var(--pine);background:transparent;display:grid;place-items:center;color:var(--pine)}
.swp-arrow svg{width:22px;height:22px}
.swp-arrow:hover{background:var(--sand)}
.swp-arrow:disabled{opacity:.35;cursor:default}

/* CTA */
.swp-cta{background:var(--pine);color:#fff;border-radius:24px;padding:56px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.swp-cta h2{color:#fff!important;margin-top:6px!important}
.swp-cta .swp-eyebrow{color:var(--rose)}
.swp-cta-text{color:var(--cream);font-size:20px;margin-top:10px!important;max-width:640px}
.swp-cta-btns{display:flex;flex-direction:column;gap:14px;min-width:330px}

/* episode page */
.swp-ep-top{padding:28px 0 32px;max-width:980px;display:flex;flex-direction:column;gap:10px}
.swp-ep-top h1{font-size:46px;line-height:1.2}
.swp-ep-grid{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}
.swp-ep-main{min-width:0}
.swp-inline-player{position:relative;border-radius:18px;overflow:hidden;background:#000}
.swp-inline-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.swp-episode-short .swp-inline-player{max-width:380px;margin-inline:auto}
.swp-callout{background:var(--sand);border-radius:18px;padding:24px 26px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:22px}
.swp-callout h3{font-size:22px}.swp-callout p{font-size:18px;margin-top:4px!important}
.swp-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.swp-links a{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border-radius:999px;background:#fff;border:2px solid var(--copper);color:var(--copper)!important;font-weight:800;font-size:17px}
.swp-links a:hover{background:var(--sand2)}
.swp-links svg{width:16px;height:16px}
.swp-block{margin-top:44px}
.swp-block>h2{margin-bottom:16px!important}
.swp-prose p{font-size:20px;line-height:1.75;margin-bottom:16px}
.swp-hint{color:var(--grey);font-size:17px;margin-bottom:10px!important}
.swp-tc{list-style:none;display:flex;flex-direction:column}
.swp-tc li{border-bottom:1px solid var(--line)}
.swp-tc li:last-child{border-bottom:0}
.swp-tcl{display:flex;gap:18px;align-items:center;width:100%;min-height:60px;padding:6px 10px;border-radius:10px;font-size:19px;border:2px solid transparent}
.swp-tcl:hover,.swp-tcl:focus-visible{background:var(--sand2);border-color:var(--copper)}
.swp-tc time{direction:ltr;unicode-bidi:isolate;min-width:76px;text-align:center;background:var(--sand);color:var(--copper);font-weight:800;border-radius:8px;padding:4px 0;font-size:17px;flex:none}
.swp-tct{flex:1}
.swp-pl{width:40px;height:40px;border-radius:50%;border:2px solid var(--copper);color:var(--copper);display:grid;place-items:center;flex:none}
.swp-pl svg{width:16px;height:16px;margin-left:2px}
.swp-lg,.swp-now-badge{font-size:14px;font-weight:800;color:var(--copper);border:1px solid var(--copper);border-radius:999px;padding:1px 8px;white-space:nowrap}
.swp-now-badge{display:none}
.swp-tc li.is-legal{border:0;margin:4px 0}
.swp-tc li.is-legal .swp-tcl{background:var(--sand)}
.swp-tc li.is-legal time{background:var(--copper);color:#fff}
.swp-tc li.is-now .swp-tcl{background:var(--pine);color:#fff;border-color:var(--pine)}
.swp-tc li.is-now time{background:var(--rose);color:var(--pine)}
.swp-tc li.is-now .swp-lg{display:none}
.swp-tc li.is-now .swp-now-badge{display:inline-block;color:var(--rose);border-color:var(--rose)}
.swp-tc li.is-now .swp-pl{border-color:var(--rose);color:var(--rose)}
.swp-qa{display:flex;flex-direction:column;gap:12px}
.swp-qa details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 24px}
.swp-qa details[open]{border-color:var(--copper);box-shadow:0 0 0 1px var(--copper)}
.swp-qa summary{list-style:none;font-size:20px;font-weight:700;color:var(--pine);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.swp-qa summary::-webkit-details-marker{display:none}
.swp-qa summary:hover{color:var(--copper)}
.swp-qa summary i{font-style:normal;width:36px;height:36px;border-radius:50%;background:var(--sand);color:var(--copper);display:grid;place-items:center;flex:none;font-size:26px;font-weight:700;line-height:1}
.swp-qa summary i::before{content:'+'}
.swp-qa details[open] summary i::before{content:'−'}
.swp-qa details p{padding-bottom:20px;font-size:19px}
.swp-side{display:flex;flex-direction:column;gap:24px}
.swp-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px}
.swp-facts{display:flex;flex-direction:column;gap:6px;font-size:18px}
.swp-facts div{display:flex;gap:6px;flex-wrap:wrap}
.swp-facts dt{color:var(--grey);font-weight:400}
.swp-box-pine{background:var(--pine);border-color:var(--pine);color:#fff}
.swp-box-pine h3{color:#fff!important}.swp-box-pine .swp-eyebrow{color:var(--rose)}
.swp-box-pine p{color:var(--cream);font-size:18px}
.swp-epsh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.swp-share{display:flex;flex-direction:column;gap:12px;max-width:520px}
.swp-share-btns{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.swp-epsh .swp-shorts{max-width:100%}
.swp-nav-ep{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.swp-nav-ep a{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:44px}
.swp-nav-ep a:hover{border-color:var(--copper)}
.swp-nav-ep img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none}
.swp-nav-ep small{color:var(--grey);font-size:16px;display:block}
.swp-nav-ep b{color:var(--pine);font-size:19px}
.swp-nav-ep .swp-nav-all{justify-content:center;color:var(--copper);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.swp-nav-all svg{width:18px;height:18px}
.swp-parent-link{margin-top:12px!important}
/* pull quote (Rose = --rose #DEA48B) */
.swp .swp-quote{margin:44px 0 0;padding:6px 26px 6px 0;border-right:5px solid var(--rose)}
.swp-quote blockquote{margin:0;padding:0;border:0;background:none}
.swp-quote blockquote p{font-family:'Frank Ruhl Libre',serif;font-size:28px;line-height:1.35;font-weight:500;color:var(--pine);margin:0}
.swp-quote figcaption{margin-top:8px;font-size:17px;color:var(--grey);font-weight:600}
.swp-quote figcaption a{color:var(--copper)!important;font-weight:800;text-decoration:underline;text-underline-offset:4px}

/* modal */
.swp-overlay{position:fixed;inset:0;background:rgba(10,18,18,.82);z-index:100000;display:grid;place-items:center;padding:24px}
.swp-modal{width:min(1040px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--pine);border-radius:20px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5);outline:none}
.swp-mh{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}
.swp-modal-title{font-size:21px;display:block}
.swp-modal-eyebrow{display:block;color:var(--rose);font-size:16px;font-weight:600}
.swp-close{min-height:56px;min-width:56px;padding:0 18px;border-radius:10px;background:var(--cream);color:var(--pine)!important;font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:8px;border:0;flex:none}
.swp-close:hover{background:#fff}
.swp-player{position:relative;aspect-ratio:16/9;background:#000}
.swp-frame,.swp-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.swp-startpill{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;gap:10px;align-items:center;background:rgba(27,47,48,.92);color:#fff;font-weight:700;font-size:17px;padding:8px 16px;border-radius:999px;pointer-events:none;transition:opacity .4s}
.swp-startpill svg{width:14px;height:14px;color:var(--rose)}
.swp-mf{padding:20px 24px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.swp-modal-desc{color:var(--cream);font-size:18px;max-width:600px}
.swp-mf-btns{display:flex;gap:12px;flex:none}
.swp-modal.is-short{width:auto}
.swp-modal.is-short .swp-player{aspect-ratio:9/16;height:min(72vh,720px);margin:0 auto}
.swp-modal.is-short .swp-mf{flex-direction:column;align-items:stretch}
.swp-modal.is-short .swp-mf-btns{flex-direction:column}
.swp-modal.is-short .swp-modal-desc:empty{display:none}
html.swp-modal-open{overflow:hidden}
.swp-mmore{border-top:1px solid rgba(250,245,241,.18);padding:16px 24px 22px;display:flex;flex-direction:column;gap:4px}
.swp-mmore-h{color:var(--rose);font-size:16px;font-weight:700}
.swp-mmore-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#fff!important;font-weight:700;font-size:18px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rose)}
.swp-mmore-link svg{width:18px;height:18px;color:var(--rose)}
.swp-mmore-link:hover{color:var(--rose)!important}

/* ≤1024px: episode page goes single-column (sidebar stacks below main) */
@media (max-width:1024px){
  .swp-ep-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .swp-epsh{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (min-width:769px) and (max-width:1024px){
  .swp-side{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
}

/* ≤768px */
@media (max-width:768px){
  .swp{font-size:18px}
  .swp-wrap{padding:0 20px}
  .swp h1{font-size:42px}.swp h2{font-size:28px}.swp h3{font-size:21px}
  .swp-lead{font-size:19px}
  .swp-sec{padding:44px 0}.swp-sec-head{margin-bottom:20px}
  .swp-arrows{display:none}
  .swp-btn{width:100%;min-height:60px;white-space:normal;text-align:center}
  .swp-hero{display:block;padding:24px 0 0}
  .swp-hero-btns{min-width:0;margin-top:24px}
  .swp-chips{gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline-end:-20px;padding-inline-end:20px;padding-block:4px}
  .swp-chips::-webkit-scrollbar{display:none}
  .swp-chip{flex:none;min-height:50px;padding:0 18px;font-size:17px}
  .swp-grid{grid-template-columns:1fr;gap:24px}
  .swp-body{padding:20px}
  .swp-card-title{font-size:23px!important}
  .swp-excerpt{font-size:18px}
  .swp-acts{flex-direction:column;align-items:stretch}
  .swp-legal{font-size:16px;align-items:flex-start}
  .swp-segchip{font-size:16px;padding:6px 14px;border-radius:16px}
  .swp-tpanel{padding:24px}.swp-tpanel h3{font-size:23px}
  .swp-next{flex-direction:column;align-items:stretch;padding:20px}
  .swp-shorts{margin-inline-end:-20px;padding-inline-end:20px;gap:16px}
  .swp-short{flex-basis:140px} /* 140 + gap 16: next card peeks ~58px at 390px */
  .swp-short-title{font-size:17px}
  .swp-cta{grid-template-columns:1fr;padding:32px 24px;gap:24px}
  .swp-cta-btns{min-width:0}
  .swp-ep-top{padding:20px 0 24px}.swp-ep-top h1{font-size:32px}
  .swp-ep-grid{grid-template-columns:1fr;gap:32px}
  .swp-play-lg{--ps:80px}
  .swp-callout{grid-template-columns:1fr;padding:20px}
  .swp-prose p{font-size:18px}
  .swp-tcl{gap:12px;font-size:17px;padding:6px 6px}
  .swp-tc time{min-width:64px}
  .swp-tc li.is-legal .swp-lg{display:none}
  .swp-tc li.is-legal .swp-tct::after{content:'החלק המשפטי';display:block;font-size:14px;font-weight:800;color:var(--copper)}
  .swp-tc li.is-now .swp-tct::after{color:var(--rose)}
  .swp .swp-quote{margin-top:36px;padding-right:18px}.swp-quote blockquote p{font-size:23px}
  .swp-qa details{padding:0 18px}.swp-qa summary{font-size:18px}
  .swp-epsh{grid-template-columns:1fr;gap:28px}
  .swp-epsh .swp-shorts{margin-inline-end:-20px}
  .swp-nav-ep{grid-template-columns:1fr}
  .swp-nav-ep img{width:120px}
  .swp-overlay{padding:0;place-items:stretch}
  .swp-modal,.swp-modal.is-short{width:100%;max-height:none;height:100%;border-radius:0;display:flex;flex-direction:column}
  .swp-mh{padding:14px 16px}.swp-modal-title{font-size:18px}
  .swp-mf{flex-direction:column;align-items:stretch;padding:20px 16px}
  .swp-mf-btns{flex-direction:column}
  .swp-modal.is-short .swp-player{height:min(62vh,calc(100vw * 16 / 9));width:auto;max-width:100%}
  .swp-mmore{padding:14px 16px 20px}
}
@media (prefers-reduced-motion:reduce){.swp *{transition:none!important;scroll-behavior:auto!important}}