/* ========================================================================== legal.css — the document layer for the nine chrome pages (the eight compliance documents + 404.html) Tier 2 Wave 3. brand.css is the design system and is loaded FIRST. This file declares NO colour token, NO type role, NO radius, NO shadow and NO button, card, nav, chip or footer type — every one of those now comes from brand.css. What is left here is exactly four things: §2 nav BEHAVIOUR the logo cross-fade, the toggle, the drawer, the scrim. brand.css §9.1 draws the bar; it does not own the drawer. Lifted verbatim from index.html §1 so the two stay in step. §3–§6 the DOCUMENT the breadcrumb, the title block, the reading column, the TOC, the callouts, the tables, the back-to-top. §7 footer LAYOUT the four-column grid. brand.css §8 sets its type. §8 print §9 is the OVERRIDE BLOCK: the three things brand.css does not define that a legal document needs. Every one is listed in the Wave 3 report. Nothing else in this file declares font-size, line-height or font-weight. ========================================================================== */ /* ========================================================================== §1 — RESET & BASE Ground: LIGHT. `data-theme="light"` sits on ; the footer re-declares itself dark. Every colour below reads --ground / --fg / --line / --accent. ========================================================================== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; /* An anchor landing must clear the sticky bar. --nav-h is 56 / 64. */ scroll-padding-top: calc(var(--nav-h) + var(--sp-4)); -webkit-text-size-adjust: 100%; } body { color: var(--fg); background: var(--ground); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; } img { max-width: 100%; height: auto; display: block; } .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* brand.css §9.2 draws the skip link (it is in the .btn list). Only its position and its reveal belong to the page. */ .skip-link { position: absolute; top: -100px; left: var(--sp-4); z-index: 1000; transition: top var(--dur-ui) var(--ease-out); } .skip-link:focus { top: var(--sp-4); outline: 3px solid var(--navy-deep); outline-offset: 2px; } /* ========================================================================== §2 — NAV BEHAVIOUR (lifted from index.html §1 — keep the two in step) The bar itself — height, material, container, logo scale, links, CTA — is brand.css §9.1 / §8.7. This block is only what the bar DOES. ========================================================================== */ /*