base.css

html { font-size: 100%; }

/* scroll-margin-top on headings (content.css) handles the sticky-header
   offset for anchor jumps. A page-wide scroll-padding-top here would also
   apply to focus()-triggered scrolling of anything inside the sticky header
   itself (e.g. the search trigger), which sits within that reserved band and
   would get nudged out of it — producing a large, jarring scroll on focus. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body { color: var(--docs-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.md-grid { max-width: 90rem; }

/* Inlined Ionicons SVGs (see theme/partials/icon.html). Mirrors the defaults
   the old Ionicons web component applied via its shadow :host — 1em box and
   currentColor fill — so icons inherit text color and stay sized when no more
   specific rule sets width/height. Outline icons carry stroke="currentColor"
   and fill="none" in the source SVG, so this fill only affects solid glyphs
   such as logo-github. */
.docs-icon { display: inline-block; width: 1em; height: 1em; flex-shrink: 0; fill: currentColor; box-sizing: content-box; }