/* vizpane.com — HORIZON 2026-11 (warm accent, owner 04.11.2026: "Highlight, Blau trägt"; Design_System DESIGN.md
   Register 8, "Warm-Akzent"; tokens/horizon.css). HZ10a of docs/plans/2026-11-04-horizon-warm.md.
   Loaded after vp-horizon.css, which stays byte-identical: a new file name, because .htaccess serves CSS immutable
   for a year and a changed vp-horizon.css would never reach returning visitors.
   Blue still carries headlines, links, buttons, tiles and charts. Orange marks ONE element per page: the hero's key
   figure, the "0" of "0 bytes egress" (.hl-num; owner choice 04.11.2026, the CTA stays blue). Warm only as text
   colour here, never as body text. The site is light-only (external websites stay light). */
/* IBM Plex Mono, the unmodified original (owner 04.11.2026: the 280-glyph web subset may not carry the Reserved
   Font Name "Plex"). Here and not in vp-horizon.css, which stays byte-identical (immutable cache): loaded later,
   this rule wins for Plex 400, so a returning visitor's cached base sheet never fetches the old subset (SR-hz-c-04). */
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/vp/fonts/IBMPlexMono-Regular.ttf") format("truetype"); }

:root {
  --warm-1: #FFC15A; --warm-2: #FF8A4C; --warm-3: #F0533F;
  --grad-warm: linear-gradient(90deg, var(--warm-1) 0%, var(--warm-2) 55%, var(--warm-3) 100%);
  --warm-text: #C2410C; --warm-bg: #FFF4EA; --warm-ink: #1A0F08;
  --warm-glow: 0 18px 50px rgba(240, 83, 63, .22);
}
[data-horizon="2026-11"] .hl-num { color: var(--warm-text); font-weight: 700; font-variant-numeric: tabular-nums; }

/* Tap targets ≥ 44 px (house rule for every viewport). The 26.09. sheet sized these links at 33–43 px; the fix lives
   here, under the same opt-in, so vp-horizon.css stays byte-identical and cached copies stay valid. */
[data-horizon="2026-11"] .wordmark,
[data-horizon="2026-11"] .nav-cta,
[data-horizon="2026-11"] .legal .back { min-height: 44px; }
[data-horizon="2026-11"] .footer-top li a,
[data-horizon="2026-11"] .footer-contact { display: inline-flex; align-items: center; min-height: 44px; padding-top: 0; padding-bottom: 0; }
[data-horizon="2026-11"] .footer-top li { break-inside: avoid; }
/* inline-block (not flex), so the space in "Powered by <b>…</b>" survives; 1px more padding than the 43 px of 26.09. */
[data-horizon="2026-11"] .attribution { padding: 11px 0; margin: -11px 0; }