/* Abovely — base styles shared by every page: the typeface, the brand palette, the logo, then the header menu.
   Brand: direction "Zenith" (a point above a line). Air background, Night ink, one warm accent, First Light,
   used as a point (dots, the validated mark, active markers), never as a large fill. Source of truth: the
   brand handoff in docs/encyclopedia/design/brand.md.
   Typeface: Assistant, one variable font (300 to 600) for Latin and Hebrew, served from our own site
   (/vendor/fonts-2/, SIL Open Font License). A new cut goes in a new folder (fonts-3), never over these. */
@font-face{font-family:"Assistant";font-style:normal;font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-style:normal;font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
/* The former typefaces now resolve to Assistant, so any page or script still naming them gets the brand face
   and their files are never downloaded. */
@font-face{font-family:"Figtree";font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-latin.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-latin.woff2) format("woff2")}
@font-face{font-family:"Heebo";font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Frank Ruhl Libre";font-weight:200 800;font-display:swap;src:url(/vendor/fonts-2/assistant-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}

/* Brand palette, mapped onto the variable names the pages already use. "html:root" outranks the ":root" blocks
   inside each page, so every page takes the brand colours without being rewritten one by one. */
html:root{
  --air:#F2F6F9; --air-raised:#FFFFFF; --haze-soft:#E8EEF2; --haze:#DAE2E8; --haze-strong:#C2CDD6;
  --night:#1F2A40; --night-deep:#192236; --night-raised:#2A3550; --mist:#4E5970;
  --first-light:#E0935B; --first-light-bright:#EEA36C; --first-light-deep:#A9592A; --first-light-soft:#F7E8DD;
  --layer-parks:#7CBF8E; --layer-schools:#D9A26F; --layer-transit:#6FB1CF; --layer-noise:#B79AD1;
  --shadow-card:0 1px 2px #1F2A400F,0 8px 24px #1F2A400F; --shadow-raised:0 2px 4px #1F2A400F,0 16px 40px #1F2A401A; --shadow-overlay:0 24px 64px #19223638;
  --ease:cubic-bezier(.2,.7,.2,1);
  /* the names used across the site */
  --paper:var(--air); --bg:var(--air); --surface:var(--air-raised); --ink:var(--night); --ink-2:var(--night-raised); --muted:var(--mist); --line:var(--haze);
  --sea:var(--night); --sea-2:var(--first-light); --sea-soft:var(--first-light-soft);
  --accent:var(--night); --accent-2:var(--first-light); --accent-soft:var(--first-light-soft); --amber:var(--first-light);
  --display:"Assistant",system-ui,-apple-system,sans-serif; --body:"Assistant",system-ui,-apple-system,sans-serif;
  /* no monospace in the consumer interface: figures use Assistant with tabular numbers */
  --mono:"Assistant",system-ui,sans-serif;
}
html body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html h1,html h2{font-weight:300;letter-spacing:-.01em}
html h3{font-weight:600}
html :focus-visible{outline:none;box-shadow:0 0 0 3px var(--first-light-soft),0 0 0 1px var(--night);border-radius:6px}
html a{color:var(--night)}
html ::selection{background:var(--first-light-soft)}

/* Logo: the symbol (a First Light point above a Night line) and "abovely" in Assistant Light */
html .brand{display:inline-flex;align-items:center;gap:9px;font:300 27px/1 var(--body);letter-spacing:.01em;color:var(--ink);text-decoration:none;white-space:nowrap}
html .brand .logo-sym{width:24px;height:24px;flex:none;overflow:visible}
.logo-sym circle{fill:var(--first-light)}.logo-sym rect{fill:currentColor}
html .brand span{color:inherit}

/* Buttons and inputs: pills in Night, one tone lighter on hover, no shrink on press */
html .btn{border-color:var(--night);background:var(--night);color:#fff;font-weight:600;transition:background .12s var(--ease),border-color .12s var(--ease)}
html .btn:hover{background:var(--night-raised);border-color:var(--night-raised)}
html .btn.ghost{background:transparent;color:var(--night);border-color:var(--haze-strong)}
html .btn.ghost:hover{background:var(--haze-soft)}
html .field input,html .field select,html .field textarea{border-color:var(--haze);border-radius:10px;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}
html .field input:focus,html .field select:focus,html .field textarea:focus{outline:none;border-color:var(--night);box-shadow:0 0 0 3px var(--first-light-soft)}

/* Sentence case everywhere in the consumer interface: labels lose the mono capitals */
html .eyebrow{font:600 13px/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--mist)}
html .chip{font:600 13px var(--body);letter-spacing:0;background:var(--haze-soft);color:var(--night)}

/* Cards: white on Air, radius 20, Night-tinted shadow, lift 2 px on hover */
html .card{border-radius:20px;box-shadow:var(--shadow-card);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
html .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}

/* Footer signature */
.tagline{font:300 15px/1.4 var(--body);color:var(--mist)}

@media (prefers-reduced-motion:reduce){html .card,html .btn{transition:none}html .card:hover{transform:none}}

/* ---------- header menu ---------- */
/* shared header menu: language, units, account (and the page links on small screens) */
.hmenu{position:relative;flex:none}
.links+.hmenu{margin-inline-start:4px}
.hm-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:600 12px var(--body)}
.hm-burger{display:grid;gap:3px}.hm-burger i{display:block;width:14px;height:2px;border-radius:2px;background:var(--ink)}
.hm-panel{position:absolute;inset-inline-end:0;top:44px;width:min(300px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.35);padding:12px 14px;display:grid;gap:12px;z-index:40}
.hm-panel[hidden]{display:none}
.hm-links{display:none;flex-direction:column;gap:2px}
.hm-links a{color:var(--ink);text-decoration:none;padding:9px 4px;border-radius:8px;font-size:15px}.hm-links a[aria-current="page"]{font-weight:600;color:var(--sea)}
.hm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.hm-acct{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px;font-size:13px}
@media (max-width:860px){.hm-links{display:flex}}

html h1 em,html h2 em{font-style:normal;color:var(--first-light-deep)}
html body{font-variant-numeric:tabular-nums}