/* The original card SVGs have fixed dark fills; keep them visible in dark mode. */
[data-md-color-scheme="slate"] .md-typeset .card-icon {
  filter: brightness(0) invert(0.85);
}

/* Keep section cards balanced when icon proportions and title lengths differ. */
.md-typeset .section-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
  gap: 1rem;
}

.md-typeset .section-grid.cards > ul > li {
  position: relative;
  padding: 1.1rem;
}

/* Stretch the existing heading link across its card without extra tab stops. */
.md-typeset .section-grid .card-heading a::after {
  position: absolute;
  inset: 0;
  content: "";
}

.md-typeset .section-grid.cards > ul > li:focus-within {
  outline: 2px solid var(--md-accent-fg-color);
  outline-offset: 2px;
}

.md-typeset .section-grid .card-heading {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 2.6rem;
  margin: 0 0 0.8rem;
  line-height: 1.4;
}

.md-typeset .section-grid .card-icon {
  flex: 0 0 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
  margin: 0;
}

.md-typeset .section-grid .card-heading strong {
  font-size: 0.85rem;
}

.md-typeset .section-grid .card-heading a {
  text-decoration: none;
}

.md-typeset .section-grid .card-heading a:hover,
.md-typeset .section-grid .card-heading a:focus-visible {
  text-decoration: underline;
}

.md-typeset .section-grid .card-heading + p {
  margin: 0;
}