/* What the site adds to the two Hebrew pages (on top of he.css): the legal block that every page of the site carries (English text, left to right).
   Logical properties only, no letter-spacing. */
.legal-wrap{margin-block-start:24px;padding-block:20px 8px;border-block-start:1px solid var(--line);color:var(--muted);font-size:14px}
.legal-foot{display:grid;gap:8px;justify-items:start;margin-block-start:12px}
.legal-foot p{margin:0}
.legal-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer__inline{display:flex;flex-wrap:wrap;gap:0 20px;list-style:none;margin:0;padding:0}
.footer__inline a,.legal-foot__langs a{display:inline-flex;align-items:center;min-block-size:44px}
.footer__withdraw{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:16px;border:1px solid currentColor;border-radius:10px;font-weight:700;text-decoration:none!important}
.sim-page .legal-foot a{color:var(--ink)}
.calc-page .legal-foot a{color:var(--brand)}
.calc-page .legal-wrap,.calc-page .footer .legal-foot{color:var(--muted-d)}
.calc-page .footer__withdraw{background:#fff;color:var(--brand)}
.sim-page .legal-foot .footer__withdraw{background:transparent;color:var(--ink)}
/* (v4.3) the row with the language switcher: one row at the end of the line, 44 px high. The switcher's own rules (src/l10n/langsw.css) are appended to this file by build.mjs. */
.topbar{display:flex;justify-content:flex-end;align-items:center;padding-block:8px 0}
.calc-page .nav__inner{gap:4px 12px;flex-wrap:wrap}
.calc-page .nav__end{display:flex;align-items:center;gap:12px;min-inline-size:0;margin-inline-start:auto}
@media (max-width:559px){.calc-page .nav__end .t-small{display:none}}

/* The language switcher (src/l10n/switcher.mjs). One component on every page: the English pages (header and the phone menu), the Hebrew pages and every language page.
   A <details> element: it opens and closes with no JavaScript (the file langsw.js, or the same lines inside site.js, adds Escape, a click outside and one-open-at-a-time).
   Logical properties only (no physical sides) and no added tracking: the same rules serve a page that reads right to left.
   Colours come from custom properties; the English pages use the site's design tokens, the two raw page types set their own below. 44 px targets, a visible focus ring, no movement of the page when it opens
   (the panel is positioned over the page), a calm 3-column grid on a wide screen and 2 columns down to 320 px. */
.langsw{position:relative;font-size:15px;line-height:1.25;--ls-fg:var(--text,#0A1628);--ls-muted:var(--text-muted,#5A6478);--ls-line:var(--border-strong,#D5D1C5);--ls-bg:transparent;--ls-hover:var(--ghost-hover-bg,#E6F6EF);
  --ls-panel:var(--surface,#fff);--ls-panel-line:var(--border,#E6E3DB);--ls-sel-bg:var(--success-bg,#E6F6EF);--ls-sel-fg:var(--success-fg,#00734C);--ls-accent:var(--action,#00875A);--ls-focus:var(--focus,#00875A)}
.langsw>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-block-size:44px;padding-inline:12px 10px;border:1px solid var(--ls-line);border-radius:999px;background:var(--ls-bg);color:var(--ls-fg);
  font:inherit;font-weight:600;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}
.langsw>summary::-webkit-details-marker{display:none}
.langsw>summary::marker{content:""}
.langsw>summary:hover{background:var(--ls-hover)}
.langsw>summary:focus-visible{outline:3px solid var(--ls-focus);outline-offset:2px}
.langsw[open]>summary{border-color:var(--ls-accent)}
.langsw__globe,.langsw__chev{flex:none;inline-size:18px;block-size:18px;opacity:.85}
.langsw__chev{inline-size:14px;block-size:14px;transition:transform .18s}
.langsw[open] .langsw__chev{transform:rotate(180deg)}
.langsw__cur{white-space:nowrap}
.langsw__panel{position:absolute;z-index:80;inset-block-start:calc(100% + 8px);inset-inline-end:0;inline-size:min(33rem,calc(100vw - 32px));max-block-size:min(75vh,28rem);overflow:auto;overscroll-behavior:contain;
  padding:8px;border:1px solid var(--ls-panel-line);border-radius:16px;background:var(--ls-panel);color:var(--ls-fg);box-shadow:0 18px 48px rgba(10,22,40,.18),0 4px 12px rgba(10,22,40,.08)}
.langsw__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr));gap:2px}
@media (min-width:600px){.langsw__list{grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr))}}
.langsw__list a{display:flex;align-items:center;gap:8px;min-block-size:44px;padding:4px 12px;border-radius:10px;color:var(--ls-fg);text-decoration:none;font-weight:500;overflow-wrap:anywhere;direction:inherit;unicode-bidi:isolate}   /* every name lines up with the page's own start edge; each link still carries its language's dir, and the letters keep their own order */
.langsw__list a:hover{background:var(--ls-hover);color:var(--ls-fg)}
.langsw__list a:focus-visible{outline:3px solid var(--ls-focus);outline-offset:-3px}
.langsw__list a[aria-current]{background:var(--ls-sel-bg);color:var(--ls-sel-fg);font-weight:650}
.langsw__list a[aria-current]::after{content:"";flex:none;margin-inline-start:auto;inline-size:6px;block-size:11px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
@media (prefers-reduced-motion:reduce){.langsw>summary,.langsw__chev{transition:none}}
@media (forced-colors:active){.langsw>summary{border-color:ButtonText}.langsw__list a[aria-current]{outline:2px solid Highlight}}
@media print{.langsw{display:none!important}}
/* English header: the globe only (the bar is full) and the name from 1320 px; the switcher hides when the bar turns into the phone menu (the nav is a size container: below 880 px the menu button and the drawer take over) */
.langsw--nav .langsw__cur{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.langsw--nav>summary{padding-inline:11px 9px;gap:6px}
@container (min-width:1320px){.langsw--nav .langsw__cur{position:static;inline-size:auto;block-size:auto;overflow:visible;clip-path:none}.langsw--nav>summary{padding-inline:12px 10px;gap:8px}}
@container (max-width:879px){.langsw--nav{display:none}}
/* English phone menu: a full-width row; the list opens in the flow of the menu (nothing floats over the page) */
.langsw--drawer>summary{display:flex;inline-size:100%;min-block-size:48px;border-radius:var(--r-md,9px);margin-block-start:var(--sp-2,8px)}
.langsw--drawer .langsw__panel{position:static;inline-size:auto;max-block-size:none;margin-block-start:6px;box-shadow:none;border-color:var(--ls-panel-line);padding:6px}
.langsw--drawer .langsw__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav__drawer .langsw__list a:not(.btn){min-block-size:44px;padding:4px 12px;font-weight:500}
.nav__drawer .langsw__list a[aria-current]{font-weight:650}
/* the pages of the free tools (raw pages) set their own colours */
.sim-page .langsw{--ls-fg:var(--ink,#F2F5FA);--ls-muted:var(--muted,#A9B3C4);--ls-line:rgba(255,255,255,.22);--ls-bg:rgba(255,255,255,.04);--ls-hover:rgba(255,255,255,.09);--ls-panel:var(--panel2,#13284B);--ls-panel-line:rgba(255,255,255,.16);
  --ls-sel-bg:rgba(61,214,140,.16);--ls-sel-fg:#7FE3B4;--ls-accent:var(--green,#3DD68C);--ls-focus:var(--blue,#4C8DFF)}
.calc-page .langsw{--ls-fg:var(--ink-d,#0A1628);--ls-muted:var(--muted-d,#4A5568);--ls-line:#9AA5B8;--ls-bg:#fff;--ls-hover:#EEF3FB;--ls-panel:#fff;--ls-panel-line:var(--line-d,#D9DEE7);
  --ls-sel-bg:#E6F6EF;--ls-sel-fg:var(--ok,#00794B);--ls-accent:var(--ok,#00794B);--ls-focus:var(--blue,#4C8DFF)}
.sim-page .langsw__panel,.calc-page .langsw__panel{box-shadow:0 18px 48px rgba(2,8,18,.45),0 4px 12px rgba(2,8,18,.25)}
.calc-page .langsw__panel{box-shadow:0 18px 48px rgba(10,22,40,.18),0 4px 12px rgba(10,22,40,.08)}