/* ========================================================================== MyGymDay — base.css · V2 EDITORIAL -------------------------------------------------------------------------- Reset, document defaults, the type ramp and the layout primitives. Nothing here belongs to a single page or section — that lives in site.css. Loaded after tokens.css and before site.css. The two web faces are requested from the of every page, not with an @import here: an @import inside this file would not be discovered until this file had downloaded and parsed, which lengthens the swap. See any page head for the preconnect + display=swap pattern. TYPE RAMP CONTRACT. The class names below are a fixed interface, because the four legal documents' markup is frozen (their wording is what Google Play reads) and they must restyle without an HTML edit. So the interface is fixed and the SIZES behind it are not — .t-hero is the proof: .t-hero (index.html, partners.html — a rung of its own now, sitting between .t-poster and .t-display. It WAS a literal alias of .t-poster, which set eleven elements across two pages at one size; see the long comment above the rule for what that cost) .t-overline -> .t-eyebrow (all four legal pages, always with .t-lime) .t-subheading (kept as a text-face rung; V2's own ramp has no sub-heading, but prose h3 and the not-yet-rebuilt pages still ask for one) Adding a selector to an existing rule costs nothing and keeps six pages working. Splitting one rule into two, as .t-hero needed, costs nothing either. Renaming a class in frozen markup does not. ========================================================================== */ /* ── Reset ────────────────────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; /* The sticky header must not cover an anchor target. */ scroll-padding-top: calc(var(--mgd-site-header-h) + var(--mgd-space-xl)); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body, h1, h2, h3, h4, h5, h6, p, figure, figcaption, blockquote, dl, dd, ul, ol { margin: 0; } /* Only opt-in lists lose their markers. A list inside .prose is a legal document's list and keeps its bullets — that is why this is scoped to role="list" and not to every