@charset "UTF-8"; /* ===================================================================== MarkNtel Advisors - Shared base Loads after tokens.css, before components.css. Two things live here: a minimal reset scoped to what this file's own components need (not a site-wide reset - each page's own page.css keeps its own, per CLAUDE.md's page-scope rule), and the two utility classes that have to exist before any page-specific stylesheet loads, because the skip link is the page's first focusable element and sits outside every page's own scoped styles. ===================================================================== */ *,*::before,*::after{box-sizing:border-box;} /* -------------------------------------------------------------------- Visually hidden, and the skip link built from it. MOVED HERE FROM home-page/assets/css/page.css, not deleted there. .mn-skip sits outside .mn-home in every page's DOM (it is the first thing after , before the header), so its styling was already written to be self-contained and page-independent - see the comment that travels with it below. That made it a shared rule hiding inside a page-specific file. home-page/page.css keeps its own copy rather than being edited to remove it: the two are identical, so there is no visual conflict, and leaving page.css alone here keeps this task scoped to the header rather than to a page it does not own. See header/NOTES.md, "The skip link now has two homes, on purpose". -------------------------------------------------------------------- */ .mn-vh{ position:absolute; inline-size:1px;block-size:1px; padding:0;margin:-1px; overflow:hidden;clip-path:inset(50%); white-space:nowrap;border:0; } .mn-skip{ position:absolute;inset-inline-start:-9999px;inset-block-start:0; z-index:100; padding:12px 20px; background:#040B34;color:#FFFFFF; /* Restated rather than var(--text): the skip link is the first focusable element and can be used before the webfont has swapped in, so it must not depend on a token whose value is a font that may not have arrived yet. */ font-family:'Source Serif 4',Georgia,'Times New Roman',serif; font-size:17px;font-weight:600;line-height:1.3;text-decoration:none; border-radius:0 0 4px; } .mn-skip:focus{inset-inline-start:0;} .mn-skip:focus-visible{outline:3px solid #0B8FA3;outline-offset:2px;}