/* ================================================================================
   sa-shell.css — THE SHARED SHELL of the static estate (every page family ×5).
   Everything visual that more than one page needs lives here, written ONLY in the
   --sa-* tokens of sa-tokens.css: surfaces, type, the button system, the two card
   types, the hero, the section rhythm, the footer, print, touch and stillness.
   Page-specific rules stay inline in each page's own <style>/*sa-page*/ block.
   Emitted by _scratch/build-shell.mjs; asserted by _scratch/_pubscan.mjs.
   Logical properties only (inset-inline-*, margin-inline-*, padding-inline-*):
   the Hebrew estate reads right to left and must never lean on a physical side.
   ================================================================================ */
*,*::before,*::after{box-sizing:border-box;}
*{margin:0;padding:0;}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--sa-bg);}
body{font-family:var(--sa-sans);font-size:var(--sa-fs-body);line-height:var(--sa-lh-body);background:var(--sa-bg);color:var(--sa-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;}
html[lang="he"] body{font-family:'Heebo',var(--sa-sans);line-height:1.75;}
::selection{background:rgba(211,172,84,.28);}
:focus-visible{outline:2px solid var(--sa-gold);outline-offset:2px;border-radius:3px;}
#sa-main:focus{outline:none;}
img,video{max-width:100%;display:block;}
bdi{unicode-bidi:isolate;}
h1,h2,h3{text-wrap:pretty;}
[id]{scroll-margin-top:calc(var(--sa-nav-h) + 12px);}

/* ---- display type: Frank Ruhl Libre 700 for H1/H2, 500 for H3; UI in Hanken ---- */
.h-xl,.h-lg,.sa-eco h2.sa-eco-t,.sa-foot-big,.stat .n{font-family:var(--sa-serif);font-weight:700;letter-spacing:-.01em;}
.h-xl{font-size:var(--sa-fs-h1);line-height:var(--sa-lh-tight);}
.h-lg{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;}
h3{font-family:var(--sa-serif);font-weight:500;font-size:var(--sa-fs-h3);line-height:1.25;}
html[lang="he"] .h-xl,html[lang="he"] .h-lg,html[lang="he"] h3{font-family:var(--sa-hebrew);letter-spacing:0;}
.sub{font-size:var(--sa-fs-lead);line-height:1.55;margin:var(--sa-sp-4) auto 0;max-width:640px;color:var(--sa-text-dim);}
.whitescreen .sub,.parch .sub{color:var(--sa-ink-soft);}
.kick,.idx,.ra-kick,.sa-eco-k,.divcard .age,.gcard .tag,.sec h2,.f-col h3,.sa-foot-h,.blklbl,.pk{font-family:var(--sa-sans);font-size:.72rem;font-weight:600;letter-spacing:var(--sa-track-kick);text-transform:uppercase;color:var(--sa-gold);}
.kick{margin-bottom:var(--sa-sp-4);}
.whitescreen .kick,.parch .kick,.whitescreen .idx,.ra-kick,.divcard .age,.gcard .tag,.sec h2{color:var(--sa-gold-dark);}
[dir="rtl"] .kick,[dir="rtl"] .idx,[dir="rtl"] .ra-kick,[dir="rtl"] .sa-eco-k,[dir="rtl"] .divcard .age,[dir="rtl"] .gcard .tag,[dir="rtl"] .sec h2,[dir="rtl"] .sa-foot-h,[dir="rtl"] .blklbl,[dir="rtl"] .pk,[dir="rtl"] .btn,[dir="rtl"] .sa-lang summary{letter-spacing:0;}

/* ---- the bar placeholder, before nav.js paints it (no layout shift) ---- */
.nav{position:fixed;top:0;inset-inline:0;z-index:200;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:var(--sa-nav-h);padding:14px 30px;padding-inline-end:calc(30px + 48px);}
.nav .logo{display:flex;align-items:center;gap:11px;color:var(--sa-text);text-decoration:none;min-height:44px;}
.nav .logomark{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 auto;}
.nav .logomark img{width:42px;height:42px;object-fit:cover;}
.nav .logo b{font-weight:700;letter-spacing:.02em;font-size:1.02rem;}
@media(max-width:600px){.nav{padding:10px 16px;padding-inline-end:calc(16px + 48px);}}

/* ---- surfaces ---- */
.screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:calc(var(--sa-nav-h) + 48px) 24px 96px;position:relative;overflow:hidden;background:var(--sa-bg);color:var(--sa-text);}
.blackscreen{background:var(--sa-bg);color:var(--sa-text);}
.whitescreen,.parch{background:var(--sa-parch);color:var(--sa-ink-strong);}
.whitescreen .sub,.whitescreen p,.parch p{color:var(--sa-ink-soft);}
.whitescreen h2,.whitescreen h3,.parch h2,.parch h3{color:var(--sa-ink-strong);}
.raised{background:var(--sa-bg-raise);}
.sa-wrap{width:100%;max-width:1180px;margin-inline:auto;}

/* ---- the button system: primary gold pill · secondary hairline pill · tertiary text + arrow ---- */
.btn,.btn-2,.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;margin-top:var(--sa-sp-5);border-radius:var(--sa-r-pill);font-family:var(--sa-sans);font-size:var(--sa-fs-body);font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none;line-height:1.2;cursor:pointer;border:1px solid transparent;transition:background var(--sa-dur) var(--sa-ease),color var(--sa-dur) var(--sa-ease),border-color var(--sa-dur) var(--sa-ease),box-shadow var(--sa-dur) var(--sa-ease),transform var(--sa-dur) var(--sa-ease);}
.btn,.sa-btn{background:linear-gradient(135deg,var(--sa-gold),var(--sa-gold-deep));color:var(--sa-on-gold);box-shadow:var(--sa-sh-1);}
.btn:hover,.sa-btn:hover{box-shadow:var(--sa-sh-gold);transform:translateY(-1px);color:var(--sa-on-gold);background:linear-gradient(135deg,#dfbc68,var(--sa-gold));}
.btn.ghost,.btn-2,.btn.light{background:transparent;color:var(--sa-text);border-color:var(--sa-hair-2);box-shadow:none;}
.btn.ghost:hover,.btn-2:hover,.btn.light:hover{border-color:var(--sa-gold);color:var(--sa-gold);transform:none;background:var(--sa-gold-soft);}
.whitescreen .btn.ghost,.parch .btn.ghost,.whitescreen .btn-2,.parch .btn-2,.btn.dark{color:var(--sa-ink-strong);border-color:var(--sa-parch-line);background:transparent;}
.whitescreen .btn.ghost:hover,.parch .btn.ghost:hover,.btn.dark:hover{border-color:var(--sa-gold-dark);color:var(--sa-gold-dark);background:var(--sa-parch-raise);}
.btn.red,.btn.crisis{background:var(--sa-red);color:#fff;}
.btn.red:hover,.btn.crisis:hover{background:var(--sa-red-dark);box-shadow:var(--sa-sh-2);}
.go,.btn-3,.ra-go,.sa-eco-all a,.sa-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:var(--sa-sp-4);padding:0;border:0;border-bottom:1px solid transparent;font-family:var(--sa-sans);font-size:var(--sa-fs-body);font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none;color:var(--sa-gold);background:none;cursor:pointer;transition:color var(--sa-dur) var(--sa-ease),border-color var(--sa-dur) var(--sa-ease);}
.go:hover,.btn-3:hover,.ra-go:hover,.sa-eco-all a:hover,.sa-more:hover{border-bottom-color:currentColor;text-decoration:none;opacity:1;}
.whitescreen .go,.parch .go,.ra-go,.whitescreen .btn-3{color:var(--sa-gold-dark);}
.sa-arrow::after{content:"\2192";display:inline-block;transition:transform var(--sa-dur) var(--sa-ease);}
[dir="rtl"] .sa-arrow::after{content:"\2190";}
.sa-arrow:hover::after{transform:translateX(3px);}
[dir="rtl"] .sa-arrow:hover::after{transform:translateX(-3px);}
button,input,select,textarea{font-family:inherit;}

/* ---- the hero: ONE Ken-Burns, once, on the hero only; veil floor .55 ---- */
.hero{color:var(--sa-text);}
.hero .bg{position:absolute;inset:-4%;z-index:0;background-color:var(--sa-bg-raise);background-position:center;background-size:cover;background-repeat:no-repeat;animation:sa-ken 18s var(--sa-ease) 1 forwards;transform-origin:center;}
.hero .bg img{width:100%;height:100%;object-fit:cover;}
@keyframes sa-ken{0%{transform:scale(1);}100%{transform:scale(1.08);}}
.hero .veil{position:absolute;inset:0;z-index:1;background:var(--sa-veil);}
.hero .c,.arena .c{position:relative;z-index:2;max-width:920px;}
.hero .kick{color:var(--sa-gold);}
.hero .sub{color:var(--sa-text);text-shadow:0 1px 18px rgba(8,9,13,.6);}
.hero .h-xl{text-shadow:0 2px 24px rgba(8,9,13,.55);}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:var(--sa-sp-5);}
.hero .acts .btn{margin-top:0;}

/* ---- photo sections below the fold: lazy <img> in the frame, duotone veil ---- */
.arena{min-height:82vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 24px;position:relative;overflow:hidden;color:var(--sa-text);background:var(--sa-bg-raise);}
.arena .bg,.slide .bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-color:var(--sa-bg-raise);}
.arena .bg img,.slide .bg img,.sa-feat .bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04);}
.arena .veil,.slide .veil{position:absolute;inset:0;z-index:1;background:var(--sa-duotone);}
.arena .idx{margin-bottom:18px;}
.arena .idx.red,.kick.red{color:var(--sa-red);}
.arena .line{margin:20px auto 0;font-size:clamp(1rem,1.6vw,1.2rem);max-width:640px;line-height:1.6;color:var(--sa-text);}
.arena.crisis .go,.arena.urgent .go{color:#ff8a80;}
.arena.crisis .idx,.arena.urgent .idx{color:#ff8a80;}
.line b,.line strong{color:var(--sa-gold);}

/* ---- the two card types: ink card / parchment card ---- */
.sa-card,.sa-eco-g a,.stat-card{display:block;background:var(--sa-panel);border:1px solid var(--sa-hair);border-radius:var(--sa-r-md);padding:22px 20px;color:var(--sa-text);text-decoration:none;transition:border-color var(--sa-dur) var(--sa-ease),background var(--sa-dur) var(--sa-ease),transform var(--sa-dur) var(--sa-ease);}
.sa-card:hover,.sa-eco-g a:hover,.sa-eco-g a:focus-visible{border-color:var(--sa-gold);background:rgba(255,255,255,.07);transform:translateY(-2px);}
.sa-card.parch,.ra-card,.divcard,.pillar,.gcard,.m,.sec,.tier,.sa-note{display:block;background:var(--sa-parch);border:1px solid var(--sa-parch-line);border-radius:var(--sa-r-md);padding:22px 20px;color:var(--sa-ink-strong);text-decoration:none;box-shadow:none;transition:border-color var(--sa-dur) var(--sa-ease),transform var(--sa-dur) var(--sa-ease),box-shadow var(--sa-dur) var(--sa-ease);}
.whitescreen .sa-card.parch,.whitescreen .ra-card,.whitescreen .divcard,.whitescreen .pillar,.whitescreen .gcard,.whitescreen .m,.whitescreen .tier,.dircontent .sec{background:#fff;}
a.ra-card:hover,a.divcard:hover,a.sa-card.parch:hover,.tier:hover{border-color:var(--sa-gold-dark);transform:translateY(-2px);box-shadow:var(--sa-sh-1);}
.ra-card h3,.divcard h3,.pillar h3,.gcard h3,.sa-card h3{font-family:var(--sa-serif);font-weight:500;font-size:1.15rem;margin:0 0 7px;letter-spacing:0;}
.ra-card p,.divcard p,.pillar p,.gcard li,.sa-card p{font-size:.9rem;line-height:1.55;color:var(--sa-ink-soft);opacity:1;}
.sa-card p{color:var(--sa-text-dim);}
.blackscreen .m{background:var(--sa-panel);border-color:var(--sa-hair-2);color:var(--sa-text);}
.divgrid,.grid3{gap:14px;background:none;}
.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:36px 72px;}
.stat .n{font-size:clamp(3rem,7vw,5.2rem);line-height:1;color:var(--sa-gold);}
.stat .l{font-weight:500;font-size:.92rem;margin-top:10px;color:var(--sa-text-dim);opacity:1;}

/* ---- forms on parchment ---- */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]),textarea,select{width:100%;padding:13px 14px;margin-bottom:10px;border:1px solid var(--sa-parch-line);border-radius:var(--sa-r-sm);background:#fff;color:var(--sa-ink-strong);font-size:16px;line-height:1.4;}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sa-gold-dark);box-shadow:0 0 0 3px var(--sa-gold-soft);}
textarea{resize:vertical;}
::placeholder{color:var(--sa-ink-faint);opacity:1;}
.note,.notewrap{min-height:20px;font-size:.86rem;margin:10px 2px 0;}
.noticebox,.notice-box,.emergency{border:1px solid var(--sa-parch-line);border-inline-start:3px solid var(--sa-gold-dark);border-radius:var(--sa-r-sm);background:var(--sa-parch-raise);color:var(--sa-ink-soft);padding:18px 22px;text-align:start;line-height:1.65;opacity:1;}
.emergency{border-color:var(--sa-red-dark);border-inline-start-width:5px;background:#fff5f4;color:var(--sa-ink-strong);}
.emergency b{color:var(--sa-red-dark);display:block;margin-bottom:6px;font-size:1.02rem;}

/* ---- the reveal: subtle, and a no-JS reader gets the whole page ---- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s var(--sa-ease),transform .8s var(--sa-ease);}
.reveal.in,.no-js .reveal{opacity:1;transform:none;}

/* ---- the ב״ה corner ---- */
.sabh{position:fixed;top:env(safe-area-inset-top,0px);inset-inline-end:env(safe-area-inset-right,0px);z-index:240;box-sizing:border-box;width:46px;height:24px;margin:0;padding:6px 10px 5px;font-family:var(--sa-hebrew);font-size:11px;line-height:13px;letter-spacing:.02em;white-space:nowrap;direction:rtl;unicode-bidi:isolate;text-align:right;color:var(--sa-text);mix-blend-mode:difference;opacity:.72;pointer-events:none;-webkit-user-select:none;user-select:none;}

/* ---- shaimos (D7): a dim hairline line on screen, the full notice in print ---- */
.sa-shaimos{max-width:1100px;margin:0 auto;padding:12px 18px;border-top:1px solid var(--sa-hair);font-size:.78rem;line-height:1.6;color:var(--sa-text-mute);text-align:center;background:none;border-radius:0;}
.sa-shaimos strong{font-weight:600;color:var(--sa-text-dim);}
.whitescreen+.sa-shaimos,.parch+.sa-shaimos{border-top-color:var(--sa-parch-line);color:var(--sa-ink-faint);}

/* ---- the ecosystem band (arenas.mjs → _ecosystem.mjs), on the ink card ---- */
.sa-eco{background:var(--sa-bg-raise);color:var(--sa-text);padding:78px 24px 84px;border-top:1px solid var(--sa-hair);}
.sa-eco-in{max-width:1180px;margin:0 auto;}
.sa-eco-k{margin:0 0 14px;}
.sa-eco h2.sa-eco-t{font-size:var(--sa-fs-h2);line-height:1.1;margin:0 0 14px;color:var(--sa-text);}
.sa-eco-l{font-size:1rem;line-height:1.6;max-width:640px;color:var(--sa-text-dim);margin:0 0 38px;opacity:1;}
.sa-eco-g{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));}
.sa-eco-g li{margin:0;padding:0;}
.sa-eco-g a{height:100%;}
.sa-eco h3.sa-eco-n{font-family:var(--sa-serif);font-weight:500;font-size:1.15rem;margin:0 0 8px;color:var(--sa-text);}
.sa-eco-w{display:block;font-size:.88rem;line-height:1.5;color:var(--sa-text-dim);margin:0;opacity:1;}
.sa-eco-all{margin:34px 0 0;font-size:.95rem;color:var(--sa-text-dim);line-height:1.6;opacity:1;}
.sa-eco-all a{margin-top:0;min-height:0;display:inline;}

/* ---- the footer partial (nav.js fills the four groups; the static file keeps the legal line) ---- */
.sa-foot{background:var(--sa-bg);color:var(--sa-text);padding:72px 24px 40px;border-top:1px solid var(--sa-hair);}
.sa-foot-in{max-width:1180px;margin:0 auto;}
.sa-foot-big{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;max-width:560px;margin:0 0 44px;color:var(--sa-text);}
.sa-foot-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px 28px;}
.sa-foot-h{margin:0 0 12px;}
.sa-foot-groups a,.sa-foot-langs a{display:block;color:var(--sa-text-dim);text-decoration:none;font-size:.92rem;font-weight:400;padding:6px 0;transition:color var(--sa-dur) var(--sa-ease);}
.sa-foot-groups a:hover,.sa-foot-langs a:hover{color:var(--sa-gold);}
.sa-foot-groups a[aria-current="page"],.sa-foot-langs a[aria-current="true"]{color:var(--sa-gold);}
.sa-foot-langs{display:flex;flex-wrap:wrap;gap:4px 22px;margin:40px 0 0;padding-top:22px;border-top:1px solid var(--sa-hair);}
.sa-foot-langs a{display:inline-block;}
.sa-foot-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:24px;padding-top:22px;border-top:1px solid var(--sa-hair);font-size:.82rem;color:var(--sa-text-mute);}
.sa-foot-legal a{color:var(--sa-text-dim);text-decoration:none;}
.sa-foot-legal a:hover{color:var(--sa-gold);}
.sa-foot-bh{font-family:var(--sa-hebrew);color:var(--sa-gold);font-size:.95rem;}
.sa-copy{display:inline;margin:0;font-size:inherit;letter-spacing:0;opacity:1;}

/* ---- the site map directory ---- */
.dircontent{background:var(--sa-parch);color:var(--sa-ink-strong);padding:0 24px 120px;}
.dirwrap{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;}
.sec{padding:26px 24px;}
.sec h2{margin-bottom:14px;}
.sec a{display:block;padding:9px 0;color:var(--sa-ink-strong);text-decoration:none;font-size:1rem;font-weight:500;border-bottom:1px solid var(--sa-parch-line);}
.sec a:last-child{border-bottom:none;}
.sec a:hover{color:var(--sa-gold-dark);}
.sec a small{display:block;color:var(--sa-ink-faint);font-size:.8rem;font-weight:400;margin-top:2px;}

/* ---- the homepage ---- */
.sa-def{margin:18px auto 0;max-width:720px;font-size:clamp(1rem,1.6vw,1.2rem);color:var(--sa-text);line-height:1.6;}
.sa-def b{color:var(--sa-gold);font-weight:600;}
.sa-groups{width:100%;max-width:1180px;margin:0 auto;display:grid;gap:34px;text-align:start;}
.sa-group-h{display:flex;align-items:baseline;gap:14px;margin-bottom:14px;border-bottom:1px solid var(--sa-parch-line);padding-bottom:10px;}
.sa-group-h .kick{margin:0;}
.sa-group-h span{font-size:.86rem;color:var(--sa-ink-faint);}
.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.sa-tile{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--sa-parch-line);border-radius:var(--sa-r-md);padding:16px 16px 16px 14px;color:var(--sa-ink-strong);text-decoration:none;min-height:44px;transition:border-color var(--sa-dur) var(--sa-ease),transform var(--sa-dur) var(--sa-ease),box-shadow var(--sa-dur) var(--sa-ease);}
.sa-tile:hover,.sa-tile:focus-visible{border-color:var(--sa-gold-dark);transform:translateY(-2px);box-shadow:var(--sa-sh-1);}
.sa-tile .ic{flex:0 0 40px;width:40px;height:40px;border-radius:var(--sa-r-sm);background:var(--sa-parch-raise);color:var(--sa-gold-dark);display:flex;align-items:center;justify-content:center;font-family:var(--sa-serif);font-weight:700;font-size:1.05rem;}
.sa-tile.crisis .ic{background:#fdeceb;color:var(--sa-red-dark);}
.sa-tile b{display:block;font-family:var(--sa-serif);font-weight:500;font-size:1.05rem;line-height:1.25;margin-bottom:4px;}
.sa-tile>span:not(.ic){display:block;min-width:0;}
.sa-tile span span{display:block;font-size:.84rem;line-height:1.45;color:var(--sa-ink-soft);}
.sa-feat{min-height:72vh;}
.sa-feat .c{max-width:760px;}
.sa-how{background:var(--sa-bg-raise);color:var(--sa-text);padding:96px 24px;border-top:1px solid var(--sa-hair);}
.sa-how-in{max-width:1180px;margin:0 auto;text-align:center;}
.sa-how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:42px;text-align:start;counter-reset:sa-step;}
.sa-how-steps .sa-card{position:relative;padding-top:26px;}
.sa-how-steps .sa-card::before{counter-increment:sa-step;content:counter(sa-step,decimal-leading-zero);display:block;font-family:var(--sa-serif);font-weight:700;color:var(--sa-gold);font-size:1.2rem;margin-bottom:10px;}
.sa-how-steps h3{color:var(--sa-text);font-size:1.15rem;margin-bottom:8px;}
.sa-how-line{margin:34px auto 0;max-width:640px;font-size:.9rem;color:var(--sa-text-mute);line-height:1.6;border-top:1px solid var(--sa-hair);padding-top:18px;}
.sa-how-line b{color:var(--sa-text-dim);font-weight:600;}
.sa-carousel{position:relative;min-height:70vh;overflow:hidden;background:var(--sa-bg-raise);}
.sa-carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--sa-ease);display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px;}
.sa-carousel .slide.on{opacity:1;position:relative;}
.sa-carousel .slide .c{position:relative;z-index:2;}
.sa-carousel .slide h3{font-family:var(--sa-serif);font-weight:700;font-size:clamp(1.8rem,4vw,3rem);color:var(--sa-text);line-height:1.1;}
.sa-carousel .k{font-size:.72rem;letter-spacing:var(--sa-track-kick);text-transform:uppercase;color:var(--sa-gold);font-weight:600;margin-bottom:14px;}
.sa-carousel .ctl{position:absolute;bottom:22px;inset-inline:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:6px;}
.sa-carousel .dots{display:flex;gap:2px;}
.sa-carousel .dots button{width:44px;height:44px;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.sa-carousel .dots button::before{content:"";width:24px;height:4px;border-radius:2px;background:var(--sa-hair-2);transition:background var(--sa-dur) var(--sa-ease);}
.sa-carousel .dots button.on::before,.sa-carousel .dots button:hover::before{background:var(--sa-gold);}
.sa-carousel .arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--sa-hair-2);background:rgba(8,9,13,.5);color:var(--sa-text);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;}
.sa-carousel .arrow:hover{border-color:var(--sa-gold);color:var(--sa-gold);}

/* ---- the crisis pages: calmer parchment, a quick exit, the direct lines ---- */
.sa-crisis .hero .veil{background:linear-gradient(180deg,rgba(8,9,13,.62),rgba(8,9,13,.55) 45%,rgba(8,9,13,.84));}
.sa-crisis .whitescreen{background:var(--sa-parch);}
.sa-exit{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-start:20px;z-index:239;min-height:44px;padding:0 18px;border-radius:var(--sa-r-pill);border:1px solid var(--sa-parch-line);background:var(--sa-parch);color:var(--sa-ink-strong);font-weight:600;font-size:.86rem;cursor:pointer;box-shadow:var(--sa-sh-1);display:inline-flex;align-items:center;gap:8px;}
.sa-exit:hover{border-color:var(--sa-red-dark);color:var(--sa-red-dark);}
.sa-lines{max-width:820px;margin:0 auto 34px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.sa-lines a,.sa-lines button{margin-top:0;}

/* ---- the fitness video ---- */
.sa-vid{position:relative;}
.sa-vid .sa-vidbtn{position:absolute;bottom:18px;inset-inline-end:18px;z-index:3;min-height:44px;padding:0 18px;border-radius:var(--sa-r-pill);border:1px solid var(--sa-hair-2);background:rgba(8,9,13,.62);color:var(--sa-text);font-weight:600;font-size:.86rem;cursor:pointer;}
.sa-vid .sa-vidbtn:hover{border-color:var(--sa-gold);color:var(--sa-gold);}

/* ---- responsive ---- */
@media(max-width:900px){.screen{padding:calc(var(--sa-nav-h) + 24px) 20px 72px;}.arena{padding:96px 20px;min-height:70vh;}}
@media(max-width:700px){.sa-foot{padding:56px 20px 32px;}.sa-eco{padding:58px 20px 62px;}.stats{gap:26px 40px;}.sa-how{padding:72px 20px;}}
@media(max-width:520px){.hero .acts .btn,.hero .acts .btn-2{width:100%;}.sa-grid{grid-template-columns:1fr;}}

/* ---- a finger, not a pointer: the 44px floor on every control ---- */
@media(pointer:coarse){
 .btn,.btn-2,.go,.btn-3,.ra-go,.sa-more,.sa-tile,.sec a,.sa-foot-groups a,.sa-foot-langs a,.sa-foot-legal a,.divcard,.ra-card,.reslist a,.doors a{min-height:44px;}
 .sec a,.sa-foot-groups a,.sa-foot-langs a{padding:11px 0;}
 .sa-foot-legal a,.sa-eco-all a{display:inline-flex;align-items:center;min-height:44px;}
 .sa-shaimos{padding:14px 18px;}
}

/* ---- stillness: the system asked, the page listens (JS mirrors this in nav.js) ---- */
@media(prefers-reduced-motion:reduce){
 .hero .bg{animation:none;}
 .reveal{opacity:1;transform:none;transition:none;}
 .sa-carousel .slide{transition:none;}
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
 html{scroll-behavior:auto!important;}
}

/* ---- print: ink on paper, the chrome gone, shaimos in full ---- */
@media print{
 body,html{background:#fff !important;color:#000 !important;}
 .screen,.arena,.hero,section,.sa-foot,.sa-eco,.sa-how,.whitescreen,.blackscreen{background:#fff !important;color:#000 !important;min-height:0 !important;}
 .bg,.veil,.gbg,.gveil,.sa-exit,.sa-vidbtn,.reveal:not(.in){display:none !important;}
 .reveal{opacity:1 !important;transform:none !important;}
 .sa-nav,#saov,#sahelp,#sahp,#saContact,.sa-menubtn{display:none !important;}
 a{color:#000 !important;text-decoration:underline;}
 .sa-shaimos{display:block;border:1px solid #999;padding:12px 16px;font-size:.9rem;color:#000;background:#fff;}
 .sa-eco h2.sa-eco-t,.sa-eco h3.sa-eco-n,.sa-foot-big{color:#000;}
 .sa-eco-g a,.sa-card{background:#fff;border-color:#bbb;color:#000;}
}

/* ===== shared blocks the shell used to inline on every page (T5) ===== */
/*sa-touch*/
@media(pointer:coarse){
 .menubtn{min-width:44px;min-height:44px;align-items:center;justify-content:center;}
 .overlay .cls{padding:12px 16px;margin:-12px -16px;}
 .mega-col a{padding:12px 0;}
 .overlay .langs a{padding:10px 6px;margin:-10px -6px;}
 .nav .links a{min-height:44px;}
 .sarail nav a{min-height:44px;display:inline-flex;align-items:center;}
 .salv>summary{min-height:44px;}
 .salv .salmenu .salc{min-height:44px;}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
 html{scroll-behavior:auto!important;}
}

/*sa-a11y*/
/* the skip link is hidden with the clip pattern — never a physical off-screen offset,
   which on a right-to-left page is a 9999px scroll width (design audit D1) */
.sa-skip{position:absolute;top:0;inset-inline-start:0;z-index:9999;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--sa-gold);color:var(--sa-on-gold);padding:12px 20px;font:600 0.9rem var(--sa-sans);text-decoration:none;border-radius:0 0 var(--sa-r-sm) 0;}
.sa-skip:focus{width:auto;height:auto;overflow:visible;clip-path:none;}
.js .sa-nolink{display:none;}
.sa-nolink{color:var(--sa-text);text-decoration:none;font-size:.9rem;}
:focus-visible{outline:2px solid var(--sa-gold);outline-offset:2px;}
#sa-main:focus{outline:none;}

/*sa-rtl*/
/* the Hebrew pages were copied from the English ones with the stylesheet intact,
   so everything the design leans on a physical side for leaned the wrong way.
   The shell is written in logical properties; these mirror the page-specific rules. */
[dir="rtl"] .content,[dir="rtl"] .card,[dir="rtl"] .noticebox,[dir="rtl"] .emergency,
[dir="rtl"] .m,[dir="rtl"] .gcard,[dir="rtl"] .formwrap,[dir="rtl"] .notewrap,
[dir="rtl"] td,[dir="rtl"] th{text-align:start;}
[dir="rtl"] .content .kick,[dir="rtl"] .content h2,[dir="rtl"] .content>p.lede{text-align:center;}
[dir="rtl"] .card li{padding-inline-start:30px;padding-inline-end:0;}
[dir="rtl"] .card li::before{inset-inline-start:0;left:auto;}
[dir="rtl"] .sitenav>span[style*="margin-left:auto"]{margin-left:0!important;margin-right:auto!important;}
[dir="rtl"] #teachBtn{right:auto;left:20px;}
[dir="rtl"] #teachLabel{right:auto;left:94px;}

/*sa-print*/
@media print{
 body{background:#fff !important;color:#000 !important;}
 .screen,.arena,.hero,section,footer{background:#fff !important;color:#000 !important;}
 .bg,.veil,.gbg,.gveil{display:none !important;}
 .nav,.sa-nav,.overlay,#saov,#sahelp,#sahp,.menubtn,.sa-menubtn{display:none !important;}
 a{color:#000 !important;text-decoration:underline;}
}
@media print{.sabh{mix-blend-mode:normal;color:#000;opacity:1;}}

/*sa-nojs*/.no-js .reveal{opacity:1;transform:none;}
/*sa-eco*/.sa-eco-g a{height:100%;}
/*sa-forms*/.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
form{margin:0;}
button.cancel{width:100%;background:none;border:0;font:inherit;cursor:pointer;}
#teachBtn:focus-visible{outline:2px solid var(--sa-gold);outline-offset:3px;}