/* ============================================================================= Ledgergard element baseline ("reboot") — US 6958 --------------------------------------------------------------------------- The normalization every page depends on and no component owns: box sizing, the body box, and the default margins / fonts / colors of bare HTML elements. Until US 6958 this layer came from Bootstrap Reboot, loaded from a CDN. That dependency was invisible precisely because it worked — remove the CDN link without replacing this and nothing errors, the app just quietly reverts to UA defaults: 1.2 line-height instead of 1.5, indented lists, browser-blue underlined links, native buttons and inputs dropping back to the small system font. So the reboot is re-homed here rather than deleted, and it is OURS: every value resolves through the design tokens (US 4953). Loaded immediately after tokens.css so component sheets can override it freely — specificity here is deliberately the lowest in the system (bare element selectors, no classes). Deliberately NOT set here: `body { font-size }`. The design system sets content density at the page primitive (`.lg-page`, layout.css) and the shell sets its own, so a base font-size would be a third source of truth for the same decision — and Bootstrap's 1rem matched the UA default anyway, so leaving it unset changes nothing. ========================================================================== */ /* ── Box model ───────────────────────────────────────────────────────────── */ /* Border-box everywhere: every width/padding pairing in the system is authored assuming it. Previously supplied by auth.css, which loaded app-wide and so was silently the app's reset sheet — the auth pages should not own that. */ *, *::before, *::after { box-sizing: border-box; } /* ── Document ────────────────────────────────────────────────────────────── */ body { margin: 0; /* Running-text leading. The one Reboot value with no other home: without it body text and any unclassed element fall back to the UA's ~1.2, which reads as cramped against every component that sets --line-height-normal. */ line-height: var(--line-height-normal); background: var(--color-background); color: var(--color-text); -webkit-font-smoothing: antialiased; } /* ── Headings & running text ───────────────────────────────────────────── Margins reset to zero rather than to a bottom margin: the system spaces siblings with .lg-stack / gap (see layout.css), and per-element margins collapse and double. Sizes are intentionally left to the UA here — a heading that needs the system's scale uses / .lg-text--*, and one that does not is chrome inside a component that sizes it. */ h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; } /* ── Lists ─────────────────────────────────────────────────────────────── Bare lists keep their markers and indentation (a real bulleted list — e.g. an import's error list — should look like one), but lose the UA's oversized padding in favour of the spacing scale. Component lists (nav, menus, grid chrome) strip markers themselves. */ ul, ol { margin: 0; padding-left: var(--spacing-xl); } /* ── Links ─────────────────────────────────────────────────────────────── Bootstrap was supplying link color app-wide; without this every anchor that is not a shell/auth component reverts to UA blue. Underline on hover only: the app is dense and most anchors sit in chrome where a permanent underline is noise — but it must be present on hover/focus so links are not identified by color alone (design-system: never color-only). */ a { color: var(--color-primary); text-decoration: none; } a:hover, a:focus-visible { text-decoration: underline; } /* ── Programmatic focus targets ────────────────────────────────────────── An element made focusable only so code can move focus to it — Blazor's puts tabindex="-1" on each page's

and focuses it after every navigation — must not draw a focus ring: the user did not tab there, and a box around the page title on every single navigation reads as a rendering bug. Reboot carried this rule; without it the UA ring reappeared on every page. Scoped to :not(:focus-visible), so genuine keyboard focus is untouched and still gets the shared indicator from a11y.css. */ [tabindex="-1"]:focus:not(:focus-visible) { outline: 0; } /* ── Form controls ─────────────────────────────────────────────────────── Native controls do not inherit typography — they use a small UA system font. Most design-system controls set --font-family-base explicitly, but every raw or structural control (a native