@font-face{font-family:"Site Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bellefair-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bellefair-400-hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
@font-face{font-family:"Site Display Fallback Times";font-weight:400;src:local("Times New Roman"),local("Liberation Serif"),local("Tinos");size-adjust:92.28%;ascent-override:94.17%;descent-override:30.02%;line-gap-override:0.00%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Display Fallback Times";font-weight:400;src:local("Times New Roman"),local("Liberation Serif"),local("Tinos");size-adjust:79.84%;ascent-override:108.85%;descent-override:34.70%;line-gap-override:0.00%;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
@font-face{font-family:"Site Text";font-style:normal;font-weight:400 600;font-display:optional;src:url(/fonts/assistant-400-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Text";font-style:normal;font-weight:400 600;font-display:optional;src:url(/fonts/assistant-400-600-hebrew.woff2) format("woff2");unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
@font-face{font-family:"Site Text Fallback Arial";font-weight:400;src:local("Arial"),local("Liberation Sans"),local("Arimo");size-adjust:92.18%;ascent-override:110.76%;descent-override:31.13%;line-gap-override:0.00%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Text Fallback Arial";font-weight:600;src:local("Arial Bold"),local("Liberation Sans Bold"),local("Arimo Bold");size-adjust:87.88%;ascent-override:116.19%;descent-override:32.66%;line-gap-override:0.00%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Text Fallback Arial";font-weight:400;src:local("Arial"),local("Liberation Sans"),local("Arimo");size-adjust:88.36%;ascent-override:115.55%;descent-override:32.48%;line-gap-override:0.00%;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
@font-face{font-family:"Site Text Fallback Arial";font-weight:600;src:local("Arial Bold"),local("Liberation Sans Bold"),local("Arimo Bold");size-adjust:84.06%;ascent-override:121.46%;descent-override:34.14%;line-gap-override:0.00%;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
@font-face{font-family:"Site Text Fallback Android";font-weight:400;src:local("Roboto"),local("Roboto Regular");size-adjust:92.56%;ascent-override:110.31%;descent-override:31.01%;line-gap-override:0.00%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Text Fallback Android";font-weight:600;src:local("Roboto Bold");size-adjust:93.50%;ascent-override:109.20%;descent-override:30.70%;line-gap-override:0.00%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+FEFF,U+FFFD}
@font-face{font-family:"Site Text Fallback Android";font-weight:400;src:local("Noto Sans Hebrew"),local("Noto Sans Hebrew Regular");size-adjust:87.24%;ascent-override:117.03%;descent-override:32.90%;line-gap-override:0.00%;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
@font-face{font-family:"Site Text Fallback Android";font-weight:600;src:local("Noto Sans Hebrew Bold");size-adjust:84.56%;ascent-override:120.75%;descent-override:33.94%;line-gap-override:0.00%;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA,U+25CC}
:root{--font-text:"Site Text","Site Text Fallback Arial","Site Text Fallback Android",sans-serif;--font-display:"Site Display","Site Display Fallback Times",serif}
:root{color-scheme:light dark;--bg:#FBFAF7;--band:#F2F0EA;--card:#FFFFFF;--fg:#181B1D;--fg-2:#555A5E;--line:#80858A;--accent:#0B6B4C;--accent-hover:#08573D;--btn:#0B6B4C;--btn-hover:#08573D;--btn-active:#064632;--btn-fg:#FFFFFF}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0F1214;--band:#15191C;--card:#1A1F22;--fg:#ECEAE4;--fg-2:#A8ADB0;--line:#686E72;--accent:#5CCFA2;--accent-hover:#80E1BC;--btn:#1D7455;--btn-hover:#238264;--btn-active:#238264;--btn-fg:#FFFFFF}}
:root[data-theme=light]{color-scheme:only light}
:root[data-theme=dark]{color-scheme:only dark;--bg:#0F1214;--band:#15191C;--card:#1A1F22;--fg:#ECEAE4;--fg-2:#A8ADB0;--line:#686E72;--accent:#5CCFA2;--accent-hover:#80E1BC;--btn:#1D7455;--btn-hover:#238264;--btn-active:#238264;--btn-fg:#FFFFFF}
:root{
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;
  --gutter:clamp(1.25rem,.5rem + 3.2vw,2.5rem);
  --wrap:75rem;
  --sec:clamp(3.5rem,2.4rem + 4.6vw,6rem);
  --hdr:3.75rem;
  --r-s:4px;--r-m:12px;--r-p:999px;
  --measure:62ch;
  --fs-display:clamp(2.5rem,1.9rem + 2.6vw,3.75rem);
  --fs-h2:clamp(1.625rem,1.35rem + 1.2vw,2.25rem);
  --fs-lead:clamp(1.1875rem,1.05rem + .5vw,1.375rem);
  --fs-body:1.0625rem;
  --fs-small:.875rem;
  --lh-1:1.1;--lh-2:1.2;--lh-body:1.6;--ls-1:-.01em;
}
html[lang=he]{--fs-body:1.125rem;--fs-small:.9375rem;--lh-1:1.15;--lh-2:1.25;--lh-body:1.7;--ls-1:0}
@media (min-width:56rem){:root{--hdr:4.5rem}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + var(--s4))}
body{margin:0;padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);font:400 var(--fs-body)/var(--lh-body) var(--font-text);font-synthesis:none;overflow-wrap:break-word}
[hidden]{display:none!important}
h1,h2,h3{margin:0;font-weight:600;text-wrap:balance}
h1,h2{font-family:var(--font-display)}
h1{font-size:var(--fs-display);line-height:var(--lh-1);letter-spacing:var(--ls-1)}
h2{font-size:var(--fs-h2);line-height:var(--lh-2)}
h3{font-size:var(--fs-lead);line-height:1.3}
p,ul,ol,dl{margin:0 0 var(--s4)}
p{max-inline-size:var(--measure)}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--accent-hover);text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.he-sys{font-family:system-ui,sans-serif}
.vh{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.wrap{inline-size:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}
.lead{font-size:var(--fs-lead);line-height:1.5}
.meta,.cap{font-size:var(--fs-small);color:var(--fg-2)}
.skip{position:absolute;z-index:20;inset-inline-start:var(--gutter);top:var(--s2);display:inline-flex;align-items:center;min-block-size:2.75rem;padding:var(--s2) var(--s4);border-radius:var(--r-s);background:var(--btn);color:var(--btn-fg);font-weight:600;text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:none;color:var(--btn-fg)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding:var(--s2) var(--s5);border:1px solid transparent;border-radius:var(--r-s);background:var(--btn);color:var(--btn-fg);font:600 var(--fs-body)/1.2 var(--font-text);text-decoration:none;text-align:center;cursor:pointer}
.btn:hover{background:var(--btn-hover);color:var(--btn-fg);text-decoration:none}
.btn:active{background:var(--btn-active);transform:translateY(1px)}
.btn-quiet{background:transparent;color:var(--fg);border-color:var(--line)}
.btn-quiet:hover{background:var(--band);color:var(--fg);border-color:var(--fg)}
.btn-quiet:active{background:var(--band);border-color:var(--fg)}
.btn-out{padding-inline:var(--s4);background:transparent;color:var(--accent);border-color:var(--accent)}
.btn-out:hover{background:var(--btn);border-color:var(--btn);color:var(--btn-fg)}
.btn-out:active{background:var(--btn-active);border-color:var(--btn-active);color:var(--btn-fg)}
.link-more{display:inline-flex;align-items:center;min-block-size:2.75rem;font-weight:600}
.bar{position:relative;z-index:10;background:var(--bg);border-block-end:1px solid var(--line)}
@media (min-height:500px){.bar{position:sticky;top:0}}
.bar-in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);min-block-size:var(--hdr)}
.brand{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:2.75rem;color:var(--fg);text-decoration:none;font:600 var(--fs-lead)/1 var(--font-text)}
.brand:hover{color:var(--fg);text-decoration:none}
.mark{inline-size:1.75rem;block-size:1.75rem;flex:none}
.mark rect{fill:var(--accent)}
.mark path{fill:none;stroke:var(--bg);stroke-width:3;stroke-linecap:round}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5);margin-inline-start:auto}
.nav ul{display:flex;flex-wrap:wrap;gap:0 var(--s5);margin:0;padding:0;list-style:none}
.nav li a,.bar .lang{display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--fg);text-decoration:none}
.nav li a:hover,.bar .lang:hover{color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.nav li a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.3em}
.icon-btn,.menu-btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;border:1px solid var(--line);border-radius:var(--r-s);background:transparent;color:var(--fg);font:600 var(--fs-body)/1 var(--font-text);cursor:pointer}
.icon-btn{inline-size:2.75rem;border-radius:var(--r-p)}
.menu-btn{display:none;padding-inline:var(--s4)}
.icon-btn:hover,.menu-btn:hover{border-color:var(--fg)}
.icon-btn[aria-pressed=true],.menu-btn[aria-expanded=true]{background:var(--band)}
.ico-theme{position:relative;display:block;inline-size:1.125rem;block-size:1.125rem;border:2px solid currentColor;border-radius:50%;overflow:hidden}
.ico-theme::after{content:"";position:absolute;inset:0 0 0 50%;background:currentColor}
.icon-btn[aria-pressed=true] .ico-theme::after{inset:0 50% 0 0}
html:not([data-dev]) .theme,html:not([data-dev]) .menu-btn{display:none}
@media (max-width:55.99rem){
  .bar-in{column-gap:var(--s2)}
  .menu-btn{padding-inline:var(--s3)}
  .nav{flex-basis:100%;margin-inline-start:0}
  .bar .lang{margin-inline-start:auto}
  html[data-dev] .menu-btn{display:inline-flex}
  html[data-dev] .nav{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:var(--s4);padding:var(--s4) var(--gutter) var(--s5);background:var(--bg);border-block-end:1px solid var(--line);max-block-size:calc(100vh - var(--hdr));max-block-size:calc(100dvh - var(--hdr));overflow-y:auto}
  html[data-dev] .nav.is-open{display:flex}
  html[data-dev] .nav ul{flex-direction:column;gap:0}
  html[data-dev] .nav li a{inline-size:100%;min-block-size:3rem;font-size:var(--fs-lead)}
}
@media (max-width:23.99rem){.menu-btn{padding-inline:var(--s2)}}
.sec{padding-block:var(--sec)}
.sec-band{background:var(--band)}
.sec h2{margin-block-end:clamp(1.75rem,1rem + 2vw,3rem)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s4)}
.actions p{margin:0}
.hero{padding-block:clamp(2.5rem,1.2rem + 5vw,5.5rem) var(--sec)}
.hero-grid{display:grid;gap:var(--s7) var(--s8);align-items:center}
.hero .lead{max-inline-size:36rem;margin-block:var(--s4) var(--s6)}
@media (min-width:56rem){.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.card{padding:var(--s5);background:var(--card);border:1px solid var(--line);border-radius:var(--r-m)}
.card-top{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s4);margin-block-end:var(--s3)}
.chip{display:inline-block;padding:1px var(--s3);border-radius:var(--r-p);background:var(--band);font-size:var(--fs-small);font-weight:600;color:var(--fg-2)}
.status,.card-note{margin:var(--s3) 0 0;font-size:var(--fs-small);color:var(--fg-2)}
.status{margin-block-start:var(--s4)}
.turns{display:grid;gap:var(--s3);margin:0;padding:0;list-style:none}
.turn{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:var(--s3);align-items:baseline}
.who{font-size:var(--fs-small);font-weight:600}
.steps{display:grid;gap:var(--s6) var(--s7);margin:0;padding:0;list-style:none;counter-reset:step}
@media (min-width:40rem){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:64rem){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{counter-increment:step;padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.steps li::before{content:counter(step);display:block;margin-block-end:var(--s2);font:600 var(--fs-lead)/1 var(--font-text);color:var(--accent)}
.steps h3{margin-block-end:var(--s2)}
.steps p{margin:0}
.res-grid,.where-grid,.dsec{display:grid;gap:var(--s5) var(--s8)}
@media (min-width:56rem){.res-grid,.where-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.res-grid h2,.where-grid h2{margin-block-end:0}
.res-grid h2{margin-block-end:var(--s5)}
.spec{display:grid;gap:var(--s3);justify-items:start;align-content:center}
.spec-big{margin:0;font:var(--fw-display,600) clamp(5rem,3rem + 9vw,9rem)/1.15 var(--font-display)}
.spec-rd{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6);margin:0;padding:0;list-style:none}
.spec-rd li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s2)}
.spec-rd [lang=he]{font:var(--fw-display,600) 1.875rem/1.6 var(--font-display)}
.spec-rd .g{font-size:var(--fs-small);color:var(--fg-2)}
.where .actions{margin-block:var(--s5)}
.doc{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem) var(--sec)}
.doc-head{max-inline-size:46rem;margin-block-end:clamp(2rem,1rem + 3vw,3.5rem)}
.doc-head .lead{margin-block:var(--s4)}
.jump ul{display:flex;flex-wrap:wrap;gap:0 var(--s5);margin:var(--s4) 0 0;padding:0;list-style:none}
.jump a{display:inline-flex;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem}
.dsec{padding-block:clamp(1.75rem,1rem + 2vw,2.5rem);border-block-start:1px solid var(--line)}
.dsec h2{margin:0}
@media (min-width:64rem){.dsec{grid-template-columns:minmax(0,16rem) minmax(0,40rem)}}
.dbody>:first-child{margin-block-start:0}
.dbody>:last-child{margin-block-end:0}
.dbody h3{margin-block:var(--s6) var(--s2)}
.dbody h3:first-child{margin-block-start:0}
.dbody article+article{margin-block-start:var(--s6)}
.dbody ul,.dbody ol{padding-inline-start:var(--s5)}
.dbody li{margin-block-end:var(--s2)}
.ex{margin-block:var(--s4);padding:var(--s3) var(--s4);background:var(--band);border-inline-start:2px solid var(--accent)}
.tbl{margin-block:var(--s4);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.tbl table{inline-size:100%;border-collapse:collapse;table-layout:fixed}
.tbl th,.tbl td{padding:var(--s3) var(--s4);text-align:start;vertical-align:top;border-block-end:1px solid var(--line)}
.tbl thead th{background:var(--band);font-size:var(--fs-small);color:var(--fg-2)}
.tbl tbody th{inline-size:34%;font-weight:600}
.tbl tr:last-child>*{border-block-end:0}
.cap{margin-block:var(--s2) var(--s4)}
.pick,.nm{min-inline-size:0;max-inline-size:var(--measure);margin:var(--s4) 0;padding:0;border:0}
.pick legend,.nm legend{padding:0;margin-block-end:var(--s2);font:600 var(--fs-small)/1.4 var(--font-text);color:var(--fg-2)}
.pick-l,.seg{display:flex;align-items:center;gap:var(--s3);min-block-size:2.75rem;padding:var(--s2) var(--s3);border:1px solid var(--line);cursor:pointer}
.pick-l{border-radius:var(--r-m)}
.pick-l+.pick-l{margin-block-start:var(--s2)}
.pick-i,.seg input{flex:none;inline-size:1.5rem;block-size:1.5rem;margin:0;accent-color:var(--accent)}
.pick-i:focus,.seg input:focus{outline:2px solid var(--accent);outline-offset:2px}
.pick-t{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);min-inline-size:0}
.pick .s{font-size:1.25rem;line-height:1.5}
.pick .g{font-size:var(--fs-small);color:var(--fg-2)}
.pick-out{display:grid;gap:var(--s2);margin-block-start:var(--s3);padding:var(--s3) var(--s4);background:var(--band);border-inline-start:2px solid var(--accent)}
.pick-r{display:flex;align-items:center;gap:0 var(--s3)}
.pick .w{flex:none;font-size:1.5rem;line-height:1.6}
.pick .m{flex:1 1 0;min-inline-size:0;color:var(--fg-2)}
.nm-seg{display:flex;flex-wrap:wrap;gap:var(--s2)}
.seg{padding-inline:var(--s4);border-radius:var(--r-p)}
.dbody .nm-rows{margin:var(--s3) 0 0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.dbody .nm-rows li{display:grid;gap:var(--s1) var(--s4);margin:0;padding:var(--s3) var(--s4);border-block-end:1px solid var(--line)}
.dbody .nm-rows li:last-child{border-block-end:0}
.nm-k{font-size:var(--fs-small);color:var(--fg-2)}
.nm-c{display:grid;gap:var(--s1);justify-items:start}
.nm-f{font-size:1.25rem;line-height:1.5}
@media (min-width:40rem){.dbody .nm-rows li{grid-template-columns:9.5rem minmax(0,1fr);align-items:baseline}}
@supports not selector(:has(*)){.pick legend,.pick-i,.nm legend,.nm-seg{display:none}}
@supports selector(:has(*)){
  .pick-l:has(:checked),.seg:has(:checked){border-color:var(--accent);background:var(--band)}
  .pick-l:has(:checked) .k{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
  .pick-out,.nm-c{gap:0}
  .pick-r,.nm-f{grid-area:1/1;opacity:0;visibility:hidden}
  .pick:not(:has(:checked)) #hg-r0,.pick:has(#hg-1:checked) #hg-r1,.pick:has(#hg-2:checked) #hg-r2,.pick:has(#hg-3:checked) #hg-r3,.nm:not(:has(#nm-sp:checked)) .f-wr,.nm:has(#nm-sp:checked) .f-sp{opacity:1;visibility:visible}
}
@media (prefers-reduced-motion:no-preference){.pick-r,.nm-f{transition:opacity .16s ease,visibility .16s}}
.foot{padding-block:var(--s6) calc(var(--s6) + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--line);background:var(--bg);font-size:var(--fs-small)}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s6)}
.foot-meta{display:flex;flex-wrap:wrap;gap:0 var(--s5);margin:0;padding:0;list-style:none}
.foot a{color:var(--fg)}
.foot a:hover{color:var(--accent-hover)}
.foot p{margin:0;color:var(--fg-2)}
.foot-meta a{display:inline-block;min-block-size:1.5rem}
@media (pointer:coarse){
  .foot-meta a{display:inline-flex;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem}
}
.call{container:call/inline-size;position:relative}
.tabs,.player{display:none}
html[data-dev] .tabs{display:flex;flex-wrap:wrap}
html[data-dev] .player{display:flex}
html[data-dev] .tabs,html[data-dev] .player{visibility:hidden}
html[data-dev] .call.on .tabs,html[data-dev] .call.on .player{visibility:visible}
.tab{min-block-size:2.75rem;padding:0 var(--s3);border:0;background:transparent;color:var(--fg-2);font:600 var(--fs-small)/1.2 var(--font-text);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.45em;cursor:pointer}
.tab:hover{color:var(--fg)}
.tab[aria-selected=true]{color:var(--fg);text-decoration-color:var(--accent)}
.pane{--ph:var(--pane-h,13rem);position:relative;block-size:var(--fit,var(--ph));margin-block-end:calc(var(--s3) + var(--ph) - var(--fit,var(--ph)));overflow-y:auto;padding-inline-end:var(--s2);scrollbar-width:thin;scrollbar-color:var(--fg-2) transparent;scrollbar-gutter:stable}
.pane::after{content:"";display:block;block-size:var(--pad,0)}
html[lang=he]{--pane-h:12.25rem;--pane-hs:22.5rem}
.panel{min-inline-size:0}
.panel:not(.is-on){display:none}
.call[data-state=play] .w.p,.call[data-state=pause] .w.p,.call[data-state=play] .who,.call[data-state=pause] .who,.call[data-state=play] .sum.p dd,.call[data-state=pause] .sum.p dd{color:var(--fg-2)}
.call[data-state=play] .cur .who,.call[data-state=pause] .cur .who{color:var(--accent)}
.sum{margin-block-start:var(--s4);padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.sum-h{position:relative;margin:0 0 var(--s2);padding-inline-start:1.75rem;font-weight:600}
.sum-h::before{content:"";position:absolute;inset-inline-start:.3rem;top:.35em;inline-size:.4rem;block-size:.75rem;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sum-l{display:grid;gap:var(--s1);margin:0;padding-inline-start:1.75rem}
.sum-l>div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--s3);align-items:baseline}
.sum-l dt{font-size:var(--fs-small);color:var(--fg-2)}
.sum-l dd{margin:0}
.player{align-items:center;gap:var(--s3);margin-block-start:0;padding-block-start:var(--s3);border-block-start:1px solid var(--line)}
.play{flex:none;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:1px solid transparent;border-radius:var(--r-p);background:var(--btn);color:var(--btn-fg);cursor:pointer}
.play:hover{background:var(--btn-hover)}
.play:active{background:var(--btn-active)}
.play .ico{inline-size:1.5rem;block-size:1.5rem;fill:currentColor}
html[dir=rtl] .play .ico{transform:scaleX(-1)}
.play .i-pause,.play .i-replay,.play .l-pause,.play .l-replay{display:none}
.call[data-state=play] .i-play,.call[data-state=play] .l-play,.call[data-state=end] .i-play,.call[data-state=end] .l-play{display:none}
.call[data-state=play] .i-pause,.call[data-state=play] .l-pause,.call[data-state=end] .i-replay,.call[data-state=end] .l-replay{display:block}
.bars{flex:1 1 0;display:flex;align-items:center;justify-content:space-between;gap:2px;block-size:2rem;min-inline-size:0;overflow:hidden}
.bars i{flex:1 1 0;min-inline-size:2px;max-inline-size:4px;block-size:calc(var(--h,.5) * 100%);border-radius:2px;background:var(--line)}
.bars i.on{background:var(--accent)}
.time{flex:none;inline-size:6em;direction:ltr;unicode-bidi:isolate;text-align:end;font-size:var(--fs-small);color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap}
html[dir=rtl] .time{text-align:start}
@container call (max-width:24rem){
  .sum-l>div{grid-template-columns:minmax(0,1fr);gap:0}
}
@container call (max-width:27rem){
  .pane{--ph:var(--pane-hs,22rem)}
  .turn{grid-template-columns:3.25rem minmax(0,1fr);gap:var(--s2)}
}
.sketch{margin-block-end:var(--s7)}
.dsec>.sketch{grid-column:1/-1;margin-block-end:0}
.sk{display:block;inline-size:100%;block-size:auto;overflow:visible;color:var(--fg)}
.sk-v{display:none}
.sk-a{stroke:var(--accent)}
.sk-route{stroke:none;fill:none}
.sk-bg{fill:var(--bg);stroke:none}
.sec-band .sk-bg{fill:var(--band)}
.sk-dot{fill:var(--accent);stroke:none;opacity:0}
.sk-t,.sk-s{stroke:none}
.sk-t{font:600 var(--fs-body)/1 var(--font-text);fill:var(--fg)}
.sk-s{font:400 var(--fs-small)/1 var(--font-text);fill:var(--fg-2)}
.sk-n.on .sk-p{stroke:var(--accent)}
.sketch.run .sk-dot{opacity:1}
.sketch.fin .sk-dot{opacity:0}
.steps li.on{border-block-start-color:var(--accent)}
.steps li.on h3{color:var(--accent)}
@media (max-width:55.99rem){
  .sk-h{display:none}
  .sk-v{display:block;max-inline-size:22rem;margin-inline:auto}
}
@media (min-width:56rem){.sk-h{max-inline-size:62rem;margin-inline:auto}}
@media (prefers-reduced-motion:no-preference){
  a,.btn,.icon-btn,.menu-btn{transition:background-color .12s ease,border-color .12s ease,color .12s ease}
  html[data-dev] .nav.is-open{animation:sheet .2s ease-out}
  .tab,.play,.bars i{transition:background-color .12s ease,color .12s ease,text-decoration-color .12s ease}
  .sketch.pre .sk-p{stroke-dasharray:1.02;stroke-dashoffset:1.02}
  .sketch.pre .sk-t,.sketch.pre .sk-s{opacity:0}
  .sketch.go .sk-p{stroke-dasharray:1.02;animation:draw .45s ease-out both;animation-delay:var(--d,0s)}
  .sketch.go .sk-t,.sketch.go .sk-s{animation:fadein .3s ease-out both;animation-delay:calc(var(--d,0s) + .25s)}
  .sketch.fin .sk-dot{transition:opacity .3s ease}
  .steps li{transition:border-color .15s ease}
}
@keyframes sheet{from{opacity:0;transform:translateY(-.5rem)}}
@keyframes fadein{from{opacity:0}}
@keyframes draw{from{stroke-dashoffset:1.02}to{stroke-dashoffset:0}}
@media (prefers-contrast:more){:root:root:root{--line:var(--fg);--fg-2:var(--fg)}}
@media (forced-colors:active){
  .mark rect{fill:CanvasText}
  .mark path{stroke:Canvas}
  .ico-theme::after{background:CanvasText}
  .sum-h::before{border-color:CanvasText}
  .btn{border-color:ButtonText}
  .card,.tbl,.icon-btn,.menu-btn,.btn-quiet,.btn-out{border-color:CanvasText}
  .play{border-color:ButtonText}
  .tab{text-decoration:none}
  .tab[aria-selected=true]{color:Highlight;text-decoration:underline}
  .bars i{background:GrayText}
  .bars i.on{background:Highlight}
  .sk-a{stroke:Highlight}
  .sk-t,.sk-s{fill:CanvasText}
  .sk-dot{fill:Highlight}
  .sk-bg,.sec-band .sk-bg{fill:Canvas}
  .pick-l,.seg,.pick-out,.dbody .nm-rows,.dbody .nm-rows li{border-color:CanvasText}
  .pick-l:has(:checked),.seg:has(:checked){border-color:Highlight}
}
@media print{
  html{background:#fff;color:#000}
  .bar,.skip,.actions,.jump,.tabs,.player,.sketch{display:none}
  html[data-dev] .tabs,html[data-dev] .player{display:none}
  .sec,.hero,.sec-band{padding-block:1rem;background:none}
  a{color:#000}
  .dbody a[href^=http]::after{content:" (" attr(href) ")"}
  .card,.tbl,.ex{border-color:#000;break-inside:avoid}
  .pane{block-size:auto;margin-block-end:var(--s3);overflow:visible}
  .pick-out,.nm-c{gap:var(--s2)}
  .pick-r,.nm-f{grid-area:auto;opacity:1;visibility:visible}
}
/* Type tokens, last on purpose (they override the :root block above). Display face = Bellefair 400, one weight with hairline strokes: only h1, h2 and the ספר specimen use it. Everything else is Assistant (h3, brand, step numbers, timer, buttons). */
:root{--fw-display:400;--fw-strong:600;--fs-display:clamp(2.75rem,1.3rem + 4.4vw,4.5rem);--fs-h2:clamp(1.875rem,1.35rem + 2vw,2.875rem);--lh-1:1.06;--lh-2:1.14;--ls-1:-.02em;--ls-2:-.01em}
html[lang=he]{--lh-1:1.15;--lh-2:1.25;--ls-1:0;--ls-2:0;--fs-display:clamp(3.08rem,1.46rem + 4.93vw,5.04rem);--fs-h2:clamp(2.1rem,1.51rem + 2.24vw,3.22rem)}
h1,h2{font-weight:var(--fw-display)}
h2{letter-spacing:var(--ls-2)}
th,strong,b{font-weight:var(--fw-strong)}