/* הולכים ביחד: עיצוב.
   עמודה אחת לקריאה, מתוכננת קודם לטלפון. צבעים מוגדרים פעם אחת כמשתנים.
   מצב לילה: האתר מתחלף לכהה לפי הגדרת המכשיר (01.11), באותם תפקידי צבע. */

@font-face{font-family:"Assistant";font-weight:500;font-display:swap;src:url(fonts/assistant-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-weight:600;font-display:swap;src:url(fonts/assistant-hebrew-600-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-weight:700;font-display:swap;src:url(fonts/assistant-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-weight:500;font-display:swap;src:url(fonts/assistant-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-weight:600;font-display:swap;src:url(fonts/assistant-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-weight:700;font-display:swap;src:url(fonts/assistant-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light dark;
  /* צבעי המותג של האתר: נייבי ולבנדר. צהוב (החלטה) ואדום (חירום) נשארים, כי יש להם תפקיד. */
  --bg:#f3f5f9;--surface:#ffffff;--fg:#1c2128;--muted:#47566d;--line:#dbe0e8;
  --t:#354a67;--t-soft:#e8edf5;--y:#8a5f00;--y-line:#c99a1e;--y-soft:#fcf2cf;
  --lav:#b7aed2;--lav-deep:#6e5ca2;--lav-soft:#eae7f2;
  --warn:#b42318;--warn-soft:#fdecea;--focus:#6e5ca2;
  --display:"Assistant","Segoe UI",Arial,sans-serif;--body:"Assistant","Segoe UI",Arial,sans-serif;
  --r:12px;--w:1040px;
  --shadow:rgba(20,30,50,.08);--img-bg:#eae7f2;--lav-faint:#f5f3fa;
  /* גופן: --fs-min הוא רצפה לכל גודל קטן במסך, max(var(--fs-min),X). בהדפסה הרצפה מתאפסת והגדלים המקוריים נשמרים. --fs-small הוא הגודל של מידע נלווה. גודל מינימלי לכל טקסט במסך, ורקע 'בקצרה'. ראו את שכבת העיצוב בסוף הקובץ. */
  --fs-min:16px;--fs-small:16px;--brief-bg:#ece8f6;--card-shadow:0 1px 2px rgba(20,30,50,.06),0 6px 18px rgba(20,30,50,.06);
}
/* מצב לילה: אותם תפקידים, בגוונים כהים. נייבי ולבנדר מתבהרים כדי לשמור על ניגודיות. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#12161d;--surface:#1b212b;--fg:#e6e9ef;--muted:#a9b3c2;--line:#323b49;
    --t:#a8bde0;--t-soft:#212d42;--y:#e5bf5c;--y-line:#c99a1e;--y-soft:#352c14;
    --lav:#7d71a8;--lav-deep:#b9abe8;--lav-soft:#28243b;
    --warn:#ff8f85;--warn-soft:#3a1d1b;--focus:#b9abe8;
    --shadow:rgba(0,0,0,.4);--lav-faint:#211e2e;--brief-bg:#28243b;--card-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"]{
  --bg:#12161d;--surface:#1b212b;--fg:#e6e9ef;--muted:#a9b3c2;--line:#323b49;
  --t:#a8bde0;--t-soft:#212d42;--y:#e5bf5c;--y-line:#c99a1e;--y-soft:#352c14;
  --lav:#7d71a8;--lav-deep:#b9abe8;--lav-soft:#28243b;
  --warn:#ff8f85;--warn-soft:#3a1d1b;--focus:#b9abe8;
  --shadow:rgba(0,0,0,.4);--lav-faint:#211e2e;--brief-bg:#28243b;--card-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
}
b,strong{font-weight:700}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:18px;font-weight:500;line-height:1.7}
/* היררכיה: כותרת פרק גדולה עם קו לבנדר; כותרת משנה קטנה ובנייבי */
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.3;margin:0;text-wrap:balance}
h1{font-size:2rem} h2{font-size:1.4rem} h3{font-size:1.02rem;color:var(--t)}
.sec>h2::before{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--lav-deep);margin-bottom:10px}
p{margin:.4em 0}
a{color:var(--t);text-decoration-color:var(--lav);text-underline-offset:3px}
a:hover{text-decoration-color:var(--lav-deep)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.muted{color:var(--muted)} .small{font-size:max(var(--fs-min),0.92rem)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--surface);padding:8px 12px;z-index:10}
.skip:focus{inset-inline-start:8px}

/* פס טיוטה, כותרת עליונה ותחתית */
.draftbar{background:var(--y-soft);color:var(--fg);text-align:center;font-weight:700;font-size:max(var(--fs-min),0.9rem);padding:6px 16px;border-bottom:2px solid var(--y-line)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--w);margin:0 auto;padding:12px 16px}
.brand{font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--fg);text-decoration:none}
.topnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.topnav a{text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:4px 14px;background:var(--surface);font-weight:600;font-size:max(var(--fs-min),0.95rem);min-height:44px;display:inline-flex;align-items:center}
.brandbox{display:flex;flex-direction:column;min-width:0}
.brandsub{font-size:max(var(--fs-min),0.8rem);color:var(--muted);line-height:1.4}
.stage{font-size:max(var(--fs-min),0.9rem);color:var(--muted);font-weight:600}
.page{max-width:var(--w);margin:0 auto;padding:4px 16px 48px;display:grid;gap:22px}
.foot{max-width:var(--w);margin:0 auto;padding:20px 16px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:max(var(--fs-min),0.9rem)}
.foot .ver{font-size:max(var(--fs-min),0.9rem)}
.urgent-link{color:var(--warn);font-weight:700}

/* בית ומפה */
.hero{display:grid;gap:6px;padding-top:8px}
.subtitle{font-size:1.15rem;color:var(--muted);margin:0}
.choices{list-style:none;margin:10px 0;padding:0;display:grid;gap:10px}
.choice{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;min-height:76px;text-decoration:none;color:var(--fg)}
a.choice::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--lav),var(--lav-deep))}
a.choice:hover{border-color:var(--lav-deep)}
a.choice:active,.stop a:active,.nx:active{background:var(--t-soft)}
.choice img{width:64px;height:64px;flex:none;border-radius:10px;background:var(--img-bg)}
.ct{display:grid;gap:0;min-width:0;flex:1}
.ct strong{color:var(--t);font-size:1.05rem;line-height:1.4}
.ct span{color:var(--muted);font-size:max(var(--fs-min),0.93rem);line-height:1.5}
.choice b{color:var(--t);font-size:1.2rem}
.choice.off{border-style:dashed;background:transparent}
.choice.off img{opacity:.55}
.choice.off strong{color:var(--muted)}
.soon{font-size:max(var(--fs-min),0.9rem);font-weight:700;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 10px;white-space:nowrap;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:99px;border:1.5px solid var(--t);background:var(--t);color:var(--surface);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.btn.ghost{background:transparent;color:var(--t)}
.legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:max(var(--fs-min),0.92rem);color:var(--muted)}
.key{width:14px;height:14px;border-radius:4px;display:inline-block}
.key.t{background:var(--t)} .key.y{background:var(--y-line)}
.map{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:ph}
.phase{position:relative;padding:0 30px 22px 0;counter-increment:ph}
.phase::before{content:"";position:absolute;right:9px;top:0;bottom:0;border-right:2px solid var(--line)}
.phase:first-child::before{top:30px}
.phase:last-child::before{display:none}
.phase h2{font-size:1.15rem;display:flex;align-items:center;gap:10px;margin-right:-30px}
.phase h2 img{width:40px;height:40px;border-radius:8px;background:var(--img-bg);flex:none}
.pn{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--lav-deep);flex:none;display:grid;place-items:center}
.pn::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--lav-deep)}
.stops{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.stop a,.stop .off{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:48px;text-decoration:none;color:var(--fg);font-weight:600}
.stop a:hover{border-color:var(--lav-deep)}
.stop a b{margin-inline-start:auto;color:var(--t)}
.stop .off{background:transparent;border-style:dashed;color:var(--muted);font-weight:500}
.altgroup{border:1.5px dashed var(--muted);border-radius:var(--r);padding:8px 10px 10px}
.altgroup .stops{margin:0}
.altlabel{margin:0 0 6px;font-size:max(var(--fs-min),0.93rem);color:var(--fg)}
.dot{width:12px;height:12px;border-radius:3px;flex:none}
.stop.t .dot{background:var(--t)} .stop.y .dot{background:var(--y-line)}
.stop .off .soon{margin-inline-start:auto}
.supportband{display:grid;gap:2px;justify-items:start;background:var(--lav-soft);border-inline-start:5px solid var(--lav-deep);border-radius:var(--r);padding:12px 16px;color:var(--fg)}
.supportband span{color:var(--muted);font-size:max(var(--fs-min),0.93rem)}

/* תחנה */
.station{display:grid;gap:18px}
.tag{display:flex;align-items:center;gap:8px;font-size:max(var(--fs-min),0.9rem);font-weight:700;color:var(--muted);margin:0}
.tag i{width:12px;height:12px;border-radius:3px}
.t .tag i{background:var(--t)} .y .tag i{background:var(--y-line)}
.st-title{font-size:2rem;margin-top:-8px;color:var(--t)}
.byline{margin:-12px 0 0;font-size:max(var(--fs-min),0.9rem);color:var(--muted)}
.byline b{color:var(--fg)}
.byline.draft{color:var(--y)}
.brief{border-radius:var(--r);padding:14px 18px}
.t .brief{background:var(--t-soft)} .y .brief{background:var(--y-soft)}
.brief h2{font-size:1.15rem}
.brief ul{margin:4px 0 0;padding-inline-start:20px} .brief li{margin:4px 0}
.safety{display:flex;align-items:center;gap:10px;background:var(--warn-soft);color:var(--warn);font-weight:600;font-size:max(var(--fs-min),0.95rem);text-decoration:none;border-radius:10px;padding:8px 14px;min-height:44px}
.safety b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--warn);color:var(--surface);font-size:max(var(--fs-min),0.9rem);flex:none}
.safety2{margin:-10px 0 0;font-size:max(var(--fs-min),0.93rem);color:var(--warn)}
.shortcuts{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;font-size:max(var(--fs-min),0.93rem);color:var(--muted);margin-top:-8px}
.shortcuts a{font-weight:600;padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
.sec{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px;scroll-margin-top:12px}
.sec h3{margin-top:6px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}
.og{grid-column:1/-1;margin-top:8px;font-size:1rem;color:var(--muted)}
.opt{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.opt.main{border-color:var(--t);border-width:2.5px}
.opt p{font-size:max(var(--fs-min),0.96rem)}
.badge{align-self:flex-start;font-size:max(var(--fs-min),0.9rem);font-weight:700;border-radius:99px;padding:1px 10px;background:var(--t-soft);color:var(--t)}
.alt .badge,.extra .badge{background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.optlead{font-weight:600}
.note{font-size:max(var(--fs-min),0.95rem);color:var(--muted)}
.filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filter p{flex-basis:100%;margin:0}
.seg{font:inherit;font-weight:600;min-height:44px;padding:6px 16px;border-radius:99px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer}
.seg[aria-pressed="true"]{background:var(--fg);color:var(--surface);border-color:var(--fg)}
.life{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:6px 20px}
.life p{font-size:max(var(--fs-min),0.97rem)}
.qbox{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--lav-deep);border-radius:var(--r);padding:14px 16px 16px}
.qs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.qs label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;min-height:44px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg)}
.qs label:has(input:checked){background:var(--t-soft);border-color:var(--t);font-weight:600}
.qs input{width:22px;height:22px;margin-top:4px;flex:none;accent-color:var(--t)}
.qactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.copied{font-weight:600;color:var(--t);min-height:1.5em;margin:0}
.nextbox{background:var(--t-soft);border-top:0;border-radius:var(--r);padding:14px 16px 16px}
.nxs{display:grid;gap:8px}
.nx{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;padding:12px 16px;min-height:52px;text-decoration:none;font-weight:700;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-inline-start:6px solid var(--line)}
.nx.off{background:transparent;border-style:dashed;border-inline-start-style:solid;color:var(--muted);font-weight:500}
.nx.t{border-inline-start-color:var(--t)} .nx.y{border-inline-start-color:var(--y-line)}
.nx b{color:var(--t)}
/* קישור למאמר באתר: שורה קומפקטית ומובחנת, שלא נבלעת בטקסט ולא מעמיסה עליו */
.mores{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.opt .mores{margin-top:auto;padding-top:6px}
.more{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:6px 12px;border-radius:10px;background:var(--lav-soft);color:var(--t);font-size:max(var(--fs-min),0.9rem);font-weight:600;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
.more:hover{background:var(--t-soft)}
.more .ml{font-weight:500;color:var(--muted)}
.more svg{width:18px;height:18px;flex:none;color:var(--lav-deep)}
.more .mx{width:14px;height:14px;opacity:.8}
.more .src{display:block;font-size:max(var(--fs-min),0.8rem);font-weight:500;color:var(--muted);margin-top:1px}
details.sens .mores{margin-bottom:8px}
.fam .more{background:var(--surface)}
details{border-top:1px solid var(--line);padding-top:10px}
summary{cursor:pointer;font-family:var(--display);color:var(--fg);font-weight:700;font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--body);font-size:1.4rem;color:var(--muted)}
details[open] summary::after{content:"–"}
details.sens{border:1px dashed var(--line);border-radius:10px;padding:6px 14px}
.term{color:inherit;text-decoration:underline dotted var(--lav-deep) 2px;text-underline-offset:4px;cursor:pointer;border-radius:4px}
.term[aria-expanded="true"]{background:var(--lav-soft);text-decoration-style:solid;padding-inline:3px}
.def{display:block;background:var(--surface);border:1px solid var(--lav);border-inline-start:4px solid var(--lav-deep);border-radius:8px;padding:6px 12px;margin:6px 0;color:var(--fg);font-size:max(var(--fs-min),.93em);line-height:1.6}
.def[hidden]{display:none}
.brief .def{background:var(--surface)}
dl{margin:8px 0 0;display:grid;gap:8px} dt{font-weight:700} dd{margin:0;color:var(--muted)}
dl>div{scroll-margin-top:12px}
.src{font-size:max(var(--fs-min),0.9rem);color:var(--muted);padding-inline-start:20px}
.review{font-size:max(var(--fs-min),0.9rem);color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin:0}

/* דף רכיבים */
.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px}
.swatches div{display:flex;align-items:center;gap:10px;font-size:max(var(--fs-min),0.92rem)}
.swatches i{width:36px;height:36px;border-radius:8px;flex:none}

@media (max-width:480px){
  h1,.st-title{font-size:1.7rem}
}
@media print{
  .draftbar,.top,.foot,.safety,.shortcuts,.filter,.qactions,.mores,.nxs,.skip{display:none!important}
  body{background:#fff;color:#000}
  details{display:block} details>*{display:block}
}

/* בני משפחה: פינה מובחנת ברקע הלבנדר של האתר */
.sec.fam{background:var(--lav-soft);border-top:0;border-inline-start:4px solid var(--lav-deep);border-radius:var(--r);padding:14px 16px 16px}

/* תחנה בשכבות: חלקים שנפתחים בלחיצה */
.parts-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:-8px}
.parts-head .ph{font-size:1.4rem}
.openall{font:inherit;font-size:max(var(--fs-min),0.9rem);font-weight:600;color:var(--t);background:none;border:0;text-decoration:underline;text-decoration-color:var(--lav);text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0}
.parts{display:grid;gap:10px}
.layered .parts{gap:10px}
details.part{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:0;scroll-margin-top:70px}
details.part>summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:12px 16px;min-height:64px;font-family:var(--body);font-size:1rem}
details.part>summary h2{grid-column:1;font-size:1.15rem;color:var(--fg)}
details.part>summary .teaser{grid-column:1;color:var(--muted);font-weight:500;font-size:max(var(--fs-min),0.9rem);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
details.part>summary::after{grid-column:2;grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--t-soft);color:var(--t)}
details.part[open]>summary{border-bottom:1px solid var(--line)}
details.part[open]>summary .teaser{display:none}
.pbody{padding:12px 16px 16px;display:grid;gap:8px}
.pbody>h3:not(:first-child){margin-top:14px}
details.part.fam{background:var(--lav-soft);border-inline-start:4px solid var(--lav-deep)}
details.part.qbox{padding:0;border-top:3px solid var(--lav-deep)}
.station .sec,.nextbox,[id]{scroll-margin-top:70px}

/* פס עליון בזמן גלילה: שם התחנה והחלק הנוכחי */
.stbar{position:fixed;inset:0 0 auto;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 8px var(--shadow);padding-top:env(safe-area-inset-top,0px)}
.stbar-in{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:10px;padding:4px 16px;min-height:52px}
.stt{display:grid;min-width:0;flex:1;line-height:1.3}
.stt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t);font-size:max(var(--fs-min),0.98rem)}
.stsec{font-size:max(var(--fs-min),0.9rem);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tocbtn,.stmap{font:inherit;font-size:max(var(--fs-min),0.9rem);font-weight:700;min-height:40px;padding:4px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--t);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;flex:none}
.tocbtn[aria-expanded="true"]{background:var(--t);color:var(--surface);border-color:var(--t)}
.stbar-toc{max-width:var(--w);margin:0 auto;padding:0 16px 10px}
.stbar-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.stbar-toc a{display:flex;align-items:center;min-height:44px;padding:4px 12px;border-radius:8px;background:var(--bg);text-decoration:none;color:var(--fg);font-weight:600}
.stbar-toc a.here{background:var(--t-soft);color:var(--t)}
@media print{.stbar,.openall{display:none!important} details.part>summary::after{display:none}}

/* דף הפתיחה בטלפון: הכותרת ושני כרטיסים כבר במסך הראשון */
@media (max-width:480px){
  .hero{gap:2px;padding-top:0}
  .hero h1{font-size:1.75rem}
  .subtitle{font-size:1.02rem}
  .hero p:not(.subtitle){font-size:max(var(--fs-min),0.95rem);line-height:1.6}
  .where h2{font-size:1.25rem}
  .where>.muted{font-size:max(var(--fs-min),0.9rem);line-height:1.5;margin:0}
  .choices{margin-top:6px;gap:8px}
  .choice{min-height:72px}
}

/* מחשב: עמוד רחב יותר, אבל שורת טקסט נשארת באורך נוח לקריאה */
.page p,.page li,.def,.qs label{max-width:38em}
.opt p,.life p{max-width:none}
.map,.supportband,.map-hero{max-width:780px}
@media (min-width:900px){
  /* שני טורים לפי הסדר: הטור הימני קודם, כדי שרצף השלבים יישמר */
  .choices{display:block;columns:2;column-gap:12px}
  .choices>li{break-inside:avoid;margin-bottom:10px}
  .life{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
}

/* דפי מידע: טיפול תומך, אודות, מילון, מתי פונים מיד */
.info{display:grid;gap:18px}
.lead{font-size:1.08rem}
.footnav{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.footnav a{display:inline-flex;align-items:center;min-height:40px}
a.supportband{text-decoration:none}
a.supportband:hover{background:var(--t-soft)}
.letters{display:flex;flex-wrap:wrap;gap:6px}
.letters a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:700}
.info dl>div{scroll-margin-top:20px}
.info dl>div:target{background:var(--t-soft);border-radius:8px;padding:4px 8px}
.call{display:flex;align-items:center;gap:14px;background:var(--warn);color:var(--surface);border-radius:var(--r);padding:12px 18px;text-decoration:none;font-weight:700;font-size:1.1rem;min-height:56px;justify-self:start}
.call b{font-size:1.5rem}
.ug{border-radius:var(--r);padding:14px 18px;border-inline-start:6px solid;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}
.ug h2{font-size:1.25rem;margin-bottom:6px}
.ug ul,.info .sec ul{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.ug.red{border-inline-start-color:var(--warn);background:var(--warn-soft)}
.ug.red h2{color:var(--warn)}
.ug.orange{border-inline-start-color:var(--y-line);background:var(--y-soft)}
.ug.blue{border-inline-start-color:var(--t);background:var(--t-soft)}

/* מתי פונים: בלוק בטיחות גלוי בסוף התחנה, לפני "מה הלאה" */
.urgentbox{background:var(--warn-soft);border-inline-start:5px solid var(--warn);border-radius:var(--r);padding:12px 16px 14px;display:grid;gap:4px}
.urgentbox h2{font-size:1.15rem;color:var(--warn);display:flex;align-items:center;gap:10px}
.urgentbox h2 b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--warn);color:var(--surface);font-size:max(var(--fs-min),0.9rem);flex:none}
.urgentbox a{color:var(--warn);font-weight:700;text-decoration-color:currentColor}

/* מה יודעים · מה עדיין לא · מה יכול להבהיר */
.unc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px;margin-top:6px}
.unc>div{background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--t);border-radius:10px;padding:10px 14px}
.unc>div:nth-child(2){border-top-color:color-mix(in srgb,var(--lav-deep) 55%,var(--surface))}
.unc>div:nth-child(3){border-top-color:var(--lav-deep)}
.unc h3{font-size:max(var(--fs-min),0.98rem);color:var(--fg)}
.unc p{font-size:max(var(--fs-min),0.96rem);max-width:none}

/* מה הלאה: מה כדאי להסדיר עכשיו */
.arrange{border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.arrange ul{margin:4px 0 0;padding-inline-start:20px;display:grid;gap:4px}

/* העתקה ידנית כשההעתקה האוטומטית לא עובדת */
.manual{width:100%;font:inherit;font-size:max(var(--fs-min),0.95rem);padding:8px 10px;border-radius:8px;border:1px solid var(--t);background:var(--surface);color:var(--fg)}

/* מילון: רשימה אחת עם חיפוש */
.gsearch{display:grid;gap:4px;max-width:28em}
.gsearch input{font:inherit;min-height:48px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg)}
.gsearch input:focus{border-color:var(--t)}
.glist{display:grid;gap:10px;margin:0}
.glist>div{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--line)}
.glist>div.first::before{content:attr(data-letter);font-size:max(var(--fs-min),0.9rem);font-weight:700;color:var(--lav-deep);margin-top:6px}
.glist.searching>div.first::before{display:none}
.glist>div[hidden]{display:none}

/* דף שאלות להדפסה: רק הוא מודפס */
.qprint{display:none}
@media print{
  body.printq>*:not(.qprint){display:none!important}
  body.printq .qprint{display:block;font-size:13pt;color:#000}
  .qprint h1{font-size:18pt;margin-bottom:6pt}
  .qprint ol{padding-inline-start:20pt}
  .qprint li{margin-bottom:10pt;break-inside:avoid}
  .qprint .lines{display:block;height:44pt;border-bottom:1px solid #999;background:repeating-linear-gradient(transparent 0 21pt,#ccc 21pt 22pt)}
  .qpfoot{font-size:10pt;color:#444;margin-top:14pt}
}
.unsure{margin-top:4px}

/* איפה אנחנו עכשיו: פסקת התמצאות רכה בראש התחנה. "בקצרה" שאחריה נשארת התיבה הבולטת. */
.where-now{display:flex;gap:14px;align-items:flex-start;background:var(--lav-faint);border-radius:var(--r);padding:12px 16px;margin-top:-6px}
.where-now h2{font-size:max(var(--fs-min),0.9rem);font-weight:700;color:var(--lav-deep);margin-bottom:2px}
.where-now p{font-size:1.04rem;margin:0}

/* עמוד הפתיחה ומפת הבירור */
.hquote{margin:6px 0 0;padding:0 14px 0 0;border-inline-start:3px solid var(--lav-deep)}
.hquote blockquote{margin:0} .hquote p{margin:0}
.hquote figcaption{color:var(--muted);font-size:max(var(--fs-min),0.92rem);margin-top:4px}
.start h2{font-size:1.2rem}
.consult{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:6px 0}
.consult a{font-weight:700;color:var(--t);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.consult a:hover{text-decoration:underline}
.refs h2{font-size:1.05rem}
.refs ol{text-align:left;font-size:max(var(--fs-min),0.88rem);line-height:1.55;padding-inline-start:22px;margin:0;overflow-wrap:anywhere}
.refs li{margin:6px 0}
.feedback a{overflow-wrap:anywhere}
.dmap{margin:0}
.exit{background:var(--surface);border:1px solid var(--line);border-inline-start:5px solid var(--t);border-radius:var(--r);padding:14px 18px}
.exit p{margin:0 0 8px} .exit p:last-child{margin:0}

/* ===== סבב עיצוב 3 (02.11.2026): ניווט אחיד, פתיחה, מפה כזרימה, ראש תחנה ===== */



.hi{width:38px;height:38px;border-radius:10px;background:var(--lav-soft);display:grid;place-items:center;flex:none}
.hi svg{width:20px;height:20px;fill:none;stroke:var(--lav-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* מסכי הבחירה: שם התחנה בשורה קטנה, ובחירה שנפתחת במקום */
.ct em.stname{font-style:normal;color:var(--lav-deep);font-size:max(var(--fs-min),0.88rem);font-weight:600;margin-top:2px}
details.choice-group{border:0;padding:0}
details.choice-group>summary.choice{font-family:var(--body);font-size:1rem;font-weight:500;color:var(--fg);justify-content:flex-start;min-height:76px}
details.choice-group>summary.choice::after{content:"";width:9px;height:9px;border-inline-start:2.5px solid var(--t);border-bottom:2.5px solid var(--t);transform:rotate(-45deg);margin:0 6px 4px;flex:none;font-size:0}
details.choice-group[open]>summary.choice{border-color:var(--lav-deep);border-bottom-left-radius:0;border-bottom-right-radius:0}
details.choice-group[open]>summary.choice::after{transform:rotate(135deg);margin-bottom:-4px}
.subchoices{list-style:none;margin:0;padding:0;border:1px solid var(--lav-deep);border-top:0;border-radius:0 0 var(--r) var(--r);background:var(--surface);overflow:hidden}
.subchoices li+li{border-top:1px solid var(--line)}
.subchoices a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 16px 8px 14px;padding-inline-start:28px;text-decoration:none;color:var(--t);font-weight:700}
.subchoices a:hover,.subchoices a:active{background:var(--t-soft)}
.subchoices a b{color:var(--t);font-size:1.15rem}
.phasebadge{justify-self:start;margin:0;font-size:max(var(--fs-min),0.88rem);font-weight:700;border-radius:99px;padding:2px 12px}
.phasebadge.pre{background:var(--lav-soft);color:var(--lav-deep)}
.crumbs{margin:0;font-size:max(var(--fs-min),0.92rem);color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.crumbs .dz{background:var(--t);color:var(--surface);border-radius:99px;padding:0 10px;font-size:max(var(--fs-min),0.88rem)}

/* המפה: שלושה סוגי קשרים בלבד */
.legend span{display:inline-flex;align-items:center;gap:6px;margin-inline-end:10px}
.lk{display:inline-block;flex:none}
.lk.lkline{width:22px;border-top:3px solid var(--t)}
.lk.lkdash{width:22px;border-top:3px dashed var(--t)}
.lk.lkfork{width:20px;height:9px;border:2px solid var(--t);border-bottom:0;border-radius:6px 6px 0 0}
.lk.lkhere{width:16px;height:16px;border-radius:50%;border:3px solid var(--lav-deep)}
.flow{position:relative;padding-inline-end:40px;max-width:780px}
.lane{position:absolute;inset-inline-end:0;top:0;bottom:0;width:28px;border-radius:14px;background:var(--lav-soft);display:flex;align-items:center;justify-content:center;text-decoration:none}
.lane span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:max(var(--fs-min),0.85rem);font-weight:700;color:var(--lav-deep);white-space:nowrap}
.lane:hover{background:var(--t-soft)}
.map{list-style:none;margin:0;padding:0;display:block}
.map>li{list-style:none}
.phase{position:relative;padding:0 40px 24px 0}
.phase::before{content:"";position:absolute;right:13px;top:6px;bottom:0;border:0;border-right:3px solid var(--t)}
.phase:last-child::before{display:none}
.phase h2{font-size:1.15rem;display:flex;align-items:center;gap:10px;margin-right:-40px;min-height:30px}
.pn{width:30px;height:30px;border-radius:50%;background:var(--t);color:var(--surface);border:0;font-size:max(var(--fs-min),0.95rem);font-weight:700;display:grid;place-items:center;flex:none;position:relative;z-index:1}
.pn::after{display:none}
.shared{background:var(--lav-faint);border:1.5px dashed var(--lav);border-radius:14px;padding:10px 10px 4px;margin:0 -10px 0 0}
.sharedlabel{margin:0 40px 10px 0;font-size:max(var(--fs-min),0.88rem);font-weight:700;color:var(--lav-deep)}
.shared .phase::before{border-right-color:var(--lav-deep)}
.shared .pn{background:var(--lav-deep)}
.shared .phase:last-child{padding-bottom:10px}
.branch{position:relative;padding:12px 40px 18px 0}
.branch::before{content:"";position:absolute;right:13px;top:0;bottom:0;border-right:3px solid var(--t)}
.branchlabel{margin:0 0 6px;font-size:max(var(--fs-min),0.93rem);font-weight:700}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.chip{border-radius:99px;padding:4px 14px;font-size:max(var(--fs-min),0.93rem)}
.chip.on{background:var(--t);color:var(--surface)}
.chip.soon2{border:1.5px dashed var(--muted);color:var(--muted);font-weight:600}
.cond-label{position:relative;padding:0 40px 8px 0;font-size:max(var(--fs-min),0.9rem);color:var(--muted);font-weight:600}
.cond-label::before{content:"";position:absolute;right:13px;top:-24px;bottom:0;border-right:3px dashed var(--t)}
.phase.cond>h2 .pn{background:var(--surface);color:var(--t);border:2.5px dashed var(--t)}
.phase.cond::before{border-right-style:dashed}
.phase.cond .stop a{border-style:dashed}
.phase:has(+ .cond-label)::before{bottom:0}
.stop a,.stop .off{font-weight:600}
.stop .here-tag{display:none}
.stop.here a{border-color:var(--lav-deep);box-shadow:0 0 0 3px var(--lav-deep)}
.stop.here .here-tag{display:inline-block;font-style:normal;background:var(--lav-deep);color:var(--surface);border-radius:99px;padding:0 10px;font-size:max(var(--fs-min),0.82rem)}
.stops.seq>li+li{position:relative;margin-top:14px}
.stops.seq>li+li::before{content:"↓";position:absolute;top:-21px;right:50%;color:var(--t);font-weight:700;line-height:1}
.withaddon{display:grid;grid-template-columns:3fr auto 2fr;gap:6px;align-items:start}
.withaddon>.stops{margin:0}
.plus{align-self:center;color:var(--muted);font-size:1.2rem;font-weight:700}
.stops.addon{gap:2px}
.stops.addon .stop a{border:1.5px dashed var(--t)}
.addlabel{list-style:none;font-size:max(var(--fs-min),0.82rem);color:var(--muted);text-align:center}
.fork{margin-top:8px}
.forklabel{margin:0 0 4px;font-size:max(var(--fs-min),0.9rem);color:var(--fg);text-align:center}
.fork::before,.fork::after{content:"";display:block;height:12px;margin:0 16%;border:2px solid var(--t)}
.fork::before{border-bottom:0;border-radius:10px 10px 0 0}
.fork::after{border-top:0;border-radius:0 0 10px 10px}
.forkopts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.forkopts .stop a{flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:8px 6px;min-height:56px;font-size:max(var(--fs-min),0.95rem);border-top:3px solid var(--t)}
.forkopts .stop a b{display:none}
.forkopts .stop .off{flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:8px 6px;min-height:56px;font-size:max(var(--fs-min),0.95rem)}
.forkopts .stop .off .soon{margin-inline-start:0}
.fork+.stops{margin-top:2px}
.fork+.stops::before{content:"↓";display:block;text-align:center;color:var(--t);font-weight:700;line-height:1;margin-bottom:4px}
.loopnote{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:max(var(--fs-min),0.9rem);color:var(--muted)}
.loopnote svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ראש תחנה: פחות קופסאות ברצף */
@media (max-width:600px){.brandsub.st{display:none}}
.where-now{background:none;padding:0;margin-top:0}
.brief,.t .brief,.y .brief{background:var(--surface);border:1px solid var(--line);border-inline-start:5px solid var(--t)}
.y .brief{border-inline-start-color:var(--y-line)}
.more .mx{transform:scaleX(-1)}
details.part>summary h2::before{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--lav-deep);margin-bottom:6px}
.choicehead{font-size:max(var(--fs-min),0.95rem);color:var(--muted);margin:14px 0 -4px}
.where .supportband{margin-top:14px}

/* חוות דעת שנייה (02.11): דלת שלישית, שורה שקטה בסוף כל תחנה, ותיבת ייעוץ נפרדת */
.soline{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;min-height:56px;text-decoration:none;color:var(--fg)}
.soline>span{display:grid;gap:2px}
.soline b{color:var(--t)}
.soline>span>span{color:var(--muted);font-size:max(var(--fs-min),0.93rem)}
.soline i{font-style:normal;color:var(--t);font-weight:700}
.soline:hover{border-color:var(--lav-deep)}
.flow+.soline{margin-top:6px;max-width:780px}
.consultbox{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--bg);display:grid;gap:6px}
.consultbox h2{font-size:1.05rem}
.consultbox p{margin:0;font-size:max(var(--fs-min),0.95rem);color:var(--muted)}
.consultbox a{font-weight:700}

/* הדפסה או שמירה כ־PDF של תחנה שלמה (02.11). אותו תוכן בדיוק, בלי ניווט, עם כותרת ממותגת עדינה. */
.printhead,.printonly{display:none}
.printrow{margin:-4px 0 12px}
.printst{font:inherit;font-size:max(var(--fs-min),.9rem);font-weight:600;color:var(--t);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:40px;cursor:pointer}
.printst::before{content:"";display:inline-block;width:14px;height:14px;margin-inline-end:6px;vertical-align:-2px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8V3h10v5M5 14H3V8h14v6h-2M6 11h8v6H6z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8V3h10v5M5 14H3V8h14v6h-2M6 11h8v6H6z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media print{
  @page{size:A4;margin:16mm 15mm 18mm}
  :root,:root[data-theme]{--bg:#fff;--surface:#fff;--fg:#111;--muted:#444;--line:#bbb;--t:#243a5a;--t-soft:#eef1f6;--y:#6b4a00;--y-line:#c99a1e;--y-soft:#fff;
    --lav:#b7aed2;--lav-deep:#5a4a8e;--lav-soft:#fff;--warn:#9b1c13;--warn-soft:#fff;--lav-faint:#fff;--shadow:transparent}
  html,body{background:#fff!important;color:#111;font-size:11pt;line-height:1.5}
  .top,.foot,.skip,.stbar,.openall,.parts-head,.printrow,.qactions,.copied,.soline,.nextbox,.mores,.shortcuts,.wn-img,.tag,.review,.safety,.draftbar,.qbox .muted{display:none!important}
  .page,.station{max-width:none;margin:0;padding:0}
  .printhead{display:flex!important;align-items:center;gap:10pt;border-bottom:1px solid #bbb;padding-bottom:7pt;margin-bottom:12pt}
  .printhead img{width:15mm;height:15mm}
  .printhead b{display:block;font-size:11pt;color:#243a5a}
  .printhead span{display:block;font-size:9pt;color:#444}
  .st-title{font-size:20pt;margin:0 0 4pt}
  .byline{font-size:9pt;margin-bottom:8pt}
  .byline.draft{border:1px solid #9b1c13;color:#9b1c13;display:inline-block;padding:1pt 6pt;border-radius:4pt}
  .where-now,.brief,.sec,details.part,.consultbox,.purgent{box-shadow:none!important;background:#fff!important}
  .brief{border:1.5pt solid #243a5a!important}
  details.part{border:0!important;padding:0!important;margin-top:8pt}
  details.part>summary{list-style:none;padding:0!important}
  details.part>summary::-webkit-details-marker{display:none}
  details.part>summary h2::before,details.part>summary::after{display:none!important}
  details.part>summary .teaser{display:none}
  details.part>summary{break-after:avoid;page-break-after:avoid}
  details.sens:not([open])>summary::after{content:" · מידע רגיש. מודפס רק אם פותחים אותו באתר לפני ההדפסה.";font-weight:400;font-size:9pt;color:#555}
  details>summary{list-style:none}
  details.terms,details.sources{display:block}
  details.terms>summary,details.sources>summary{font-weight:700;font-size:12pt;margin-top:10pt}
  h2,h3{break-after:avoid;page-break-after:avoid}
  p,li,.opt,.brief,.where-now{break-inside:avoid;page-break-inside:avoid}
  a{color:inherit;text-decoration:none}
  .qs input{display:none}
  .qs label{border:0!important;background:none!important;padding:0!important;min-height:0!important;display:block}
  .consultbox,.fam .card,.sec.fam>div{break-inside:avoid;page-break-inside:avoid}
  .qs li{break-inside:avoid;padding-bottom:16pt;border-bottom:1px dotted #999;margin-bottom:6pt;list-style:decimal}
  .printonly{display:block!important;margin-top:14pt}
  .purgent{border:2pt solid #9b1c13!important;border-radius:6pt;padding:6pt 10pt;break-inside:avoid}
  .purgent h2{color:#9b1c13;font-size:13pt;margin:0 0 4pt}
  .purgent ul{margin:0 0 4pt}
  .purgent p{font-size:9pt;margin:0}
  .pfoot{font-size:8.5pt;color:#444;border-top:1px solid #bbb;padding-top:5pt;margin-top:12pt}
}

/* הדפסה, סבב 2 (03.11, אחרי שתי חוות דעת): זרימה רגילה במקום רשת, רוחב מלא, פס צד, דף לפגישה. */
@media print{
  @page{margin:20mm 16mm 20mm 16mm}
  .page,.station,.parts,.pbody,details.part,.layered .parts{display:block!important}
  .page p,.page li,.def,.qs label,.homeart{max-width:none!important}
  body{padding-inline-start:7mm}
  body::before{content:"";position:fixed;top:0;bottom:0;right:0;width:2.2mm;background:#243a5a;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .printhead{margin-top:0}
  .byline.draft{display:none!important}
  .stbody>*+*,.parts>*+*{margin-top:9pt}
  details.part{margin-top:12pt}
  details.part>summary h2{font-size:15pt;color:#243a5a;border-bottom:1pt solid #243a5a;padding-bottom:2pt;margin:0 0 6pt}
  .pbody h3{font-size:12pt;color:#243a5a;margin:9pt 0 2pt}
  .pbody p{margin:0 0 5pt}
  /* כרטיסי אפשרויות: שניים בשורה */
  .opts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6pt}
  .opt{break-inside:avoid;padding:7pt 9pt!important;border-radius:5pt!important}
  .opt.main{border:1.2pt solid #243a5a!important}
  /* חירום: אחרי "בקצרה", קומפקטי */
  .purgent.printonly{display:block!important;margin-top:8pt;padding:5pt 9pt}
  .purgent h2{font-size:11.5pt}
  .purgent li{font-size:10pt;margin:0}
  /* דף לפגישה */
  details.part.qbox{break-before:page;page-break-before:always;border:1pt dashed #243a5a!important;border-radius:6pt;padding:9pt 12pt!important}
  .qs{padding:0;margin:0}
  .qs li{list-style:none!important;border:0!important;padding:0 0 2pt!important;margin:0 0 7pt!important}
  .qs li label{display:block;padding-inline-start:16pt!important;position:relative}
  .qs li label::before{content:"";position:absolute;right:0;top:3pt;width:9pt;height:9pt;border:1pt solid #243a5a;border-radius:1.5pt}
  .qs li::after{content:"";display:block;height:13pt;border-bottom:0.6pt dotted #888;margin-inline-start:16pt}
  .psum.printonly{display:block!important;break-inside:avoid;margin-top:12pt;border-top:1pt solid #243a5a;padding-top:6pt}
  .psum h3{margin:0;font-size:12.5pt;color:#243a5a}
  .psub{font-size:9pt;color:#555;margin:0 0 4pt}
  .pline{margin:0 0 4pt;height:auto}
  .pline::after{content:"";display:block;height:15pt;border-bottom:0.6pt dotted #888}
  /* חומר משלים: קטן ורציף */
  details.terms,details.sources{font-size:9.5pt;margin-top:10pt}
  details.terms dl div{break-inside:avoid;margin-bottom:3pt}
  details.terms dt{display:inline;font-weight:700} details.terms dt::after{content:": "}
  details.terms dd{display:inline;margin:0}
  .src{font-size:8.5pt;padding-inline-start:14pt}
  .consultbox{display:none!important}
  .pconsult{font-size:8.5pt;color:#444;margin-top:8pt}
}
@media print{
  /* דף הפגישה עובר לסוף, כדף עבודה שאפשר לתלוש. המילון והמקורות לפניו. */
  .stbody{display:flex!important;flex-direction:column}
  .stbody>.parts{display:contents!important}
  .stbody>*,.stbody>.parts>*{order:1}
  .stbody>.parts>details.part.qbox{order:5}
  .stbody>section.printonly{order:6}
  .qs li{margin-bottom:5pt!important}
  .qs li::after{height:11pt}
}
@media print{
  .pbody{padding:0!important;gap:0!important}
  .life{gap:2pt 14pt!important}
  .life h3,.pbody .life h3{margin:4pt 0 1pt!important}
  .life p{margin:0 0 3pt!important;font-size:10.5pt}
  details.part{margin-top:9pt!important}
  details.part>summary h2{margin-bottom:4pt!important}
  .unc,.sens{margin:4pt 0!important}
  .src li{margin:0}
}
@media print{
  .stbody>*,.stbody>.parts>*{margin-top:8pt!important;margin-bottom:0!important}
  .stbody>.printhead{margin-top:0!important}
  details.terms>summary,details.sources>summary{margin:0 0 3pt!important;font-size:11pt}
  .src{font-size:8pt;line-height:1.35}
}

/* אייקונים ליד כותרות החלקים בתחנה (03.11). אותו סגנון של "איך המערכת יכולה לעזור". */
details.part>summary h2:has(.pi){display:flex;align-items:center;gap:10px}
details.part>summary h2:has(.pi)::before{display:none}
.pi{width:34px;height:34px;border-radius:9px;background:var(--lav-soft);display:grid;place-items:center;flex:none}
.pi img{width:32px;height:32px;display:block}
/* אייקונים קטנים בכותרות של חלקים מקופלים: מידע רגיש, מונחים ומקורות */
.si{display:inline-flex;vertical-align:middle;margin-inline-end:8px}
.si img{width:32px;height:32px;display:block}
.brief h2:has(.pi){display:flex;align-items:center;gap:12px}
summary:has(.si){justify-content:flex-start;gap:0}
summary:has(.si)::after{margin-inline-start:auto}
details.part>summary .teaser{padding-inline-start:44px}

/* הדפסה, סבב 3 (03.11) */
@media print{
  body::before{width:1.2mm;background:#7d8fae}
  body{padding-inline-start:5mm}
  .printhead{padding-bottom:5pt;margin-bottom:8pt}
  .printhead img{width:11mm;height:11mm}
  .printhead b{font-size:12pt}
  .pi{width:auto;height:auto;background:none!important;border-radius:0}
  .pi img{width:15pt;height:15pt}
  .brief .pi,.si{display:none!important}
  details.part>summary h2{display:flex!important;align-items:center;gap:6pt}
  summary::after{display:none!important;content:none!important}
  /* כרטיסים: הקבוצה נשמרת יחד, כרטיס אי־זוגי אחרון לרוחב מלא */
  .opts{break-inside:avoid;page-break-inside:avoid}
  .opts>.opt:last-child:nth-child(odd){grid-column:1/-1}
  /* חירום: שורה בעמוד הראשון, הרשימה המלאה לפני דף הפגישה */
  .purline.printonly{display:block!important;color:#9b1c13;font-weight:700;font-size:10.5pt;border:1pt solid #9b1c13;border-radius:5pt;padding:4pt 8pt}
  .purline b{display:inline-grid;place-items:center;width:13pt;height:13pt;border-radius:50%;background:#9b1c13;color:#fff;font-size:9pt;margin-inline-end:4pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .stbody>.purgent{order:4!important;margin-top:12pt!important}
  /* מקורות: שורה אחת במקום הרשימה */
  details.sources{display:none!important}
  .psrc{font-size:9pt;color:#444;margin:4pt 0 0}
  .stbody>section.printonly{order:3!important}
  .pfoot{border:0;padding:0;margin-top:4pt;font-size:8.5pt}
}
.fam .pi{background:var(--surface)}

/* הדפסה, סבב 4 (03.11, יונתן): כותרת זהה בכל עמוד עם הלוגו, מילון בלי קו, מידע רגיש סגור לא מודפס, סיכום הפגישה בעמוד משלו. */
@media print{
  .printhead{display:flex!important;position:fixed;top:-27mm;left:0;right:0;height:21mm;align-items:center;gap:9pt;margin:0!important;padding:0 0 3mm!important;border-bottom:0.8pt solid #7d8fae;background:#fff}
  .printhead img{width:15mm!important;height:15mm!important}
  .phbrand{flex:1;display:grid;gap:1pt}
  .phbrand b{font-size:15pt!important;color:#243a5a;line-height:1.1}
  .phbrand span{font-size:9.5pt!important;color:#444;line-height:1.3}
  .phst{display:grid;gap:1pt;text-align:left;max-width:45%}
  .phst b{font-size:12.5pt;color:#243a5a;line-height:1.2}
  .phst span{font-size:9pt;color:#9b1c13}
  .term{text-decoration:none!important;border:0!important;color:inherit!important}
  details.sens:not([open]){display:none!important}
  .stbody>.psum{order:6!important}
  .psum.printonly{display:block!important;break-before:page;page-break-before:always;border:1pt dashed #243a5a!important;border-radius:6pt;padding:10pt 14pt!important;margin-top:0!important}
  .psum h2{font-size:15pt;color:#243a5a;margin:0 0 2pt}
  .psub{font-size:9.5pt!important;margin-bottom:10pt!important}
  .pline{margin:0 0 12pt;break-inside:avoid}
  .pline::after{content:none!important}
  .pline b{display:block;font-size:11.5pt;color:#243a5a}
  .pline i{display:block;height:22pt;border-bottom:0.7pt dotted #777}
  .qs li::after{height:16pt!important}
  .qs li::before{content:none}
  .qs li{margin-bottom:4pt!important}
}
@media print{ .qs li::after{content:none!important;display:none!important} .qs .ql.printonly{display:block!important;height:18pt;border-bottom:0.7pt dotted #777;margin-inline-start:16pt} }

/* כותרת זהה בכל עמוד: התחנה מודפסת כטבלה, והכותרת היא ראש הטבלה שחוזר בכל עמוד. */
@media print{
  @page{margin-top:12mm!important}
  .station{display:table!important;width:100%;border-collapse:collapse}
  .printhead{display:table-header-group!important;position:static!important;height:auto!important;border:0!important;padding:0!important;background:none}
  .phin{display:flex;align-items:center;gap:9pt;padding:0 0 3mm;margin-bottom:5mm;border-bottom:0.8pt solid #7d8fae}
}

/* מעטפת הטבלה (03.11): במסך היא שקופה. בהדפסה ראש הטבלה חוזר בכל עמוד. */
.ptab,.ptab>thead,.ptab>tbody,.ptab>tbody>tr,.ptab>tbody>tr>td{display:block;padding:0;margin:0;border:0;width:auto}
.ptab>thead{display:none}
.stbody{display:grid;gap:18px}
@media print{
  .station{display:block!important}
  .ptab{display:table!important;width:100%;border-collapse:collapse}
  .ptab>thead{display:table-header-group!important}
  .ptab>thead>tr{display:table-row}
  .ptab>thead>tr>td,.ptab>tbody>tr>td{display:table-cell!important;padding:0}
  .ptab>tbody{display:table-row-group!important}
  .ptab>tbody>tr{display:table-row!important}
}
@media print{ .qs li{display:block!important;gap:0!important} .qs .ql.printonly{height:21pt!important;margin-top:0!important;margin-bottom:0!important} }

/* הדפסה, סבב 5 (03.11): כותרת קטנה בשליש ואחידה בכל עמוד, קווים ומסגרות עדינים, תאריך ושם רופא, הדפסת דפי הפגישה בלבד. */
@media print{
  .phin{gap:7pt;padding-bottom:2mm;margin-bottom:4mm}
  .printhead img{width:10mm!important;height:10mm!important}
  .phbrand b{font-size:11.5pt!important}
  .phbrand span{font-size:7.5pt!important}
  .phst b{font-size:10.5pt}
  .phst span{font-size:7.5pt}
  details.part.qbox,.psum.printonly{border:0.6pt solid #9aa6b8!important;border-radius:4pt}
  .qs .ql.printonly,.pline i{border-bottom:0.5pt solid #c4c9d2!important}
  .pmeta{display:block!important;font-size:10pt;color:#243a5a;margin:2pt 0 10pt!important}
  .qs li.qskip{display:none!important}
  /* מצב דפי הפגישה בלבד */
  body.printws .stbody>*:not(.parts):not(.psum),body.printws .stbody>.parts>*:not(.qbox){display:none!important}
  body.printws details.part.qbox{break-before:auto;page-break-before:auto}
  body.printws .qprint{display:none!important}
}

/* ===== שפת העיצוב א פלוס (אושרה 03.11.2026) =====
   גוף 19 (20 במחשב), אוויר, צל עדין במקום קווים, 'בקצרה' על לבנדר.
   כלל קבוע: שום טקסט במסך לא קטן מ־var(--fs-small)=16px. בדיקה אוטומטית ב־tests/test_design.py.
   כל השכבה בתוך @media screen, כך שההדפסה לא מושפעת ממנה. */
@media screen{
body{font-size:19px;line-height:1.75}
@media (min-width:900px){body{font-size:20px}}
body .page{gap:34px;padding-top:12px}
body .stbody{gap:28px}
body .st-title{font-size:2.25rem;line-height:1.2}
body h2{font-size:1.5rem}
body .tag,body .byline,body .brandsub,body .safety2,body .opt p,body .life p,body .unc p,body .more,body .soline span span,body .nextbox .note,body details.part>summary .teaser{font-size:var(--fs-small)}
body .where-now p{font-size:1.08rem}
body .where-now h2{font-size:var(--fs-small)}
body .brief{padding:20px 24px;border-radius:16px}
body .brief h2{font-size:1.35rem;margin-bottom:6px}
body .brief li{margin:8px 0}
body .parts{gap:20px}
body details.part{border:0;border-radius:16px;box-shadow:var(--card-shadow)}
body details.part[open]>summary{border-bottom:0}
body details.part>summary{padding:18px 22px;min-height:76px}
body details.part>summary h2{font-size:1.35rem}
body details.part>summary .teaser{padding-inline-start:44px}
body .pbody{padding:0 22px 26px;gap:14px}
body .pbody h3{font-size:1.2rem;color:var(--t);margin-top:12px}
body .opts{gap:16px}
body .opt{border:0;border-radius:14px;padding:18px 20px;background:var(--bg);box-shadow:none}
body .opt.main{background:var(--surface);box-shadow:inset 0 0 0 2px var(--t)}
body .life{gap:10px 28px}
body .unc>div{border:0;background:var(--bg);border-radius:12px;padding:14px 16px}
body details.part.fam{border-inline-start:0}
body details.part.qbox{border-top:0}
body .soline,body .nextbox{border-radius:16px}
body .soline{border:0;box-shadow:var(--card-shadow);padding:16px 20px}
body .nextbox{padding:20px 22px}
/* תיקון (03.11): כל טקסט תוכן באותו גודל של טקסט הגוף, גם בתוך כרטיסים. רק מידע נלווה (שורת כותב, תקצירים, הנחיות שימוש, מקורות) ב־16. */
body .where-now p,body .opt p,body .life p,body .unc p,body .pbody p,body .pbody p.note,body .nextbox .note,body .def,body .safety2{font-size:1em}
body .muted.small,body .small,body .review,body .src,body .src li,body .sources li{font-size:var(--fs-small)}
/* הרחבה לכל המסכים (03.11): שום טקסט קטן מ־16, טקסט פתיחה בגודל הגוף, וכרטיסי ניווט עם צל עדין במקום קו. */
body .herotext p,body .hero p:not(.phasebadge),body .consultbox p,body .important p,body .exit p{font-size:1em}
body .topnav a,body .ct span,body .ct em,body .ct em.stname,body .safety span,body .jhead a,body .jsteps span,body .jsteps li,body .footnav a,body .foot p,body .phasebadge,body .where p.muted,body .crumbs a,body .crumbs b,body .choicehead,body .supportband span,body .legend span,body .lane span,body .sharedlabel,body .forklabel,body .forklabel b,body .branchlabel,body .chip,body .addlabel,body .loopnote,body .cond-label,body .stage,body .printst,body .openall,body .more .src,body .opt .badge,body .src a,body .soon,body .homeart a{font-size:var(--fs-small)}
body .choice,body .helps li,body .important,body .exit,body .consultbox{border-color:transparent;box-shadow:var(--card-shadow)}
body .choice{padding-top:16px;padding-bottom:16px}
body .helps ul,body .choices{gap:14px}
body .ct em,body .helps li span,body .src a,body ol a,body .foot p.ver,body .phasebadge,body .crumbs b.dz,body .crumbs .dz{font-size:var(--fs-small)!important}
@media (max-width:600px){body .brandsub{display:none}}
body .src li,body .src a,body .def,body dd{overflow-wrap:anywhere}
body .station,body .stbody,body .parts{min-width:0}
body .brief,body .t .brief,body .y .brief{background:var(--brief-bg);border:0;border-inline-start:5px solid var(--t);border-radius:16px}
body .y .brief{border-inline-start-color:var(--y-line)}
body .jcap{margin:-4px 0 0;color:var(--muted);font-size:var(--fs-small)}
}
/* בהדפסה הרצפה מתאפסת, כך שהגדלים המודפסים נשארים בדיוק כמו בתבנית ההדפסה שאושרה. */
@media print{:root,:root[data-theme]{--fs-min:0px}}

/* ===== איורים (05.11.2026) =====
   איור לכל תחנה (גם בטלפון), איור בכל כרטיס בחירה לפי התחנה, פתיחה ושלבים בדף הבית, שלבי המפה, לוגו בפס העליון.
   האיורים מ־static/img/ill (מקור: shared/illustrations בשורש המאגר). משטח לבנדר בהיר מאחורי כל איור, גם במצב כהה.
   הכול בתוך @media screen, וההדפסה לא משתנה. */
@media screen{
body .brand{display:inline-flex;align-items:center;gap:8px}
body .brand .logo{width:32px;height:32px;flex:none}
body .choice img{border-radius:12px}
body .titlerow{display:flex;align-items:center;justify-content:space-between;gap:16px}
body .titleimg{width:72px;height:72px;border-radius:14px;background:var(--img-bg);flex:none}
@media (min-width:760px){body .titleimg{width:88px;height:88px}}
body .urgent .titleimg{width:56px;height:56px}
}
@media print{.heroimg,.jimg,.titleimg,.brand .logo,.phase h2 img{display:none!important}}

/* ===== ראש התחנה ודף הבית, לפי הערות יונתן (05.11.2026) =====
   איור התחנה: במחשב משמאל לכותרת, בטלפון מתחת ל"איפה אתם עכשיו" על משטח ברוחב מלא.
   תיבה אדומה אחת מתחת ל"בקצרה". שלוש דלתות בגובה אחד. הכול במסך בלבד. */
@media screen{
body .station .tag{display:none}
body .sthead{display:flex;align-items:center;justify-content:space-between;gap:24px}
body .sthtext>*+*{margin-top:14px}
body .sthtext .st-title{margin-top:0}
body .sthead .st-img.d{width:200px;height:200px;border-radius:24px;background:var(--img-bg);flex:none}
body .st-img.m{display:none}
body .wn-next{margin-top:8px!important;font-size:var(--fs-small)!important;font-weight:600}
body .wn-next span{color:var(--muted)}
body .urgtop{margin-top:4px}
body .urgend{display:none}
@media (max-width:759px){
 body .sthead .st-img.d{display:none}
 body .st-img.m{display:flex;justify-content:center;background:var(--img-bg);border-radius:18px;padding:6px 0}
 body .st-img.m img{width:132px;height:132px}
}
@media (min-width:760px){
}
}
@media print{.urgtop,.st-img,.wn-next{display:none!important}.sthead .st-title{margin-bottom:0!important}}

/* הערה קטנה מתחת לשם תחנה במפה (תחנת ההחלמה, 05.11.2026) */
@media screen{body .stop .stopnote{display:block;font-size:var(--fs-small);font-weight:400;color:var(--muted)}}

/* ===== מפת "דרכים מקבילות" (מסלול מנינגיומה, 06.11.2026) =====
   אותם כרטיסי תחנה כמו במפה הרגילה. ראש משותף, שלוש דרכים זו לצד זו, ומפגש של דרכי הטיפול.
   בטלפון: לשוניות (app.js מוסיף .tabbed). בלי JavaScript, ובהדפסה: הדרכים זו מתחת לזו. */
@media screen{
body .ways{display:grid;gap:14px;max-width:var(--w)}
body .ways .stops{margin:0}
body .whead{max-width:520px}
body .wchoose{margin:4px 0 0;font-weight:700;text-align:center}
body .wlanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
body .way{--c:var(--t);--cs:var(--t-soft);background:var(--cs);border-radius:var(--r);padding:12px;display:grid;gap:10px;align-content:start}
body .w-obs{--c:var(--y);--cs:var(--y-soft)}
body .w-rad{--c:var(--lav-deep);--cs:var(--lav-soft)}
body .wayhd{display:grid;gap:2px;margin:0;padding-bottom:8px;border-bottom:2px solid var(--c);font-size:1.15rem}
body .wayhd b{color:var(--c)}
body .wayhd span{font-size:var(--fs-small);font-weight:400;color:var(--muted)}
body .way .stop a,body .way .stop .off{min-height:56px}
body .wopt{margin:0;font-size:var(--fs-small);color:var(--muted);border-inline-start:2px dashed var(--c);padding-inline-start:8px}
body .wnote{margin:0;font-size:var(--fs-small);color:var(--muted);font-style:italic}
body .way .loopnote{margin:0;color:var(--c);font-weight:600}
body .wmerge{margin-inline-start:calc((100% - 24px) / 3 + 12px);background:linear-gradient(90deg,var(--lav-soft),var(--t-soft));border-radius:var(--r);padding:12px;display:grid;gap:10px}
body .wmlabel{margin:0;font-size:var(--fs-small);font-weight:700;color:var(--muted)}
body .wmerge .loopnote{margin:0;color:var(--t);font-weight:600}
body .wcond{margin:0;text-align:center;font-size:var(--fs-small);color:var(--muted);font-weight:600}
body .wcondstop .stop a,body .wcondstop .stop .off{border-style:dashed}
body .wrule{border:2px solid var(--y-line);background:var(--y-soft);border-radius:var(--r);padding:12px 16px;display:grid;gap:4px}
body .wrule p{margin:0}
body .wrule .wtitle b{color:var(--y)}
body .wrule .wex{font-size:var(--fs-small);color:var(--muted)}
body .wtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body .wtab{--c:var(--t);font:inherit;font-weight:700;min-height:48px;border:2px solid var(--c);color:var(--c);background:var(--surface);border-radius:99px;padding:6px 4px;cursor:pointer}
body .wtab.w-obs{--c:var(--y)} body .wtab.w-rad{--c:var(--lav-deep)}
body .wtab[aria-selected="true"]{background:var(--c);color:var(--surface)}
body .wtab:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
body .lanenav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:var(--fs-small);color:var(--fg)}
body .lanenav .lnk{color:var(--muted);font-weight:600}
@media (min-width:700px){body .wtabs{display:none}}
@media (max-width:699px){
 body .wlanes{grid-template-columns:1fr}
 body .wmerge{margin-inline-start:0}
 body .ways.tabbed .way{display:none}
 body .ways.tabbed[data-way="obs"] #w-obs,body .ways.tabbed[data-way="sur"] #w-sur,body .ways.tabbed[data-way="rad"] #w-rad{display:grid}
 body .ways.tabbed[data-way="obs"] .wmerge{display:none}
 body .ways.tabbed .way .wnote{display:none}
}
}
@media print{.wtabs,.lanenav{display:none!important}}

/* שורה מעל השאלות (07.11.2026) */
.qnote{margin:0 0 8px;font-weight:600}
@media screen{body p.safety{margin:0}}

/* ===== עיצוב 08.11.2026: דף הפתיחה (הצעה ג, גרסה 3) והתחנות (ההדגמה המסכמת) =====
   הילה לבנדר בראש הדף, איור מלא על רקע שקוף, קווי לבנדר עדינים במקום צללים, ואייקון בצבע קבוע לכל סוג חלק.
   צל רק לפאנל "איפה אתם עכשיו" בדף הפתיחה ול"מה הלאה" בתחנה. שום טקסט לא קטן מ־16.
   הכול בתוך @media screen, וההדפסה לא משתנה (חוץ מכמה כללים קטנים ב־@media print שבסוף). */
@media screen{
:root{--lav-mid:#d8d1ee;--teal:#4f9a8f;--teal-soft:#e3f1ee;--y-circle:#fdf0c4;--glow:#e3ddf3;--on-accent:#ffffff;
  --soft-shadow:0 6px 18px rgba(110,92,162,.10);--panel-shadow:0 2px 4px rgba(20,30,50,.05),0 14px 40px rgba(53,74,103,.10)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lav-mid:#3a3358;--teal:#7cc4b8;--teal-soft:#1d322f;--y-circle:#3a3015;--glow:#2a2540;--on-accent:#14111f;
  --soft-shadow:0 6px 18px rgba(0,0,0,.3);--panel-shadow:0 2px 4px rgba(0,0,0,.3),0 14px 40px rgba(0,0,0,.35)}}
:root[data-theme="dark"]{--lav-mid:#3a3358;--teal:#7cc4b8;--teal-soft:#1d322f;--y-circle:#3a3015;--glow:#2a2540;--on-accent:#14111f;
  --soft-shadow:0 6px 18px rgba(0,0,0,.3);--panel-shadow:0 2px 4px rgba(0,0,0,.3),0 14px 40px rgba(0,0,0,.35)}
html body{background:radial-gradient(1100px 520px at 20% 0,var(--glow) 0,transparent 70%) no-repeat,var(--bg)}

/* ניווט ראשי: המפה, אודות המערכת, על ד״ר תהילה. בטלפון: כפתור תפריט (app.js מוסיף .hasmenu). */
html body .top{align-items:center}
html body .topnav{gap:0;flex-wrap:nowrap;flex:none}
html body .topnav a{border:0;background:none;border-radius:8px;padding:8px 14px;color:var(--t);font-weight:600;min-height:44px}
html body .topnav a+a{border-inline-start:1px solid var(--line);border-radius:0}
html body .topnav a:hover{text-decoration:underline;text-underline-offset:4px}
html body .topnav a.urg{display:none}
html body .menubtn{display:none}
@media (max-width:759px){
  html body .topnav{flex-wrap:wrap}
  html body .top.hasmenu{flex-wrap:wrap}
  html body .top.hasmenu .menubtn{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--t);cursor:pointer;padding:0}
  html body .menubtn i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
  html body .top.hasmenu .topnav{display:none;width:100%;flex-direction:column;align-items:stretch}
  html body .top.hasmenu.open .topnav{display:flex}
  html body .top.hasmenu .topnav a,html body .top.hasmenu .topnav a+a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 4px}
  html body .top.hasmenu .topnav a.urg{display:flex;color:var(--warn)}
}

/* --- דף הפתיחה --- */
html body.home .top,html body.home .page,html body.home .foot{max-width:1100px}
html body.home .page{padding-inline:20px}
.hp-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.hp-ht{display:grid;gap:12px}
.hp-ht h1{font-size:3.2rem;line-height:1.05;color:var(--t);margin:0}
.hp-ht p{margin:0}
html body .hp-ht .subtitle{font-size:1.25rem;font-weight:700;color:var(--t);line-height:1.45}
html body .hp-ht .credit{font-size:var(--fs-small);font-weight:600;color:var(--lav-deep)}
html body .hp-ht .intro{color:var(--muted);max-width:56ch}
.hp-hi{justify-self:center;max-width:380px;width:100%}
.hp-hi img{width:100%;height:auto;display:block}
.hp-ht .comingsoon{justify-self:start;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:var(--lav-soft);border:2px dashed var(--lav);border-radius:14px;padding:10px 16px}
.hp-ht .comingsoon strong{font-size:1.3rem;color:var(--lav-deep);line-height:1.2}
.hp-ht .comingsoon span{font-size:var(--fs-small);color:var(--muted)}
.hp-panel{background:var(--surface);border:1px solid var(--lav-mid);border-radius:24px;box-shadow:var(--panel-shadow);padding:28px 30px 24px;display:grid;gap:16px;margin-top:-12px}
.hp-panel header{text-align:center;display:grid;gap:4px}
.hp-panel h2{font-size:2rem;margin:0}
html body .hp-panel header p{color:var(--muted);margin:0 auto;max-width:none}
.doors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
html body .doors>li{display:flex;margin:0;max-width:none}
.door{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:2px solid var(--lav-mid);border-radius:18px;padding:20px 20px 22px;text-decoration:none;color:var(--fg);background:linear-gradient(180deg,var(--lav-faint) 0,var(--surface) 75%);box-shadow:var(--soft-shadow);transition:border-color .15s,transform .15s}
a.door:hover{border-color:var(--lav-deep);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.door{transition:none}a.door:hover{transform:none}}
.door img{width:140px;height:140px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 6px var(--lav-soft)}
.door .dt,.door2 .dt{display:grid;gap:4px}
.door .dt{margin-bottom:10px}
.door strong{font-size:1.45rem;color:var(--t);line-height:1.3}
.door .dt>span,.door2 .dt>span{color:var(--muted)}
.door .cta{margin-top:auto;display:inline-flex;align-items:center;gap:10px;background:var(--lav-deep);color:var(--on-accent);font-weight:700;border-radius:99px;padding:10px 26px;min-height:48px}
.door2{display:flex;align-items:center;gap:16px;border:1px solid var(--lav-mid);border-radius:16px;padding:12px 20px;text-decoration:none;color:var(--fg);background:linear-gradient(90deg,var(--surface) 0,var(--lav-faint) 100%)}
a.door2:hover{border-color:var(--lav-deep)}
.door2 img{width:72px;height:72px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 4px var(--lav-soft);flex:none}
.door2 .dt{flex:1}
.door2 strong{color:var(--t);font-size:1.25rem;line-height:1.3}
.door2>b{font-size:1.5rem;color:var(--t)}
.soonc{cursor:default}
.soontag{flex:none;font-size:var(--fs-small);font-weight:700;color:var(--lav-deep);background:var(--lav-soft);border-radius:999px;padding:4px 14px;white-space:nowrap}
.door .soontag{margin-top:auto}
html body .cover{margin:0;max-width:none;text-align:center;color:var(--muted);font-size:var(--fs-small);line-height:1.55;background:var(--lav-soft);border-radius:12px;padding:10px 16px}
.cover b{color:var(--t)}
.safety u{text-underline-offset:4px}
html body p.safety{max-width:none}
.hp-quote{margin:0;display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--lav-soft) 0,var(--lav-faint) 100%);border:1px solid var(--lav-mid);border-radius:20px;padding:26px 30px;box-shadow:0 8px 24px rgba(110,92,162,.10);position:relative}
.hp-quote::before{content:"”";position:absolute;inset-inline-start:208px;top:18px;font-size:96px;line-height:.6;color:var(--lav-deep);font-weight:700}
.hp-quote blockquote{margin:0;padding-top:26px}
html body .hp-quote blockquote p{margin:0;font-size:1.05em;line-height:1.75;max-width:none}
.hp-quote .photo{width:150px;height:150px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--lav-faint),var(--lav));border:4px solid var(--surface);box-shadow:0 0 0 6px var(--lav-mid),var(--soft-shadow);display:grid;place-items:center}
.hp-quote span.photo img{width:64px;height:64px}
.hp-quote figcaption{padding-top:10px;font-weight:700;color:var(--t);font-size:var(--fs-small)}
.hp-quote figcaption span{display:block;font-weight:500;color:var(--muted)}
.hp-helps{display:grid;gap:14px;padding-block:6px}
.hp-helps h2{text-align:center;font-size:1.6rem;margin:0}
.hp-helps ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
html body .hp-helps li{display:grid;justify-items:center;align-content:start;text-align:center;gap:6px;padding:4px 22px;margin:0;max-width:none}
.hp-helps li+li{border-inline-start:1px solid var(--line)}
.hp-helps .hi{width:72px;height:72px;background:none;border-radius:0}
.hp-helps .hi img{width:64px;height:64px;display:block}
.hp-helps strong{color:var(--t);font-size:1.2rem;line-height:1.35}
.hp-helps li>span:last-child{color:var(--muted);font-size:var(--fs-small);line-height:1.5}
.hp-about{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;background:linear-gradient(180deg,var(--surface) 0,var(--lav-faint) 100%);border:1px solid var(--lav-mid);border-radius:18px;padding:22px 26px}
.hp-about>.hi{width:56px;height:56px;background:none;border-radius:0}
.hp-about>.hi img{width:56px;height:56px;display:block}
.hp-about h2{font-size:1.35rem;color:var(--t);margin:0 0 6px}
.hp-about p{margin:0}
.hp-about p+p{margin-top:8px}
.abmore{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:44px;padding:6px 18px;border-radius:99px;border:1px solid var(--lav);text-decoration:none;font-weight:700;color:var(--lav-deep)}
.abmore:hover{background:var(--lav-faint)}
html body .hp-imp{display:flex;gap:12px;background:var(--t-soft);border-radius:14px;padding:14px 18px;font-size:var(--fs-small);line-height:1.6;max-width:none;margin:0}
.hp-imp .ii{width:26px;height:26px;border-radius:50%;border:2px solid var(--t);color:var(--t);display:grid;place-items:center;font-weight:700;flex:none;font-size:var(--fs-small);line-height:1}
@media (max-width:759px){
  html body.home .page{padding-inline:16px;gap:26px}
  .hp-hero{grid-template-columns:1fr;gap:0;text-align:center}
  .hp-hi{grid-row:1;max-width:150px;margin-bottom:2px}
  .hp-ht{gap:6px;justify-items:center}
  .hp-ht h1{font-size:2.3rem}
  html body .hp-ht .subtitle{font-size:1.05rem}
  html body .hp-ht .intro{line-height:1.55;margin-top:2px}
  .hp-ht .comingsoon{justify-self:center;justify-content:center}
  .hp-panel{padding:16px 12px 14px;border-radius:20px;gap:10px;margin-top:0}
  .hp-panel h2{font-size:1.45rem}
  html body .hp-panel header p{font-size:var(--fs-small);line-height:1.5}
  .doors{grid-template-columns:1fr;gap:10px}
  .door{flex-direction:row;text-align:start;padding:10px 12px;gap:12px;border-radius:16px;background:linear-gradient(90deg,var(--surface) 0,var(--lav-faint) 100%)}
  .door img{width:64px;height:64px;flex:none;box-shadow:0 0 0 4px var(--lav-soft)}
  .door .dt{flex:1;margin:0}
  .door strong{font-size:1.2rem}
  .door .dt>span,.door2 .dt>span{font-size:var(--fs-small);line-height:1.45}
  .door .cta{display:none}
  a.door::after{content:"←";font-size:1.3rem;font-weight:700;color:var(--t)}
  .door .soontag{margin:0}
  .door2{padding:10px;gap:8px}
  .door2 img{width:52px;height:52px}
  .door2 strong{font-size:1.1rem}
  .door2>b{font-size:1.2rem}
  html body .cover{padding:8px 12px}
  .hp-quote{grid-template-columns:1fr 84px;padding:20px 18px;gap:12px;align-items:end}
  .hp-quote::before{inset-inline-start:18px;top:14px;font-size:64px}
  .hp-quote>div{grid-row:1;grid-column:1/-1}
  .hp-quote .photo{grid-row:2;grid-column:2;width:84px;height:84px;margin-top:-56px}
  .hp-quote span.photo img{width:40px;height:40px}
  .hp-quote figcaption{padding-inline-end:96px}
  html body .hp-quote blockquote p{font-size:1em;line-height:1.7}
  .hp-helps ul{grid-template-columns:1fr;gap:12px}
  html body .hp-helps li{grid-template-columns:60px 1fr;justify-items:start;text-align:start;padding:0;gap:0 12px}
  .hp-helps .hi{grid-row:span 2;width:56px;height:56px}
  .hp-helps .hi img{width:52px;height:52px}
  .hp-helps li+li{border:0}
  .hp-about{grid-template-columns:1fr;padding:18px}
}

/* --- תחנה --- */
html body .where-now h2{color:var(--lav-deep)}
html body .titleimg{border-radius:50%;background:var(--surface);box-shadow:0 0 0 6px var(--lav-soft);padding:4px}
/* האיור הראשי: האיור המלא על רקע שקוף, כמו בדף הפתיחה. בטלפון מעל הכותרת. */
html body .sthead .st-img.d{width:240px;height:auto;border-radius:0;background:none;box-shadow:none;padding:0}
/* בקצרה: כרטיס לבנדר עם מסגרת, בלי צל ובלי פס צד */
html body .brief,html body .t .brief,html body .y .brief{background:linear-gradient(135deg,var(--lav-soft) 0,var(--lav-faint) 100%);border:1px solid var(--lav-mid);border-radius:20px}
html body .brief h2{color:var(--t)}
html body .brief li::marker{color:var(--lav-deep)}
/* החלקים: מסגרת לבנדר במקום צל, כותרת פתוחה על רקע לבנדר בהיר */
html body .parts{gap:10px}
html body details.part{border:1px solid var(--lav-mid);border-radius:20px;box-shadow:none}
html body details.part>summary{min-height:72px;padding:10px 16px}
html body details.part[open]>summary{background:var(--lav-faint);border-radius:20px 20px 0 0;border-bottom:1px solid var(--lav-mid)}
html body details.part>summary::after{background:var(--lav-soft);color:var(--lav-deep)}
html body details.part>summary h2:has(.pi){gap:14px}
html body details.part>summary .teaser{padding-inline-start:68px}
html body details.part.fam{background:linear-gradient(180deg,var(--lav-soft) 0,var(--lav-faint) 100%);border-inline-start:1px solid var(--lav-mid)}
html body details.part.qbox{border-top:1px solid var(--lav-mid)}
html body .pbody h3{color:var(--t)}
html body .more{background:var(--surface);border:1px solid var(--lav-mid);border-radius:14px}
/* אייקון החלק: דו־גוני בריבוע מעוגל. לבנדר: מה קורה ומשפחה. טורקיז: אפשרויות ושאלות. כחול: ביום־יום. */
/* סט האייקונים הצבעוני (08.11.2026): 40 פיקסלים, בלי ריבוע רקע. הצבעים בתוך התמונה, ולכן אין צבע לפי סוג חלק ב־CSS. */
html body .pi,html body .fam .pi{width:44px;height:44px;border-radius:0;background:none;border:0;padding:0}
html body .pi img{width:40px;height:40px}
/* מה יודעים / לא יודעים / יכול להבהיר: כרטיסים לבנים, פס עליון דק ואייקון בעיגול רך */
html body .unc{gap:10px}
html body .unc>div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:start;background:var(--surface);border:1px solid var(--lav-mid);border-top:3px solid var(--teal);border-radius:16px;padding:12px 14px}
html body .unc>div:nth-child(2){border-top-color:color-mix(in srgb,var(--lav-deep) 55%,var(--surface))}
html body .unc>div:nth-child(3){border-top-color:var(--lav-deep)}
html body .unc h3,html body .unc p{grid-column:2}
html body .ki{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center}
html body .ki img{width:40px;height:40px;display:block}
/* האפשרויות: כרטיס מידע לבן עם קו דק, בלי צל ובלי אייקונים */
html body .opt{background:var(--surface);border:1px solid var(--lav-mid);border-radius:14px}
/* שאלות: כפתור ראשי אחד (העתקה), והדפסה כפתור משני */
html body .qs label{border-radius:12px;border-color:var(--lav-mid);background:var(--surface)}
html body .qs label:has(input:checked){background:var(--lav-soft);border-color:var(--lav-deep)}
html body .qs input{accent-color:var(--lav-deep)}
html body .btn{background:var(--lav-deep);border-color:var(--lav-deep);color:var(--on-accent)}
html body .btn.ghost{background:transparent;color:var(--lav-deep);border-color:var(--lav)}
/* חוות דעת שנייה: כמו השורה בדף הפתיחה */
html body .soline{background:linear-gradient(90deg,var(--surface) 0,var(--lav-faint) 100%);border:1px solid var(--lav-mid);box-shadow:none;border-radius:16px;justify-content:flex-start;gap:14px}
html body .soline>span{flex:1}
html body .soline b{font-size:1.15rem}
html body .soline i{font-size:1.4rem}
html body .soimg{width:64px;height:64px;flex:none;border-radius:50%;background:var(--surface);box-shadow:0 0 0 4px var(--lav-soft)}
/* מה הלאה: הרכיב היחיד בתחנה עם צל. שלט הכוונה, "התחנה הבאה" מעל השם, וחץ בעיגול סגול. */
html body .nextbox{display:grid;grid-template-columns:1fr;gap:10px 18px;align-items:start;background:linear-gradient(135deg,var(--lav-soft) 0,var(--lav-faint) 100%);border:1px solid var(--lav-mid);border-radius:20px}
html body .nextbox>h2{display:flex;align-items:center;gap:14px}
html body .nextbox>h2::before{display:none}
html body .nx{border:2px solid var(--lav-mid);border-radius:16px;min-height:62px;box-shadow:var(--soft-shadow);font-size:1.1rem}
html body .nx.off{box-shadow:none}
html body .nx b{width:38px;height:38px;border-radius:50%;background:var(--lav-deep);color:var(--on-accent);display:grid;place-items:center;flex:none}
html body .nx:hover{border-color:var(--lav-deep)}
html body .nx .nl{display:block;font-size:var(--fs-small);font-weight:600;color:var(--lav-deep)}
/* בעמוד זה: רשימה בצד, רק במחשב רחב */
html body .onpage{display:none}
@media (min-width:1100px){
  html body main.page:has(>.onpage){max-width:1180px;grid-template-columns:minmax(0,1fr) 230px;column-gap:40px;align-items:start}
  html body main.page:has(>.onpage)>.station{grid-column:1;grid-row:1}
  html body .onpage{display:grid;gap:4px;grid-column:2;grid-row:1;position:sticky;top:76px;background:var(--surface);border:1px solid var(--lav-mid);border-radius:18px;padding:16px 14px}
  html body .onpage h2{font-size:1.05rem;margin:0 4px 6px}
  html body .onpage ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
  html body .onpage li{margin:0}
  html body .onpage a{display:block;padding:6px 10px;border-radius:10px;text-decoration:none;color:var(--fg);font-size:var(--fs-small);font-weight:600;line-height:1.4}
  html body .onpage a:hover{background:var(--lav-faint)}
  html body .onpage a.here{background:var(--lav-soft);color:var(--lav-deep)}
  html body .top:has(~ main .onpage){max-width:1180px}
}
@media (max-width:759px){
  html body .sthead{flex-direction:column-reverse;align-items:center;text-align:center;gap:10px}
  html body .sthead .st-img.d{display:block;width:160px;height:auto;margin-top:0}
  html body .st-img.m{display:none}
  html body .sthead .printrow,html body .sthead .lanenav{justify-content:center}
  html body details.part>summary .teaser{padding-inline-start:0}
  html body .soimg{width:52px;height:52px}
}
}
@media print{
  .onpage,.ki,.menubtn,.soimg{display:none!important}
}