/* ═══════════════════════════════════════════════════════════════
   destinations/destination-file — the shared Destination File stylesheet.

   DF-002. One stylesheet for every destination. Tokens are inherited from
   /guides.css so a Destination File is visibly the same product as the guides
   and the Cheat Sheet; only the dashboard layout lives here.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --df-ok:#2C6B3F; --df-warn:#A8700F; --df-stop:#9C2018;
  --df-content:720px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{
  min-height:100%;background-color:var(--paper);color:var(--ink);
  font-family:var(--font);font-size:16px;line-height:1.7;overflow-x:hidden;
}
body{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='540'%3E%3Cg fill='none' stroke='%232E2014' stroke-opacity='0.045' stroke-width='1.2'%3E%3Cellipse cx='128' cy='118' rx='68' ry='40' transform='rotate(-14 128 118)'/%3E%3Cellipse cx='128' cy='118' rx='98' ry='62' transform='rotate(-14 128 118)'/%3E%3Cellipse cx='128' cy='118' rx='128' ry='86' transform='rotate(-14 128 118)'/%3E%3Cellipse cx='418' cy='400' rx='58' ry='36' transform='rotate(11 418 400)'/%3E%3Cellipse cx='418' cy='400' rx='88' ry='58' transform='rotate(11 418 400)'/%3E%3Cpath d='M300 40 q20 18 46 12 M290 62 q30 26 70 16'/%3E%3C/g%3E%3C/svg%3E");
}
.df-wrap{max-width:var(--df-content);margin:0 auto;padding:20px 20px 44px}

/* ── HERO ── */
.df-title{font-family:var(--font-display);font-size:clamp(26px,6.6vw,36px);line-height:1.2;color:var(--ink);margin-bottom:10px}
.df-kicker{display:block;font-family:var(--font);font-size:12.5px;font-weight:800;letter-spacing:.08em;color:var(--sienna);margin-bottom:5px}
.df-purpose{font-size:16.5px;color:var(--ink-soft);line-height:1.65;max-width:50ch;margin-bottom:16px}
/* ── ACTIONS — after the decision, at the foot of the page.
   קישורים פשוטים: זמינים למי שכבר החליט, בלי משקל ויזואלי של כפתור. ── */
.df-links{
  margin-top:14px;display:flex;flex-wrap:wrap;gap:6px 20px;
  font-size:13.5px;line-height:2;
}
.df-links a{color:var(--sienna);text-decoration:none;font-weight:600}
.df-links a:hover,
.df-links a:focus-visible{color:var(--sienna-deep);text-decoration:underline;text-underline-offset:3px}

/* ── BLOCK SHELL ── */
.df-block{
  background:rgba(249,241,221,.6);border:1.5px solid var(--rule);
  border-radius:var(--r);padding:18px 17px;margin-top:22px;
}
.df-q{font-family:var(--font-display);font-size:19.5px;color:var(--ink);line-height:1.3;margin-bottom:4px}
.df-q-sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:14px}
.df-src{
  margin-top:14px;padding-top:11px;border-top:1px dashed rgba(196,168,118,.85);
  font-size:12px;color:var(--ink-soft);
}
.df-src a{color:var(--sienna);text-decoration:underline;text-underline-offset:2px}
.df-deep{
  display:inline-flex;align-items:center;gap:5px;margin-top:12px;
  font-size:13.5px;font-weight:700;color:var(--sienna);text-decoration:none;
  border-bottom:1.5px solid rgba(156,63,22,.32);padding-bottom:1px;
}
.df-deep:hover{color:var(--sienna-deep);border-bottom-color:var(--sienna-deep)}
.df-skel{color:var(--ink-soft);font-size:13.5px;font-style:italic}

/* ── UNAVAILABLE STATE (no data, ever) ── */
.df-out{
  border:1.5px dashed var(--rule);border-radius:10px;padding:13px 14px;
  background:rgba(242,231,206,.5);
}
.df-out b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:3px}
.df-out span{display:block;font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.df-out a{
  display:inline-block;margin-top:9px;font-size:13.5px;font-weight:700;
  color:var(--sienna);text-decoration:none;border-bottom:1.5px solid rgba(156,63,22,.32);
}
.df-out a:hover{color:var(--sienna-deep)}

/* ── TODAY ── */
.df-stamp{margin-top:11px;font-size:11.5px;color:var(--ink-soft);opacity:.85}
.df-verdict{
  font-size:15.5px;font-weight:500;line-height:1.6;color:var(--ink);
  padding-inline-start:11px;border-inline-start:3px solid var(--rule);
}
.df-verdict.t-green{border-inline-start-color:var(--df-ok)}
.df-verdict.t-info{border-inline-start-color:var(--df-warn)}
.df-verdict.t-red{border-inline-start-color:var(--df-stop)}
.df-alert{
  margin-top:11px;font-size:14.5px;line-height:1.55;color:var(--ink);
  background:rgba(168,112,15,.1);border-radius:9px;padding:9px 12px;
}
.df-alert b{font-weight:800}
.df-flag{
  margin-top:10px;border-radius:9px;padding:10px 12px;font-size:14px;line-height:1.6;
  color:var(--ink-soft);background:rgba(156,32,24,.07);border:1px solid rgba(156,32,24,.25);
}
.df-flag b{display:block;font-size:13.5px;font-weight:800;color:var(--df-stop);margin-bottom:2px}

/* ── EXPANDER — context that must exist but must not shout ── */
.df-more{margin-top:12px}
.df-more summary{
  cursor:pointer;font-size:13.5px;font-weight:700;color:var(--sienna);
  list-style:none;display:inline-flex;align-items:center;gap:8px;
}
.df-more summary::-webkit-details-marker{display:none}
.df-more summary::before{
  content:"▾";flex-shrink:0;font-size:17px;line-height:1;
  color:var(--sienna);transition:transform .18s;
}
.df-more[open] summary::before{transform:rotate(180deg)}
.df-more-body{
  margin-top:9px;font-size:13.5px;color:var(--ink-soft);line-height:1.65;
  border-inline-start:2px solid var(--rule);padding-inline-start:11px;
}
.df-more-body p{margin-bottom:9px}
.df-more-body p:last-child{margin-bottom:0}
.df-more-body b{color:var(--ink)}
.df-more-body ul{margin:0 0 9px;padding-inline-start:16px}
.df-more-body li{margin-bottom:4px}
.df-more-src{font-size:12px;opacity:.8}

/* ── PRICE ── */
.df-ptable{display:grid;border-top:1px solid rgba(196,168,118,.5)}
.df-prow{
  display:grid;grid-template-columns:7em auto;justify-content:start;
  align-items:baseline;column-gap:14px;
  padding:7px 2px;border-bottom:1px solid rgba(196,168,118,.42);
}
.df-prow-k{font-size:14.5px;color:var(--ink);font-weight:600}
.df-prow-v{font-size:16px;font-weight:800;color:var(--band);white-space:nowrap}
.df-prow.is-free .df-prow-v{color:var(--df-ok)}
.df-pnotes{list-style:none;display:grid;gap:6px;margin-top:12px}
.df-pnotes li{font-size:13.5px;color:var(--ink-soft);line-height:1.55;padding-inline-start:15px;position:relative}
.df-pnotes li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.df-calc{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;text-decoration:none;background:var(--band);color:var(--paper-hi);
  border-radius:10px;padding:10px 13px;
}
.df-calc:hover{background:var(--teal)}
.df-calc-t{font-size:14px;font-weight:700;line-height:1.4}
.df-calc-t span{display:block;font-size:12px;font-weight:400;color:rgba(242,231,206,.72)}
.df-calc-arrow{font-size:19px;flex-shrink:0}

/* ── PREP — one section: what to know, then what to pack ── */
.df-sub{
  font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft);
  margin:0 0 10px;padding-bottom:6px;border-bottom:1.5px solid var(--rule);
}
.df-block .df-sub + .df-know,
.df-block .df-sub + .df-bring{margin-top:0}
.df-bring + .df-sub,
.df-know + .df-sub{margin-top:22px}

/* צ׳ק־ליסט שעוברים עליו לפני שנכנסים לרכב — לא שלושה כרטיסי תוכן */
.df-bring{display:grid;gap:16px}
.df-bgroup{}
.df-bhead{
  font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:5px;
}
.df-bgroup.is-must .df-bhead{color:var(--sienna-deep)}
.df-bgroup.is-recommended .df-bhead{color:#7A5A0E}
.df-bgroup.is-skip .df-bhead{color:var(--ink-soft)}
.df-blist{list-style:none;display:grid;gap:8px}
.df-blist li{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:baseline}
.df-bmark{font-size:13px;font-weight:800;line-height:1.5;width:13px;text-align:center;color:var(--df-ok)}
.df-bgroup.is-recommended .df-bmark{color:var(--gold)}
.df-bgroup.is-skip .df-bmark{color:var(--df-stop)}
.df-bitem b{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4}
.df-bitem span{display:block;font-size:12.5px;color:var(--ink-soft);line-height:1.45;margin-top:1px}
.df-bgroup.is-skip .df-bitem b{color:var(--ink-soft)}

/* ── PREP — one section: what to know, then what to pack ── */
.df-sub{
  font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft);
  margin:0 0 10px;padding-bottom:6px;border-bottom:1.5px solid var(--rule);
}
.df-block .df-sub + .df-know,
.df-block .df-sub + .df-bring{margin-top:0}
.df-bring + .df-sub,
.df-know + .df-sub{margin-top:22px}

/* צ׳ק־ליסט שעוברים עליו לפני שנכנסים לרכב — לא שלושה כרטיסי תוכן */
.df-bring{display:grid;gap:16px}
.df-bgroup{}
.df-bhead{
  font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:5px;
}
.df-bgroup.is-must .df-bhead{color:var(--sienna-deep)}
.df-bgroup.is-recommended .df-bhead{color:#7A5A0E}
.df-bgroup.is-skip .df-bhead{color:var(--ink-soft)}
.df-blist{list-style:none;display:grid;gap:8px}
.df-blist li{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:baseline}
.df-bmark{font-size:13px;font-weight:800;line-height:1.5;width:13px;text-align:center;color:var(--df-ok)}
.df-bgroup.is-recommended .df-bmark{color:var(--gold)}
.df-bgroup.is-skip .df-bmark{color:var(--df-stop)}
.df-bitem b{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4}
.df-bitem span{display:block;font-size:12.5px;color:var(--ink-soft);line-height:1.45;margin-top:1px}
.df-bgroup.is-skip .df-bitem b{color:var(--ink-soft)}

/* ── SNAPSHOT ── */
/* רשימה אנכית שסורקים במבט אחד — לא רשת של קופסאות */
.df-snap{list-style:none;display:grid;gap:1px}
.df-snap-row{
  display:grid;grid-template-columns:16px 5.5em 1fr;align-items:baseline;
  column-gap:10px;padding:5px 2px;
}
.df-snap-sym{font-size:13px;font-weight:800;line-height:1.5;color:var(--df-ok);text-align:center}
.df-snap-row.is-no .df-snap-sym{color:var(--df-stop)}
.df-snap-row.is-partial .df-snap-sym{color:var(--df-warn)}
.df-snap-row.is-unverified .df-snap-sym{color:var(--ink-soft)}
.df-snap-k{font-size:14px;font-weight:700;color:var(--ink)}
.df-snap-v{font-size:14px;color:var(--ink-soft);line-height:1.45}
.df-snap-row.is-no .df-snap-v{color:var(--df-stop)}
.df-snap-row.is-partial .df-snap-v{color:var(--df-warn)}
.df-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.df-baseline{margin-top:13px;font-size:12.5px;color:var(--ink-soft);line-height:1.6}
.df-baseline b{color:var(--ink);font-weight:700}
.df-snap-note{
  margin-top:12px;font-size:13.5px;font-weight:700;color:var(--df-stop);
  background:rgba(156,32,24,.07);border-radius:8px;padding:8px 11px;
}

/* ── KNOW ── */
.df-know{list-style:none;display:grid;gap:10px;counter-reset:k;margin-bottom:0}
.df-know li{counter-increment:k;position:relative;padding-inline-start:22px;font-size:13px;line-height:1.55;color:var(--ink-soft)}
.df-know li::before{
  content:counter(k) ".";position:absolute;inset-inline-start:0;top:0;
  color:var(--gold);font-size:13px;font-weight:800;
}
.df-know b{display:block;color:var(--ink);font-weight:700;font-size:14.5px;line-height:1.4;margin-bottom:1px}

/* ── RELATED ── */
.df-rel{display:grid;gap:2px;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--paper-hi)}
.df-rel a{display:flex;align-items:baseline;gap:10px;padding:12px 13px;text-decoration:none;border-bottom:1px solid rgba(196,168,118,.42);color:var(--ink)}
.df-rel a:last-child{border-bottom:none}
.df-rel a:hover{background:rgba(242,231,206,.75)}
.df-rel-t{font-size:14.5px;font-weight:700;flex:1 1 auto;line-height:1.45}
.df-rel-t span{display:block;font-size:12.5px;font-weight:400;color:var(--ink-soft);line-height:1.5}
.df-rel-arrow{color:var(--sienna);font-size:17px;flex-shrink:0}

/* ── EVIDENCE + FOOT ── */
.df-ev summary{
  cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ink-soft);
  list-style:none;display:inline-flex;align-items:center;gap:8px;
}
.df-ev summary::-webkit-details-marker{display:none}
.df-ev summary::before{
  content:"▾";flex-shrink:0;font-size:17px;line-height:1;
  color:var(--ink-soft);transition:transform .18s;
}
.df-ev[open] summary::before{transform:rotate(180deg)}
.df-ev-body{margin-top:10px;display:grid;gap:9px}
.df-ev-item{font-size:12.5px;color:var(--ink-soft);line-height:1.6;border-inline-start:2px solid var(--rule);padding-inline-start:10px}
.df-ev-item b{display:block;color:var(--ink);font-weight:700}
.df-ev-item q{display:block;font-style:italic;margin:2px 0}
.df-ev-item a{color:var(--sienna)}
.df-trust{font-size:13.5px;color:var(--ink-soft);line-height:1.65}
.df-trust a{color:var(--sienna);text-decoration:underline;text-underline-offset:2px}
.df-ev{margin-top:12px}

@media(min-width:640px){
  .df-bring{grid-template-columns:repeat(3,1fr);align-items:start;gap:26px}
}

/* ═══════════════════════════════════════════════════════════════
   FOOTER — scoped to the Destination File.
   .g-footer is shared by 19 pages; every rule here is namespaced with
   .df-footer so nothing else on the site moves. The lockup and the link
   rhythm follow the house footer on the home page.
   ═══════════════════════════════════════════════════════════════ */
.df-footer{
  width:calc(100% - 40px);max-width:680px;margin:38px auto 0;
  padding:30px 0 40px;border-top:1.5px solid var(--rule);
}
.df-fbrand{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}
.df-fbrand img{width:30px;height:30px;display:block}
.df-fword{font-family:var(--font-display);font-size:21px;color:var(--ink);line-height:1.1}
.df-flinks{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:2px 10px;font-size:14px;font-weight:500;
}
/* מרווח פנימי במקום margin: כל קישור הוא יעד מגע של 44px ומעלה */
.df-footer .df-flinks a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 10px;margin:0;
  color:var(--ink-soft);text-decoration:none;
}
.df-footer .df-flinks a:hover,
.df-footer .df-flinks a:focus-visible{color:var(--sienna);text-decoration:underline;text-underline-offset:3px}

/* מובייל: שתי עמודות שוות, כדי שהקישורים לא יישברו בשורות משוננות */
@media (max-width:520px){
  .df-footer{margin-top:34px;padding:26px 0 36px}
  .df-flinks{
    display:grid;grid-template-columns:repeat(2,auto);
    justify-content:center;gap:2px 26px;
  }
  .df-footer .df-flinks a{padding:0 4px}
}

/* משפט הזהות של היעד — מה מייחד אותו, שורה אחת, לפני ההבטחה המשותפת */
.df-character{
  font-size:17px;font-weight:600;color:var(--ink);line-height:1.55;
  max-width:46ch;margin-bottom:7px;
}

/* לקריאה לפני היציאה — כשיש פריט אחד בלבד, לא להשאיר קופסה חצי ריקה */
.df-rel a:only-child{padding:10px 13px}
.df-block:has(.df-rel a:only-child){padding-bottom:14px}
.df-block:has(.df-rel a:only-child) .df-links{margin-top:11px}