/* ODDDT ODT-SYS001-R6.2 — RESPONSIVE BREAKPOINTS (Pass 4, 2026-07-24)
   RATIFIED IN FULL — px cutoffs locked by Luke 2026-07-24.
   Five tiers, mobile-first, NO width cap — ultrawide (>=2560 OR aspect >=21/9)
   MAY go horizontal multi-rail; page-level composition only, component
   contracts unchanged. NOTE: CSS custom properties cannot be used inside
   @media conditions — these tokens are the canonical record; media queries
   repeat the literals and cite the token name in a comment. */
:root{
  --od-bp-mobile:720px;    /* <=720 — single column, masthead collapses, cards 1-up @kind other */
  --od-bp-tablet:1080px;   /* 720–1080 — telemetry returns, cards 2-up, margin --od-margin @kind other */
  --od-bp-desktop:1440px;  /* 1080–1440 — full layout, natural spans, monument at ramp @kind other */
  --od-bp-large:2560px;    /* 1440–2560 — margins open to --od-m-96+, vertical to --od-m-160/256 @kind other */
  --od-bp-ultrawide:2560px;/* >=2560 OR (min-aspect-ratio:21/9) — MAY go multi-rail @kind other */
}