/* type.css — The type of §5.3: Vazirmatn 400/500/700 self-hosted, never Tahoma, never Arial.
   
   The Persian digits §5.3 asks for are NOT here and are not the browser's: they are phase 01's
   server-side Jinja filter (`num` / `pct` / `fa`). This file only makes them tabular. */

/* Vazirmatn 400 / 500 / 700 and JetBrains Mono 400 / 500, served from this application's own
   origin. The prototype loaded them from Google Fonts; a panel that is opened on an Iranian
   network cannot depend on a third-party host, and the same reasoning ADR 0021 applies to htmx
   applies to a typeface: it arrives with the page or it does not arrive.
   JetBrains Mono is for the developer-facing module declaration only (§5.3). */
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/Vazirmatn-Regular.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:500;font-display:swap;src:url("/static/fonts/Vazirmatn-Medium.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:700;font-display:swap;src:url("/static/fonts/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/JetBrainsMono-Regular.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/static/fonts/JetBrainsMono-Medium.woff2") format("woff2")}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7}
button,input,select,textarea{font:inherit}
h1,h2{margin:0;font-weight:700;text-wrap:balance}
h1{font-size:22px}
h2{font-size:17px}
p{margin:0}
.sub{font-size:13px;color:var(--muted)}
.faint{color:var(--faint);font-size:13px}
.label{font-size:13px;color:var(--muted);font-weight:500}
.big{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.src{font-size:11px;color:var(--faint);font-weight:400;margin-inline-start:6px}
.rowcount{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:60px;text-align:end}
.hint{font-size:12px;color:var(--faint)}
.lock{font-size:12px;color:var(--faint)}
.err{color:var(--danger);font-size:13px}
.counter{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.counter.bad{color:var(--danger);font-weight:500}
.sect{font-size:12px;font-weight:500;color:var(--faint);letter-spacing:.02em;padding-top:6px;border-top:1px solid var(--line)}
.sect:first-child{border-top:0;padding-top:0}
.rule{font-size:15px;line-height:1.9;max-width:78ch;text-wrap:pretty}
.aitext{font-size:14px;line-height:1.9;max-width:78ch}
.vexp{display:block;max-width:82ch;line-height:1.8}
.num{text-align:center;font-variant-numeric:tabular-nums}
.asof{display:block;font-size:11px;color:var(--faint);line-height:1.6}
.warnt{color:var(--warn)}