/* =========================================================
   סטודיו הצדק · studio.html + episode.html
   כל המחלקות בקידומת st-. צבעים, רווחים וגופנים רק מהטוקנים של site.css,
   כך שהעמודים נכונים בערכת ברירת המחדל, בערכה הצבעונית ובמצב לילה.
   1 בסיס · 2 עמוד הפרקים · 3 כרטיסים · 4 עמוד פרק · 5 נגן · 6 פרקי תוכן
   7 תמלול · 8 זכויות ושיתוף · 9 נייד · 10 הדפסה · 11 תנועה
   ========================================================= */

/* ---------- 1. בסיס ---------- */
/* newsroom.css קובע ל-.nr-main כיוון ימין-לשמאל קבוע; כאן הכיוון נקבע לפי שפת הקורא */
.nr-main.st-main{direction:inherit;text-align:start}
/* משטחים שכהים בכל ערכה (נגן, אריח, תג משך) והטקסט שעליהם */
.st-main{--st-bar:var(--bar,var(--navy));--st-bar-deep:var(--bar-deep,var(--navy-deep));--st-on:var(--on-bar,var(--surface));--st-on-2:var(--on-bar-2,var(--gold-soft));--st-rest:var(--st-on-2);--st-buf:var(--st-on-2);--st-veil:var(--st-bar-deep);--st-hover:var(--st-bar-deep)}
@supports (color:color-mix(in srgb,red 50%,blue)){
.st-main{--st-rest:color-mix(in srgb,var(--st-on) 26%,transparent);--st-buf:color-mix(in srgb,var(--st-on) 55%,transparent);--st-veil:color-mix(in srgb,var(--st-bar-deep) 82%,transparent);--st-hover:color-mix(in srgb,var(--st-on) 14%,transparent)}
}
/* טקסט בעברית בתוך עמוד בשפה אחרת: הכיוון עברי, היישור כמו של העמוד */
.st-t{text-align:-webkit-match-parent;text-align:match-parent}
.st-ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.st-ic .st-fill{fill:currentColor;stroke:none}
.st-ic .st-num{font-family:var(--font);font-size:7.5px;font-weight:800;fill:currentColor;stroke:none;text-anchor:middle}
.st-h2{margin:var(--s7) 0 var(--s4)}
.st-clock{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.st-select,.st-input{min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--r1);background:var(--surface);padding:8px 12px;font:inherit;font-size:var(--fs-small);color:var(--text);max-width:100%}
.st-select:focus,.st-input:focus{border-color:var(--navy)}
.st-kick-a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.st-kick-a:hover{color:var(--st-on)}
.st-head{padding-block:var(--s6) var(--s5)}
.st-head .st-title{font-size:clamp(26px,3.4vw,38px);line-height:1.2}
.st-chips{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}

/* ---------- 2. עמוד הפרקים: סינון, מצב ריק, כלל הפרסום ---------- */
.st-filters{display:grid;gap:var(--s4);margin:0 0 var(--s4)}
.st-chip{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--tap);padding:6px 16px;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);color:var(--navy);font:inherit;font-size:var(--fs-small);font-weight:700;cursor:pointer}
.st-chip:hover:not(:disabled){border-color:var(--navy)}
.st-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--surface)}
.st-chip:disabled{opacity:.55;cursor:default}
.st-n{font-size:var(--fs-label);font-weight:800;font-variant-numeric:tabular-nums;min-width:1.6em;padding:0 6px;border-radius:var(--pill);background:var(--bg);color:var(--text-3);text-align:center}
.st-chip[aria-pressed="true"] .st-n{background:var(--surface);color:var(--navy)}
.st-frow{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:flex-end}
.st-fl{display:grid;gap:4px;font-size:var(--fs-caption);font-weight:700;color:var(--text-3);min-width:0}
.st-fl-q{flex:1 1 280px;max-width:480px}
.st-fl-q .st-input{width:100%}
.st-seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r1);overflow:hidden;background:var(--surface)}
.st-seg-b{min-height:calc(var(--tap) - 2px);padding:6px 14px;border:0;border-inline-start:1px solid var(--line-strong);background:none;color:var(--navy);font:inherit;font-size:var(--fs-small);font-weight:700;cursor:pointer}
.st-seg-b:first-child{border-inline-start:0}
.st-seg-b[aria-pressed="true"]{background:var(--navy);color:var(--surface)}
.st-seg-b:disabled{opacity:.5;cursor:default}
.st-seg-b:focus-visible{outline-offset:-3px}
.st-status{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;min-height:var(--tap);margin:0 0 var(--s3);font-size:var(--fs-small);font-weight:700;color:var(--text-3)}
.st-empty{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:var(--r2);padding:var(--s5)}
.st-empty-h{margin:0 0 var(--s2)}
.st-empty-p{margin:0;max-width:70ch;color:var(--text-3)}
.st-formats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s4)}
.st-format{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--s3);align-items:start;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--r2);padding:var(--s4)}
.st-format .st-ic{grid-row:span 2;width:28px;height:28px;color:var(--accent-text);margin-top:2px}
.st-format-n{font-weight:800;color:var(--navy);font-size:var(--fs-h3);line-height:1.3}
.st-format-d{font-size:var(--fs-small);color:var(--text-3)}
.st-feats{margin:0;padding-inline-start:22px;max-width:76ch}
.st-feats-i{margin-bottom:6px}
.st-rule{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--ok);border-radius:var(--r2);padding:var(--s5);max-width:860px}
.st-rule-h{margin:0 0 var(--s2)}
.st-rule-p{margin:0 0 var(--s3)}
.st-rule-l{margin:0 0 var(--s3);padding-inline-start:22px}
.st-rule-i{margin-bottom:6px}
.st-rule-f{margin:0}

/* ---------- 3. כרטיסי פרק ---------- */
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--s5)}
.st-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s}
.st-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-1)}
.st-card-a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.st-card-a:focus-visible{outline-offset:-3px}
.st-thumb{position:relative;aspect-ratio:16/9;background:var(--st-bar);overflow:hidden;flex:none}
.st-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.st-tile{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s4);text-align:center;background:var(--st-bar);color:var(--st-on);border-top:3px solid var(--gold)}
.st-tile .st-ic{width:30px;height:30px;color:var(--gold)}
.st-tile-k{font-family:var(--font-brand);font-weight:900;font-size:clamp(22px,2.4vw,30px);line-height:1.15}
.st-tile-s{font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;color:var(--gold)}
.st-badge{position:absolute;inset-block-end:var(--s2);inset-inline-end:var(--s2);display:inline-flex;align-items:center;gap:6px;background:var(--st-bar-deep);color:var(--st-on);font-size:var(--fs-label);font-weight:800;line-height:1.6;padding:1px 8px;border-radius:var(--r1)}
.st-badge .st-ic{width:14px;height:14px}
.st-card-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1;min-width:0}
.st-card-k{margin:0;display:flex;flex-wrap:wrap;gap:6px var(--s2);align-items:center;font-size:var(--fs-caption);color:var(--text-2)}
.st-card-t{margin:0;font-size:var(--fs-h3);font-weight:800;line-height:1.32;color:var(--navy)}
.st-card:hover .st-card-t{color:var(--accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.st-card-d{margin:0;font-size:var(--fs-small);line-height:1.6;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.st-card-w{margin:0;font-size:var(--fs-caption);color:var(--text-2)}
.st-card-x{margin:0;font-size:var(--fs-caption);color:var(--text-3);background:var(--bg);border-inline-start:3px solid var(--gold);border-radius:var(--r1);padding:6px var(--s2)}
.st-card-x b{color:var(--navy)}
.st-card-m{margin:auto 0 0;padding-top:var(--s2);font-size:var(--fs-caption);color:var(--text-2)}
.st-hit{background:var(--gold-soft);color:var(--navy);border-radius:2px;padding:0 1px;box-shadow:inset 0 -2px 0 var(--gold)}
.st-hit.st-cur{background:var(--gold);color:var(--st-bar-deep);outline:2px solid var(--navy)}
@media (min-width:900px){
.st-card.st-lead{grid-column:1/-1}
.st-lead .st-card-a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.st-lead .st-thumb{aspect-ratio:auto;min-height:320px;height:100%}
.st-lead .st-card-body{padding:var(--s6);justify-content:center;gap:var(--s3)}
.st-lead .st-card-t{font-size:var(--fs-lead);font-weight:900;line-height:1.16}
.st-lead .st-card-d{font-size:var(--fs-body);-webkit-line-clamp:4}
.st-lead .st-card-m{margin-top:var(--s2);padding-top:0}
.st-lead .st-tile-k{font-size:clamp(30px,3.4vw,44px)}
}

/* ---------- 4. עמוד פרק: פריסה ---------- */
.st-ep{display:grid;gap:var(--s5) var(--s6);grid-template-columns:minmax(0,1fr);grid-template-areas:"player" "chapters" "body" "aside"}
.st-a-player{grid-area:player;min-width:0}
.st-a-chapters{grid-area:chapters;min-width:0}
.st-a-body{grid-area:body;min-width:0}
.st-a-aside{grid-area:aside;min-width:0;display:grid;gap:var(--s5);align-content:start}
.st-ep.st-nochap{grid-template-areas:"player" "body" "aside"}
@media (min-width:1024px){
.st-ep{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"player chapters" "body aside"}
.st-ep.st-nochap{grid-template-areas:"player aside" "body aside"}
.st-ep.st-is-audio{grid-template-areas:"player aside" "chapters aside" "body aside"}
.st-ep.st-is-audio.st-nochap{grid-template-areas:"player aside" "body aside"}
/* בווידאו: רשימת פרקי התוכן בגובה הנגן, עם גלילה פנימית */
.st-ep:not(.st-is-audio) .st-a-chapters{position:relative}
.st-ep:not(.st-is-audio) .st-a-chapters .st-panel{position:absolute;inset-inline:0;inset-block-start:0;max-height:100%}
.st-ep:not(.st-is-audio) .st-a-chapters .st-ch{max-height:none}
}
.st-sec{margin:var(--s6) 0 0}
.st-sec:first-child{margin-top:0}
.st-sec-h{margin:0 0 var(--s3)}
.st-sub-h{margin:var(--s5) 0 var(--s3)}
.st-about-c{margin:0 0 var(--s3)}
.st-backlink{margin:0}
.st-prose{max-width:74ch;font-size:var(--fs-body);line-height:1.75}
.st-prose-p{margin:0 0 var(--s3)}
.st-people{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);max-width:74ch}
.st-person{padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--line);border-inline-start:2px solid var(--navy);border-radius:var(--r1)}
.st-person-n{font-weight:800;color:var(--navy)}
.st-person-r{color:var(--text-3);font-size:var(--fs-small)}
.st-facts{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--r2);overflow:hidden}
.st-facts-l{margin:0}
.st-facts-h{margin:0;padding:var(--s3) var(--s4);font-size:var(--fs-h3);border-bottom:1px solid var(--line)}
.st-fact{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);font-size:var(--fs-small)}
.st-fact:last-child{border-bottom:0}
.st-fact-k{font-weight:700;color:var(--text-2)}
.st-fact-v{margin:0;font-weight:700;color:var(--text);text-align:end}
.st-related-h{margin:0 0 var(--s3);font-size:var(--fs-h3)}
.st-more{margin-top:var(--s7)}
.st-missing{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:var(--r2);padding:var(--s5);max-width:760px}
.st-missing-p{margin:0 0 var(--s3)}
.st-missing-p:last-child{margin-bottom:0}

/* ---------- 5. נגן ---------- */
.st-player{background:var(--st-bar);color:var(--st-on);border-radius:var(--r2);overflow:hidden;direction:ltr;text-align:start}
.st-player:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.st-stage{position:relative;aspect-ratio:16/9;background:var(--st-bar-deep);overflow:hidden}
@supports not (aspect-ratio:1){.st-stage{height:0;padding-top:56.25%}}
.st-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--st-bar-deep);display:block;cursor:pointer}
.st-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.st-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.st-big{position:absolute;inset:0;margin:auto;width:76px;height:76px;display:grid;place-items:center;padding:0;border:3px solid var(--st-on);border-radius:50%;background:var(--accent);color:var(--accent-on);cursor:pointer}
.st-big:hover{background:var(--accent-strong)}
.st-big .st-ic{width:34px;height:34px}
.st-started:not(.st-ended) .st-big{display:none}
.st-state{position:absolute;inset-inline:0;inset-block-end:0;margin:0;padding:var(--s2) var(--s3);font-size:var(--fs-caption);font-weight:700;text-align:center;background:var(--st-bar-deep);color:var(--st-on);pointer-events:none}
.st-state:empty{display:none}
.st-fail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s4);text-align:center;background:var(--st-bar-deep);color:var(--st-on)}
.st-fail-p{margin:0;font-weight:700}

.st-bar{display:grid;gap:0;padding:var(--s1) var(--s3) var(--s2)}
.st-seek{display:flex;align-items:center;gap:var(--s3)}
.st-seek .st-clock{flex:none;min-width:3.1em;font-size:var(--fs-caption);font-weight:700;text-align:center}
.st-track{position:relative;flex:1;min-width:0;height:var(--tap);display:flex;align-items:center}
.st-range{-webkit-appearance:none;appearance:none;width:100%;height:var(--tap);margin:0;padding:0;background:none;cursor:pointer;--st-p:0%;--st-b:0%}
.st-range:disabled{cursor:default;opacity:.55}
.st-range::-webkit-slider-runnable-track{height:6px;border-radius:var(--pill);background:linear-gradient(to right,var(--gold) var(--st-p),var(--st-buf) var(--st-p),var(--st-buf) var(--st-b),var(--st-rest) var(--st-b))}
.st-range::-moz-range-track{height:6px;border-radius:var(--pill);background:var(--st-rest)}
.st-range::-moz-range-progress{height:6px;border-radius:var(--pill);background:var(--gold)}
.st-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:var(--st-on);box-shadow:0 0 0 2px var(--st-bar)}
.st-range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--st-on)}
.st-player .st-range:focus-visible{outline:3px solid var(--st-on);outline-offset:-8px;border-radius:var(--r1)}
.st-ticks{position:absolute;inset:0;pointer-events:none}
.st-tick{position:absolute;top:calc(50% - 5px);width:2px;height:10px;margin-inline-start:-1px;background:var(--st-bar);border-radius:1px}
.st-btns{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-height:var(--tap)}
.st-b{width:var(--tap);height:var(--tap);flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:var(--r1);background:none;color:inherit;cursor:pointer}
.st-b:hover:not(:disabled){background:var(--st-hover)}
.st-b[aria-pressed="true"]{color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}
.st-b:disabled{opacity:.45;cursor:default}
.st-player .st-b:focus-visible,.st-player .st-rate:focus-visible,.st-player .st-vol:focus-visible,.st-player .st-big:focus-visible,.st-player .st-load:focus-visible{outline:3px solid var(--st-on);outline-offset:-3px}
.st-chname{flex:1 1 0;min-width:0;padding-inline:var(--s2);font-size:var(--fs-caption);font-weight:700;color:var(--st-on-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-vol{-webkit-appearance:none;appearance:none;width:84px;height:var(--tap);margin:0;padding:0;background:none;cursor:pointer;display:none;--st-p:100%}
.st-vol::-webkit-slider-runnable-track{height:4px;border-radius:var(--pill);background:linear-gradient(to right,var(--st-on) var(--st-p),var(--st-rest) var(--st-p))}
.st-vol::-moz-range-track{height:4px;border-radius:var(--pill);background:var(--st-rest)}
.st-vol::-moz-range-progress{height:4px;border-radius:var(--pill);background:var(--st-on)}
.st-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--st-on)}
.st-vol::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--st-on)}
@media (hover:hover) and (min-width:700px){.st-vol{display:block}}
.st-rate{min-height:36px;margin-inline:var(--s1);padding:4px 6px;border:1px solid var(--st-on-2);border-radius:var(--r1);background:var(--st-bar);color:var(--st-on);font:inherit;font-size:var(--fs-caption);font-weight:700;cursor:pointer}
.st-rate:disabled{opacity:.45;cursor:default}

/* אודיו: פריסה קומפקטית */
.st-aud{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s4) var(--s2)}
.st-aud-art{position:relative;width:88px;height:88px;flex:none;display:grid;place-items:center;border-radius:var(--r2);background:var(--st-bar-deep);color:var(--gold);overflow:hidden}
.st-aud-art .st-ic{width:40px;height:40px}
.st-aud-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-aud-txt{min-width:0;flex:1;display:grid;gap:2px}
.st-aud-k{margin:0;font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;color:var(--gold)}
.st-aud-t{margin:0;font-size:var(--fs-h3);font-weight:800;line-height:1.3;color:var(--st-on)}
.st-capline{margin:0;min-height:1.6em;font-size:var(--fs-small);color:var(--st-on-2)}
.st-audio .st-state{position:static;background:none;padding:0 var(--s4) var(--s2);text-align:start}
.st-audio .st-media{display:none}
.st-audio .st-fail{position:static;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:var(--s3);padding:0 var(--s4) var(--s3);background:none;text-align:start}

/* נגן חיצוני (YouTube, Vimeo) שנטען רק אחרי לחיצה, וקישור למקור */
.st-wait{display:grid;aspect-ratio:auto}
@supports not (aspect-ratio:1){.st-wait{height:auto;padding-top:0}}
.st-wait::before{content:"";grid-area:1/1;padding-top:56.25%}
.st-consent{grid-area:1/1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s4);text-align:center;background:var(--st-veil);color:var(--st-on)}
.st-consent-h{margin:0;font-size:var(--fs-h3);font-weight:800;line-height:1.3}
.st-consent-t{margin:0;max-width:56ch;font-size:var(--fs-small)}
.st-consent-at{margin:0;font-size:var(--fs-small);font-weight:700;color:var(--gold)}
.st-load{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s1) var(--s2);min-height:52px;margin-top:var(--s2);padding:10px 24px;border:2px solid var(--st-on);border-radius:var(--pill);background:var(--accent);color:var(--accent-on);font:inherit;font-weight:800;cursor:pointer;text-decoration:none}
.st-load:hover{background:var(--accent-strong)}
.st-host{font-weight:500;font-size:var(--fs-caption);direction:ltr;unicode-bidi:isolate}

.st-under{display:grid;gap:var(--s2);margin-top:var(--s3)}
.st-resume{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);margin:0;padding:var(--s2) var(--s3);background:var(--gold-soft);border-inline-start:3px solid var(--gold);border-radius:var(--r1);font-size:var(--fs-small);font-weight:700;color:var(--navy)}
.st-resume-f{font-weight:400;font-size:var(--fs-caption);color:var(--text-3)}
.st-linkbtn{min-height:var(--tap);padding:0 var(--s2);border:0;background:none;color:var(--navy);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.st-pnote{margin:0;font-size:var(--fs-caption);color:var(--text-2)}
.st-pnote:empty{display:none}
.st-keys{display:none}
@media (hover:hover) and (min-width:900px){.st-keys{display:block}}

/* מסך מלא: הנגן כולו, כולל סרגל השליטה */
.st-player:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0;background:var(--st-bar-deep)}
.st-player:fullscreen .st-stage{flex:1;min-height:0;aspect-ratio:auto;height:auto;padding-top:0}
.st-player:fullscreen .st-bar{background:var(--st-bar)}
.st-player:-webkit-full-screen{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0;background:var(--st-bar-deep)}
.st-player:-webkit-full-screen .st-stage{flex:1;min-height:0;aspect-ratio:auto;height:auto;padding-top:0}

/* ---------- 6. פרקי תוכן ---------- */
.st-panel{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--r2);overflow:hidden}
.st-panel-h{flex:none;margin:0;padding:var(--s3) var(--s4);font-size:var(--fs-h3);border-bottom:1px solid var(--line)}
.st-panel-n{flex:none;margin:0;padding:var(--s2) var(--s4);font-size:var(--fs-caption);color:var(--text-2);border-bottom:1px solid var(--line);background:var(--bg)}
.st-ch{flex:1;min-height:0;max-height:320px;overflow:auto;list-style:none;margin:0;padding:var(--s1) 0}
.st-ch-b{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s3);align-items:baseline;width:100%;min-height:var(--tap);padding:var(--s2) var(--s4);border:0;border-inline-start:3px solid transparent;background:none;color:var(--text);font:inherit;font-size:var(--fs-small);text-align:start;cursor:pointer}
.st-ch-b:hover{background:var(--bg)}
.st-ch-b:focus-visible{outline-offset:-3px}
.st-ch-b[aria-current="true"]{border-inline-start-color:var(--gold);background:var(--bg);font-weight:800;color:var(--navy)}
.st-ch-b[aria-current="true"] .st-ch-n::before{content:"";display:inline-block;width:0;height:0;margin-inline-end:6px;border-block:5px solid transparent;border-inline-start:8px solid var(--gold)}
.st-ch-t{font-weight:800;color:var(--accent-text)}
.st-ch-x{cursor:default}
.st-ch-x:hover{background:none}

/* ---------- 7. תמלול ---------- */
.st-tr-d{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.st-tr-s{display:flex;align-items:center;gap:var(--s2);min-height:52px;padding:var(--s2) var(--s4);font-weight:800;color:var(--navy);cursor:pointer;list-style:none}
.st-tr-s::-webkit-details-marker{display:none}
.st-tr-s::before{content:"";flex:none;width:0;height:0;border-block:6px solid transparent;border-inline-start:9px solid var(--gold)}
.st-tr-d[open]>.st-tr-s::before{border-inline:6px solid transparent;border-block-start:9px solid var(--gold);border-block-end:0}
.st-tr-s:focus-visible{outline-offset:-3px}
.st-tr-tools{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:flex-end;padding:var(--s3) var(--s4);border-block:1px solid var(--line);background:var(--bg)}
.st-tr-q{flex:1 1 220px;max-width:360px}
.st-tr-q .st-input{width:100%}
.st-tr-nav{display:flex;align-items:center;gap:var(--s1)}
.st-tr-c{min-width:5.5em;margin:0;padding-inline-start:var(--s2);font-size:var(--fs-small);font-weight:700;color:var(--text-3)}
.st-ib{width:var(--tap);height:var(--tap);display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:var(--r1);background:var(--surface);color:var(--navy);cursor:pointer}
.st-ib:hover:not(:disabled){border-color:var(--navy)}
.st-ib:disabled{opacity:.45;cursor:default}
.st-tb{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--tap);padding:6px 14px;border:1px solid var(--line-strong);border-radius:var(--r1);background:var(--surface);color:var(--navy);font:inherit;font-size:var(--fs-small);font-weight:700;cursor:pointer;margin-inline-start:auto}
.st-tb:hover{border-color:var(--navy)}
.st-tr-hint{margin:0;padding:var(--s2) var(--s4) 0;font-size:var(--fs-caption);color:var(--text-2)}
.st-tr-body{max-height:min(70vh,640px);overflow:auto;padding:var(--s4);font-size:var(--fs-body);line-height:1.75}
.st-tr-body:focus-visible{outline-offset:-3px}
.st-tr-p{margin:0 0 var(--s3);padding-inline-start:var(--s3);border-inline-start:3px solid transparent}
.st-tr-p:last-child{margin-bottom:0}
.st-tr-timed .st-tr-p{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:var(--s3);align-items:start}
.st-tr-p.st-on{border-inline-start-color:var(--gold);background:var(--bg)}
.st-ts{min-height:var(--tap);padding:0 var(--s2);border:1px solid var(--line-strong);border-radius:var(--r1);background:var(--surface);color:var(--accent-text);font:inherit;font-size:var(--fs-small);font-weight:800;cursor:pointer}
.st-ts:hover{border-color:var(--navy)}
.st-ts-x{display:inline-flex;align-items:center;justify-content:center;cursor:default;border-color:var(--line);color:var(--text-2)}
.st-ts-x:hover{border-color:var(--line)}
.st-who{color:var(--navy)}
.st-tr-none{margin:0}

/* ---------- 8. זכויות, שיתוף, הצבעה ---------- */
.st-rights{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--ok);border-radius:var(--r1);padding:var(--s3) var(--s4);font-size:var(--fs-small);max-width:860px}
.st-rights-h{margin:0 0 var(--s2);font-size:var(--fs-h3)}
.st-rights-p{margin:0 0 var(--s1)}
.st-rights-p:last-child{margin-bottom:0}
.st-share-row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.st-net{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--r1);background:var(--surface);color:var(--navy);font:inherit;font-size:var(--fs-small);font-weight:700;text-decoration:none;cursor:pointer}
.st-net:hover{border-color:var(--navy)}
.st-net-main{background:var(--navy);border-color:var(--navy);color:var(--surface)}
.st-net-main:hover{background:var(--blue);border-color:var(--blue)}
.st-check{display:flex;gap:var(--s2);align-items:center;min-height:var(--tap);margin:0 0 var(--s2);font-size:var(--fs-small)}
.st-check-i{width:20px;height:20px;flex:none;margin:0}
.st-link{width:100%;max-width:560px;min-height:var(--tap);margin-top:var(--s3);padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r1);background:var(--bg);color:var(--text-3);font:inherit;font-size:var(--fs-caption);direction:ltr;text-align:start}
.st-share-msg{min-height:1.2em;margin:var(--s2) 0 0;font-size:var(--fs-small);font-weight:700;color:var(--navy)}
.st-vote>.vx-solo{border:1px solid var(--line);border-radius:var(--r2)}
.st-form .st-select{width:100%}

/* ---------- 9. צר ונייד ---------- */
@media (max-width:600px){
.st-player{margin-inline:calc(var(--s4) * -1);border-radius:0}
.st-bar{padding-inline:var(--s2)}
.st-seek{gap:var(--s2)}
.st-chname{display:none}
.st-btns{justify-content:space-between}
.st-big{width:64px;height:64px}
.st-aud{padding:var(--s3) var(--s3) var(--s1);gap:var(--s3)}
.st-aud-art{width:64px;height:64px}
.st-consent{padding:var(--s3)}
.st-consent-h{font-size:var(--fs-body)}
.st-consent-t{font-size:var(--fs-caption)}
.st-load{min-height:var(--tap);padding:8px 18px;margin-top:var(--s1)}
.st-fl,.st-fl-q{flex:1 1 100%;max-width:none}
.st-fl .st-select{width:100%}
.st-seg{display:flex}
.st-seg-b{flex:1}
.st-empty,.st-rule{padding:var(--s4)}
.st-tr-tools{padding:var(--s3)}
.st-tr-body{padding:var(--s3)}
.st-tr-timed .st-tr-p{grid-template-columns:4.2em minmax(0,1fr);gap:var(--s2)}
.st-tb{margin-inline-start:0}
}

/* ---------- 10. הדפסת התמלול ---------- */
.st-printdoc{display:none}
@media print{
html.st-print body>*:not(.st-printdoc){display:none!important}
/* נייר לבן בכל ערכה, גם במצב לילה */
html.st-print .st-printdoc{display:block;color-scheme:light;background:Canvas;color:CanvasText;font-family:var(--font);font-size:12pt;line-height:1.6}
.st-printdoc .st-pd-k{margin:0 0 4pt;font-size:10pt;font-weight:800}
.st-printdoc .st-pd-t{margin:0 0 6pt;font-size:20pt;font-weight:900;line-height:1.2}
.st-printdoc .st-pd-m{margin:0 0 4pt;font-size:10pt}
.st-printdoc .st-pd-h{margin:14pt 0 6pt;font-size:14pt;font-weight:800}
.st-printdoc .st-pd-p{margin:0 0 6pt;break-inside:avoid}
.st-printdoc .st-pd-ts{font-weight:800;margin-inline-end:6pt}
.st-printdoc .st-pd-f{margin:14pt 0 0;padding-top:6pt;border-top:1px solid var(--line-strong);font-size:9pt}
}

/* ---------- 11. תנועה ---------- */
@media (prefers-reduced-motion:reduce){
.st-card{transition:none}
.st-tr-body,.st-ch{scroll-behavior:auto}
}