/* ================================================================ RavenX — Brand Stylesheet v7 (Full Technical Audit) ================================================================ Palette : dull oxblood red, near-black, warm grey, soft white Type : Cormorant Garamond (display) + Inter (body) Signature : soft "wing-cut" diagonal clip + restrained glass panels on the Index & Dashboard pages only CHANGELOG (v6 -> v7) — two applied fixes, rest is audit-only (see the audit report delivered alongside this file): - Section 9 [CRITICAL FIX]: `minmax(300px, 1fr)` had no upper bound below 300px. On a 320px-wide phone, main's padding leaves ~288px of content width — less than the 300px floor — so the grid track couldn't shrink to fit and overflowed horizontally. Restored the `min(300px, 100%)` clamp the pre-v6 file had (as `min(260px, 100%)`) so the track shrinks instead of overflowing once the viewport can't fit 300px. - Section 23 [CRITICAL FIX]: `.nav-toggle-input` was `display: none` at every breakpoint, including the 640px range where the visible toggle button actually exists. display:none removes an element from the tab order entirely in every browser, so keyboard-only users had no way to reach or open the mobile menu — there was no focusable control behind the icon at all. Replaced with the same clip-based visually-hidden pattern already used for `.sr-only` (Section 21) at the 640px breakpoint specifically, plus a visible focus ring mirrored onto the label via `:focus-visible ~`. CHANGELOG (v5 -> v6) — full review, no redesign: - Section 23 [CRITICAL FIX]: `.nav-toggle-input:checked ~ nav` stopped working the moment the toggle moved inside
in v5 — general sibling combinators require a shared parent, and