and never matches
that selector, so it collapsed to 98px against 815px rows and dragged the
menu and its four items down with it. width:100% on all three gives them
the sibling treatment. Padding is zeroed on both sides to match the
13px 0 the sibling links use. */
.nav__case{display:block;width:100%}
.nav__case-t{display:none}
.nav__case-m{position:static;display:block;width:100%;min-width:0;border:0;background:none;padding:0}
.nav__case-i{width:100%;padding-left:0;padding-right:0}
/* ALTERNATION ACROSS THE FLATTENED COLUMN. In the bar the four children sit
inside a closed panel and uniform navy is right, so this is scoped to this
block only.
Nine items, and position 9 is Contact. Perfect alternation needs 9 to be
navy because 1 is navy and 9 is odd - but Contact is pinned orange-ink for
the SIX-item bar, where it lands on an even position. So Contact is
flipped to navy here and only here. Sequence becomes
navy orange navy orange navy orange navy orange navy - zero adjacent
pairs. Both inks pass on the sheet ground: navy 14.77:1, orange-ink
5.15:1. */
.nav__case-i:nth-of-type(even){color:#A9501A}
.nav__links > a.nav__link[href$="#contact"]{color:#14233F}
}
/* ==========================================================================
TRIAL - ORBITRON ON THE NAV (appended block, delete to revert)
Founder asked to see it. This is a TRIAL, not a ruling: Orbitron is a font
the site does not carry, and the design system is locked, so it ships only
if the founder says so. Deleting this block restores Chakra Petch with no
other change.
Scoped to the nav items only - the wordmark, ticker, buttons and every other
use of --font-command are untouched, so nothing outside the nav run moves.
Orbitron is a WIDE face; size is stepped down and tracking tightened to hold
the six-item run at the width the founder already accepted.
========================================================================== */
/* THICKER. Orbitron tops out at 700 and is a wide face, so weight alone
does not read heavy - the size comes up with it and the tracking comes in to
pay for the extra width. Delete this whole trial block to return to
Chakra Petch. */
.nav__links .nav__link{font-family:"Orbitron","Chakra Petch",system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em}
.nav__case-i{font-weight:700;font-size:13px;letter-spacing:.02em}
@media (max-width:1240px){.nav__links .nav__link{font-size:12px;letter-spacing:.01em}}
/* ==========================================================================
HEADER TABS - THICKER (founder instruction)
Each nav item gets more height and more width so it reads as a tab rather
than a bare word. Padding only: no new token, no colour change, and the
orange underline still spans the item because ::after is width:100%.
The row gap comes down so the wider items do not push the run out of the
1240 breakpoint. Delete this block to restore.
========================================================================== */
.nav__links{gap:10px}
.nav__links .nav__link{padding:20px 16px}
.nav__case-m .nav__link{padding:14px 16px}
@media (max-width:1240px){.nav__links .nav__link{padding:16px 12px}}
/* ============================================================
ABOUT DROPDOWN — colour run repair, 2026-08-14
About became a .nav__case
, which took it OUT of the
`.nav__links > a.nav__link:nth-of-type(odd/even)` run. That run
is what alternates navy/orange across the bar, so removing one
anchor re-coloured every item after it. The intended rhythm is
Home navy / About orange / Get help navy / Organizations orange
/ The Case navy / Contact orange, so the two items whose parity
flipped are re-asserted by href, and the About trigger is given
the orange it inherited as an anchor. The generic .nav__case-t
rule keeps The Case navy.
Both inks pass on the header ground: navy 14.77:1, orange-ink
5.15:1 — same pair already cleared for this bar. */
.nav__links .nav__about-t{color:#A9501A}
.nav__links > a.nav__link[href$="get-help.html"]{color:#14233F}
.nav__links > a.nav__link[href$="for-organizations.html"]{color:#A9501A}