/* Lucide icons are stroke-based (fill="none", stroke="currentColor").
   Material for MkDocs sets fill: currentColor on all SVGs, which turns
   stroke-based icons into solid silhouettes. Restore the correct rendering. */
svg.lucide {
  fill: none !important;
}

/* Pill-shaped buttons — needs .md-typeset prefix to match Material's specificity */
.md-typeset .md-button {
  border-radius: 100px;
}

/* Nav item spacing — Material default is .625em; increase to match Zensical */
.md-nav__link {
  margin-top: 0.8em;
}

/* Ensure h1 has full contrast in all colour schemes */
.md-content h1 {
  color: var(--md-default-fg-color);
}

/* ── Mobile overrides ─────────────────────────────────────────────────────── */
@media screen and (max-width: 44.9375em) {
  /* Tighten the gap between the nav bar and page content */
  .md-main__inner {
    margin-top: 0.4rem;
  }

  /* Prevent Material from forcing buttons to full width on small screens */
  .md-typeset .md-button {
    display: inline-block !important;
    width: auto !important;
  }
}