/* Shared styles for the legal pages (terms / privacy / accessibility). Mirrors the palette and header of index.html. */
:root{
  --ink:#0A2342;--ink-2:#14335C;--accent:#1E5EDB;--accent-soft:#E7EFFC;--paper:#F4F7FC;--card:#FFFFFF;
  --text:#24344A;--muted:#5F6F86;--line:#DCE4F0;--on-ink:#FFFFFF;--on-ink-muted:#A9BCD6;--wa:#1F8F55;
  --f-display:"Rubik","Assistant","Arial Hebrew",Arial,sans-serif;
  --f-body:"Assistant","Rubik","Arial Hebrew",Arial,sans-serif;
  --s-1:.875rem;--s0:1rem;--s1:1.125rem;--s2:1.375rem;--s3:1.875rem;--s4:2.6rem;
  --gutter:clamp(16px,4vw,48px);--max:1180px;--radius:14px;color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--f-body);font-size:var(--s1);line-height:1.75;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);color:var(--ink);line-height:1.2;margin:0;text-wrap:balance;font-weight:700;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--ink);color:var(--on-ink);padding:8px 14px;z-index:100;border-radius:8px}
.skip:focus{inset-inline-start:8px}

.btn{display:inline-flex;align-items:center;gap:.6em;font:500 var(--s0)/1 var(--f-body);padding:1em 1.6em;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px)}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:var(--ink)}

/* header */
.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand svg{width:46px;height:46px;flex:none}
.wm{line-height:1;display:block}
.wm b{display:block;font-family:var(--f-display);font-size:1.6rem;font-weight:800;color:inherit}
.wm small{display:block;font-family:var(--f-display);font-size:.82rem;font-weight:500;letter-spacing:.21em;color:var(--accent);margin-top:5px}
.nav{display:flex;gap:28px;font-size:var(--s0)}
.nav a{text-decoration:none;color:var(--text);padding-block:6px}
.nav a:hover,.nav a[aria-current]{color:var(--accent)}
.top-cta{display:flex;align-items:center;gap:16px}
.top-phone{font-weight:500;text-decoration:none;color:var(--ink);direction:ltr;font-variant-numeric:tabular-nums}
@media (max-width:960px){.nav{display:none}.top .brand{order:2}}
@media (max-width:560px){.top-phone{display:none}.top .btn{padding:.8em 1.1em;font-size:.9rem}.wm b{font-size:1.35rem}.brand svg{width:40px;height:40px}}

/* page */
.crumbs{font-size:var(--s-1);color:var(--muted);padding-top:28px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5em}
.crumbs li+li::before{content:"‹";margin-inline-end:.5em;color:var(--muted)}
.crumbs a{color:var(--accent);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.page-head{padding:18px 0 28px}
.page-head h1{font-size:clamp(2rem,5vw,var(--s4))}
.page-head p{color:var(--muted);margin-top:10px;font-size:var(--s0)}
.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start;padding-bottom:72px}
.toc{position:sticky;top:96px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;font-size:var(--s-1);max-height:calc(100vh - 120px);overflow:auto}
.toc h2{font-size:var(--s1);margin-bottom:10px}
.toc ol{margin:0;padding-inline-start:1.4em;display:grid;gap:6px}
.toc a{text-decoration:none;color:var(--text)}
.toc a:hover{color:var(--accent);text-decoration:underline}
.doc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,4vw,48px);font-size:var(--s0);min-width:0;overflow-wrap:anywhere}
.doc>*+*{margin-top:14px}
.doc h2{font-size:var(--s2);margin-top:38px;padding-top:6px;border-top:1px solid var(--line);padding-top:26px}
.doc h2:first-child,.doc .lead+h2{margin-top:28px}
.doc h3{font-size:var(--s1);margin-top:22px}
.doc .lead{font-size:var(--s1);color:var(--ink)}
.doc ul,.doc ol{margin-block:10px 0;padding-inline-start:1.4em;display:grid;gap:6px}
.doc a{color:var(--accent)}
.doc .num{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.doc .note{background:var(--accent-soft);border-radius:10px;padding:14px 18px;color:var(--ink)}
.doc .contact-box{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.doc .contact-box p+p{margin-top:4px}
.layout.one{grid-template-columns:minmax(0,860px)}
@media (max-width:900px){.layout{grid-template-columns:1fr}.toc{position:static;max-height:none}}

/* floating whatsapp */
.fab{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -8px rgba(0,0,0,.4)}
.fab svg{width:28px;height:28px}

/* accessibility widget (same as index.html) */
.a11y-btn{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--on-ink);border:2px solid var(--on-ink);display:grid;place-items:center;cursor:pointer}
.a11y-btn svg{width:24px;height:24px}
.a11y-panel{position:fixed;right:18px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:46;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;width:min(260px,calc(100vw - 36px));display:grid;gap:8px;box-shadow:0 20px 40px -20px rgba(0,0,0,.35);font-size:var(--s0)}
.a11y-panel b{font-family:var(--f-display);color:var(--ink);font-size:1.1rem}
.a11y-panel button,.a11y-panel a{font:inherit;font-size:var(--s-1);text-align:start;padding:.6em .9em;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none}
.a11y-panel button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
html.a11y-contrast{filter:contrast(1.35)}
html.a11y-gray{filter:grayscale(1)}
html.a11y-contrast.a11y-gray{filter:grayscale(1) contrast(1.35)}
html.a11y-links a{text-decoration:underline!important;outline:2px dashed var(--accent);outline-offset:2px}
html.a11y-font body,html.a11y-font h1,html.a11y-font h2,html.a11y-font h3{font-family:Arial,sans-serif!important}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
