/* === System Font Stack for Body Text === */
.md-typeset {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.2px;
}

/* === Headings – Slightly Bolder === */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 600;
}

/* === Code: Use Native Monospace === */
.md-typeset code,
.md-typeset pre,
.md-typeset kbd {
  font-family: "SF Mono", "Monaco", "Cascadia Code", Consolas, "Courier New", monospace;
  font-size: 0.925em;
  font-feature-settings: "liga" on, "calt" on; /* Better ligatures */
}

/* Optional: Improve code block readability */
.md-typeset pre {
  line-height: 1.45;
}

/* === Top nav icons only ===
 * Material picks up `icon:` front-matter and renders it in three places:
 * the top tabs (`.md-tabs__link`), the left sidebar (`.md-nav__link`),
 * and the page heading. We only want the icon in the top tabs — the
 * sidebar copy reads as visual noise on top-level entries. The chevron
 * SVG is inside a `.md-nav__icon` span (separately classed) so this
 * rule leaves the expand/collapse arrows untouched.
 */
.md-nav__link > svg {
  display: none;
}