/* V1 — Original, refined. White page, black ink, restrained greys.
   Archivo for display and reading, IBM Plex Mono for small English labels,
   IBM Plex Sans Arabic for Arabic. Monochrome portraits. */
:root {
  --paper: #FFFFFF; --paper-2: #F4F4F4;
  --ink: #0A0A0A; --ink-soft: #3D3D3D; --ink-mute: #6B6B6B;
  --rule: #E4E4E4; --rule-strong: #BDBDBD; --control: #8A8A8A; --bar-focus: #FFFFFF;
  --accent: #0A0A0A; --accent-deep: #333333; --on-accent: #FFFFFF;
  --row-hover: #F4F4F4; --error: #A3261E;
  --select-bg: #0A0A0A; --select-ink: #FFFFFF;
  --bar-bg: #0A0A0A; --bar-ink: #FFFFFF; --bar-rule: #3A3A3A; --bar-btn-bg: #FFFFFF; --bar-btn-ink: #0A0A0A;
  --foot-bg: #FFFFFF; --foot-ink: #0A0A0A; --foot-mute: #6B6B6B; --foot-rule: #E4E4E4; --foot-logo-filter: invert(1);
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-read: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --fw-display: 700; --fw-title: 600; --fw-label: 500; --fw-btn: 600;
  --ls-display: -0.035em; --ls-display-2: -0.03em; --ls-headline: -0.025em; --ls-title: -0.015em; --ls-label: 0.01em; --ls-num: 0.08em;
  --lh-body: 1.6;
  --portrait-filter: grayscale(1) contrast(1.05); --portrait-filter-hover: grayscale(1) contrast(1.12);
  --quote-style: normal;
}
html[lang="ar"] {
  --font-display: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-read: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-ui: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-mono: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --ls-display: 0; --ls-display-2: 0; --ls-headline: 0; --ls-title: 0; --ls-label: 0; --ls-num: 0;
  --fs-display: clamp(2.25rem, 1.1rem + 3.8vw, 4rem);
}
/* small mono English labels, as on the original site */
html[lang="en"] :is(.num, .crumbs .folio, .guide__title, .steps__label, .cite__label, .aside__title, .footer__title, .tiers thead th, .svc__toggle, .steps__note) { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8125rem; font-weight: 500; }
html[lang="en"] .svc__toggle { font-size: 0.72rem; }
.btn { border-radius: 0; }
.lang { color: var(--ink-soft); }
.hd { border-bottom-color: var(--rule); }
.section--deep { background: var(--paper-2); }
.consult__form { border-color: var(--rule); }
.footer { border-top-color: var(--rule-strong); }