:root{--paper:#F4F6F5;--raised:#FDFEFD;--field:#ECEFEE;--ink:#1B2733;--muted:#535F6A;--faint:#677179;--line:#D8DDDB;--line-strong:#9AA5A2;--action:#22564F;--action-hover:#1A443F;--action-ink:#F6F8F7;--brass:#8A6B28;--brass-bg:#F1EAD6;--invert-bg:#182430;--invert-ink:#EEF2F0;--invert-muted:#A9B5BC;--invert-line:rgba(238,242,240,.16);--logo-url:url("/assets/logo-J.svg");--logo-wm:url("/assets/logo-J-watermark-light.svg");}
[data-theme="dark"]{--paper:#111917;--raised:#16201E;--field:#1A2523;--ink:#E6EBE9;--muted:#A9B4B0;--faint:#838E8A;--line:#28342F;--line-strong:#3E4B46;--action:#5FA898;--action-hover:#78BCAD;--action-ink:#0E1614;--brass:#C7A35A;--brass-bg:#2A2517;--invert-bg:#0B1311;--invert-ink:#E6EBE9;--invert-muted:#8FA09A;--invert-line:rgba(230,235,233,.14);--logo-url:url("/assets/logo-J-light.svg");--logo-wm:url("/assets/logo-J-watermark-dark.svg");}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#111917;--raised:#16201E;--field:#1A2523;--ink:#E6EBE9;--muted:#A9B4B0;--faint:#838E8A;--line:#28342F;--line-strong:#3E4B46;--action:#5FA898;--action-hover:#78BCAD;--action-ink:#0E1614;--brass:#C7A35A;--brass-bg:#2A2517;--invert-bg:#0B1311;--invert-ink:#E6EBE9;--invert-muted:#8FA09A;--invert-line:rgba(230,235,233,.14);--logo-url:url("/assets/logo-J-light.svg");--logo-wm:url("/assets/logo-J-watermark-dark.svg");}}
html{background:var(--paper)}
body{margin:0;background:var(--paper)}
a{color:var(--action)}
a:hover{color:var(--action-hover)}
::selection{background:color-mix(in srgb, var(--action) 25%, transparent)}
*:focus-visible{outline:2px solid var(--action);outline-offset:2px}
a,button{transition:background-color .15s ease,color .15s ease,border-color .15s ease}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}

/* ---- /מדריכים article chrome -------------------------------------------
   Article pages carry their own layout. The tokens above are copied from the
   hand-built pages so the section cannot drift from the rest of the site.
   Do not link assets/tokens.css here: it is an older, different palette. */

.jd-page{min-height:100vh;background:var(--paper);color:var(--ink);
  font-family:'IBM Plex Sans Hebrew',system-ui,sans-serif;font-size:17px;line-height:1.7}
.jd-skip{position:absolute;inset-inline-start:-9999px}
.jd-skip:focus{inset-inline-start:12px;inset-block-start:12px;background:var(--raised);
  padding:10px 16px;border:1px solid var(--line);border-radius:3px;z-index:10}

.jd-head{border-bottom:1px solid var(--line)}
.jd-head-in{max-width:1120px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px);
  min-height:72px;display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap}
.jd-head-mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.jd-head-glyph{display:inline-block;width:26px;height:32px;
  background:var(--logo-url) center / contain no-repeat}
.jd-head-word{font-family:'Miriam Libre',sans-serif;font-weight:700;font-size:22px}
.jd-head-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.jd-head-nav a{text-decoration:none;color:var(--muted);font-size:16px}
.jd-head-nav a:hover{color:var(--ink)}
.jd-head-cta{white-space:nowrap;background:var(--action);color:var(--action-ink) !important;
  padding:10px 20px;border-radius:3px;font-size:15px;font-weight:500}
.jd-head-cta:hover{background:var(--action-hover)}

.jd-art{max-width:760px;margin-inline:auto;
  padding-inline:clamp(20px,4vw,48px);padding-block:clamp(48px,7vw,88px)}
.jd-crumbs{margin:0 0 28px;font-size:14.5px;color:var(--faint)}
.jd-crumbs a{color:var(--muted);text-decoration:none}
.jd-crumbs a:hover{color:var(--action)}
.jd-crumbs span{margin-inline:8px}
.jd-eyebrow{margin:0 0 12px;font-size:13.5px;font-weight:600;letter-spacing:.06em;
  color:var(--brass);text-transform:none}
.jd-art h1{margin:0;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:clamp(32px,4.6vw,52px);line-height:1.18;text-wrap:balance}
.jd-lede{margin:20px 0 0;font-size:clamp(18px,1.7vw,21px);line-height:1.7;
  color:var(--muted);text-wrap:pretty}

.jd-art-body{margin-block-start:44px;border-block-start:1px solid var(--line);padding-block-start:40px}
.jd-art-body h2{margin:44px 0 14px;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:clamp(23px,2.7vw,31px);line-height:1.32;text-wrap:balance}
.jd-art-body h3{margin:32px 0 10px;font-weight:600;font-size:19.5px;line-height:1.4}
.jd-art-body p{margin:0 0 18px;text-wrap:pretty}
.jd-art-body ul,.jd-art-body ol{margin:0 0 18px;padding-inline-start:24px}
.jd-art-body li{margin-block-end:9px}
.jd-art-body strong{font-weight:600;color:var(--ink)}
.jd-art-body a{color:var(--action);text-underline-offset:3px}
.jd-art-body blockquote{margin:26px 0;padding:18px 22px;background:var(--raised);
  border-inline-start:3px solid var(--brass);border-radius:2px;color:var(--muted)}
.jd-art-body blockquote p:last-child{margin-block-end:0}
.jd-art-body code{background:var(--field);padding:2px 6px;border-radius:3px;
  font-size:.92em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;
  display:inline-block}
.jd-art-body pre{background:var(--field);padding:16px 18px;border-radius:3px;
  overflow-x:auto;direction:ltr;text-align:left}
.jd-art-body pre code{background:none;padding:0}
.jd-art-body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:16px}
.jd-art-body th,.jd-art-body td{text-align:start;padding:11px 12px;
  border-block-end:1px solid var(--line);vertical-align:top}
.jd-art-body th{font-weight:600;background:var(--raised)}
.jd-art-body hr{border:0;border-block-start:1px solid var(--line);margin:36px 0}

.jd-updated{margin:36px 0 0;font-size:14.5px;color:var(--faint)}

.jd-art-cta{margin-block-start:52px;padding:28px clamp(22px,3vw,34px);
  background:var(--field);border:1px solid var(--line);border-radius:2px}
.jd-art-cta p{margin:0 0 10px;color:var(--muted)}
.jd-art-cta-title{font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:21px;color:var(--ink) !important}
.jd-art-cta-btn{display:inline-block;margin-block-start:8px;white-space:nowrap;
  text-decoration:none;background:var(--action);color:var(--action-ink);
  padding:13px 28px;border-radius:3px;font-size:16px;font-weight:500}
.jd-art-cta-btn:hover{background:var(--action-hover);color:var(--action-ink)}

/* ---- Knowledge centre index (/מרכז-הידע/) -------------------------------
   Wider than an article, because this page is browsed rather than read. Three
   ways in, in the order a lawyer actually uses them: filter by words, jump to
   your own practice area, or start at the beginning. Everything is in the DOM
   already, so the filter is a class toggle and nothing here needs a network. */
.jd-hub{max-width:1080px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px);
  padding-block:clamp(48px,7vw,80px) clamp(60px,8vw,100px)}
.jd-hub-head{max-width:44rem}
.jd-hub-head h1{margin:0;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:clamp(32px,4.6vw,52px);line-height:1.18;text-wrap:balance}
.jd-hub-head .jd-lede{margin:18px 0 0}

.jd-hub-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;
  margin-block-start:clamp(28px,3.5vw,40px);padding-block-end:26px;
  border-block-end:1px solid var(--line)}
.jd-hub-search{position:relative;flex:1 1 320px;max-width:460px;display:flex;align-items:center}
.jd-hub-search svg{position:absolute;inset-inline-start:15px;width:17px;height:17px;
  stroke:var(--faint);fill:none;stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.jd-hub-search input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;
  padding-block:13px;padding-inline:44px 16px;color:var(--ink);background:var(--raised);
  border:1px solid var(--line);border-radius:3px;-webkit-appearance:none;appearance:none}
.jd-hub-search input::placeholder{color:var(--faint)}
.jd-hub-search input:focus{border-color:var(--action);outline:2px solid var(--action);
  outline-offset:1px}
.jd-hub-count{margin:0;font-size:14.5px;color:var(--faint)}

.jd-hub-sec{margin-block-start:clamp(44px,5.5vw,68px)}
.jd-hub-sec[hidden]{display:none}
.jd-hub-sec-head h2{margin:0;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:clamp(22px,2.5vw,29px);line-height:1.3;text-wrap:balance}
.jd-hub-sec-head p{margin:9px 0 0;color:var(--muted);font-size:16.5px;
  max-width:44em;text-wrap:pretty}

.jd-grid{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;
  align-items:start;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}
.jd-card[hidden]{display:none}
.jd-card a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;
  padding:20px 22px;text-decoration:none;color:inherit;background:var(--raised);
  border:1px solid var(--line);border-radius:3px}
.jd-card a:hover{background:var(--field);border-color:var(--line-strong)}
.jd-card-domain{font-family:'Miriam Libre',sans-serif;font-weight:700;font-size:19px;
  line-height:1.35;color:var(--ink);text-wrap:balance}
.jd-card a:hover .jd-card-domain{color:var(--action)}
.jd-card-title{margin-block-start:9px;font-size:15.5px;line-height:1.6;
  color:var(--muted);text-wrap:pretty}

/* Numbered because these are a path, not a menu. A filtered-out row is
   display:none and generates no box, so the numbering stays contiguous. */
.jd-track{list-style:none;counter-reset:jd;margin:24px 0 0;padding:0;
  border-block-start:1px solid var(--line)}
.jd-track li{counter-increment:jd;border-block-end:1px solid var(--line)}
.jd-track li[hidden]{display:none}
.jd-track a{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;
  padding:18px 4px;text-decoration:none;color:inherit}
.jd-track a::before{content:counter(jd,decimal-leading-zero);grid-row:1 / span 2;
  font-family:'Miriam Libre',sans-serif;font-size:14px;color:var(--faint);
  padding-block-start:4px}
.jd-track a:hover{background:var(--raised)}
.jd-track-title{font-weight:600;font-size:18px;line-height:1.4;color:var(--ink);
  text-wrap:balance}
.jd-track a:hover .jd-track-title{color:var(--action)}
.jd-track-desc{font-size:15px;line-height:1.6;color:var(--muted);text-wrap:pretty}

.jd-pin{display:block;margin-block-start:24px;padding:24px clamp(20px,2.6vw,28px);
  text-decoration:none;color:inherit;background:var(--raised);border:1px solid var(--line);
  border-inline-start:3px solid var(--brass);border-radius:3px}
.jd-pin[hidden]{display:none}
.jd-pin:hover{background:var(--field)}
.jd-pin-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.05em;
  color:var(--brass)}
.jd-pin-title{display:block;margin-block-start:9px;font-family:'Miriam Libre',sans-serif;
  font-weight:700;font-size:21px;line-height:1.35;color:var(--ink);text-wrap:balance}
.jd-pin:hover .jd-pin-title{color:var(--action)}
.jd-pin-desc{display:block;margin-block-start:8px;font-size:15.5px;line-height:1.6;
  color:var(--muted);text-wrap:pretty}
.jd-hub-empty{margin-block-start:44px;color:var(--muted);font-size:16.5px}
.jd-hub-empty[hidden]{display:none}

@media (max-width:640px){
  .jd-head-nav{gap:16px;font-size:15px}
  .jd-art{padding-block:40px 60px}
  .jd-hub{padding-block:40px 60px}
  .jd-grid{grid-template-columns:1fr}
}

/* Answer block: the 40-60 words an answer engine lifts. Visually set apart so a
   human skimming gets the same payload the machine does. */
.jd-answer{margin-block-start:30px;padding:22px clamp(20px,2.6vw,28px);
  background:var(--raised);border:1px solid var(--line);
  border-inline-start:3px solid var(--action);border-radius:2px}
.jd-answer p{margin:0;font-size:18px;line-height:1.68;color:var(--ink);text-wrap:pretty}

/* Questions collapse, so an article ends in a list of questions a reader can
   scan instead of a wall to scroll past. The answers stay in the DOM either
   way, which is what the FAQPage graph node and the answer engines read. */
.jd-faq{margin-block-start:52px;border-block-start:1px solid var(--line);padding-block-start:40px}
.jd-faq > h2{margin:0 0 8px;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:clamp(23px,2.7vw,31px);line-height:1.32}
.jd-faq-list{margin-block-start:20px;border-block-start:1px solid var(--line)}
.jd-faq-item{border-block-end:1px solid var(--line)}
.jd-faq-item summary{display:flex;align-items:flex-start;gap:14px;cursor:pointer;
  padding-block:18px;list-style:none}
.jd-faq-item summary::-webkit-details-marker{display:none}
.jd-faq-item summary::after{content:"";flex:none;width:9px;height:9px;
  margin-block-start:8px;margin-inline-start:auto;
  border-inline-start:2px solid var(--faint);border-block-end:2px solid var(--faint);
  transform:rotate(135deg);transition:transform .15s ease}
.jd-faq-item[open] summary::after{transform:rotate(45deg);border-color:var(--action)}
.jd-faq-item summary h3{margin:0;font-weight:600;font-size:18.5px;line-height:1.5;
  color:var(--ink);text-wrap:pretty}
.jd-faq-item summary:hover h3,.jd-faq-item[open] summary h3{color:var(--action)}
.jd-faq-a{padding-block:0 22px}
.jd-faq-a p{margin:0;color:var(--muted);line-height:1.75;text-wrap:pretty}

.jd-related{margin-block-start:48px;border-block-start:1px solid var(--line);padding-block-start:32px}
.jd-related > h2{margin:0 0 14px;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:15px;letter-spacing:.05em;color:var(--faint)}
.jd-related ul{list-style:none;margin:0;padding:0}
.jd-related li{border-block-end:1px solid var(--line)}
.jd-related li:last-child{border-block-end:0}
.jd-related a{display:block;padding:16px 4px;text-decoration:none;color:inherit}
.jd-related a:hover{background:var(--raised)}
.jd-rel-title{display:block;font-weight:600;font-size:17.5px;line-height:1.4;color:var(--ink)}
.jd-related a:hover .jd-rel-title{color:var(--action)}
.jd-rel-desc{display:block;margin-block-start:5px;font-size:15px;color:var(--muted);line-height:1.55}

/* ---- Trust/policy standalone pages (e.g. /אמון-ואתיקה) ---------------------
   Distinct from .jd-art: leads with a verdict, keeps section-number citations
   in a collapsible appendix instead of driving the main prose, and gives the
   do/don't split its own scannable shape. */
.jd-trust{max-width:760px;margin-inline:auto;
  padding-inline:clamp(20px,4vw,48px);padding-block:clamp(48px,7vw,88px)}

.jd-verdict{margin:32px 0 0;padding:26px clamp(22px,3vw,32px);
  background:var(--raised);border:1px solid var(--line-strong);
  border-inline-start:4px solid var(--action);border-radius:2px}
.jd-verdict p{margin:0;font-size:19px;line-height:1.7;color:var(--ink);text-wrap:pretty}
.jd-verdict p + p{margin-block-start:12px}
.jd-source-tag{display:inline-flex;align-items:center;gap:7px;margin-block-start:16px;
  font-size:13.5px;color:var(--faint)}
.jd-source-tag svg{width:14px;height:14px;flex:none;stroke:var(--faint);fill:none;stroke-width:1.6}

.jd-trust-body{margin-block-start:40px}
.jd-trust-body h2{margin:44px 0 14px;font-family:'Miriam Libre',sans-serif;font-weight:700;
  font-size:clamp(23px,2.7vw,31px);line-height:1.32;text-wrap:balance}
.jd-trust-body p{margin:0 0 18px;font-size:18px;line-height:1.75;text-wrap:pretty}
.jd-trust-body p:first-of-type{margin-block-start:0}

.jd-dodont{display:grid;gap:16px;margin:28px 0}
@media (min-width:640px){.jd-dodont{grid-template-columns:1fr 1fr}}
.jd-do,.jd-dont{padding:20px 22px;border-radius:2px;border:1px solid var(--line)}
.jd-do{background:color-mix(in srgb, var(--action) 6%, var(--raised))}
.jd-dont{background:var(--raised)}
.jd-do h3,.jd-dont h3{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.03em}
.jd-do h3{color:var(--action)}
.jd-dont h3{color:var(--brass)}
.jd-do ul,.jd-dont ul{margin:0;padding-inline-start:20px}
.jd-do li,.jd-dont li{margin-block-end:9px;font-size:16.5px;line-height:1.6;color:var(--ink)}
.jd-do li:last-child,.jd-dont li:last-child{margin-block-end:0}

.jd-story{margin:26px 0;padding:20px 24px;border-inline-start:3px solid var(--line-strong);
  color:var(--muted);font-size:17.5px;line-height:1.75}

.jd-appendix{margin-block-start:52px;border-block-start:1px solid var(--line);padding-block-start:8px}
.jd-appendix summary{cursor:pointer;padding-block:20px;font-weight:600;font-size:16px;
  color:var(--muted);list-style:none;display:flex;align-items:center;gap:10px}
.jd-appendix summary::-webkit-details-marker{display:none}
.jd-appendix summary::before{content:"";width:9px;height:9px;flex:none;
  border-inline-start:2px solid var(--faint);border-block-end:2px solid var(--faint);
  transform:rotate(135deg);transition:transform .15s ease}
.jd-appendix[open] summary::before{transform:rotate(45deg)}
.jd-appendix summary:hover{color:var(--ink)}
.jd-appendix-body{padding-block-end:28px;font-size:15.5px;line-height:1.75;color:var(--muted)}
.jd-appendix-body dt{margin-block-start:16px;font-weight:600;color:var(--ink);font-size:15px}
.jd-appendix-body dt:first-child{margin-block-start:0}
.jd-appendix-body dd{margin-inline-start:0;margin-block-start:4px}

.jd-trust-cta{margin-block-start:8px;padding:28px clamp(22px,3vw,34px);
  background:var(--field);border:1px solid var(--line);border-radius:2px}