html { font-size: 100%; }

html { scroll-padding-top: 5rem; 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; }