:root {
  --md-primary-fg-color: #3f4f8f;
  --md-accent-fg-color: #b7791f;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  letter-spacing: 0;
}

.astraterra-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
  gap: 0.75rem;
  margin: 1.5rem 0 2rem;
}

.astraterra-feature-grid a {
  display: grid;
  gap: 0.35rem;
  justify-items: center;
  padding: 0.75rem 0.5rem;
  color: var(--md-default-fg-color);
  text-align: center;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  transition:
    border-color 125ms,
    transform 125ms;
}

.astraterra-feature-grid a:hover {
  border-color: var(--md-accent-fg-color);
  transform: translateY(-0.1rem);
}

.astraterra-feature-grid img {
  width: min(100%, 7rem);
  aspect-ratio: 1;
  object-fit: contain;
}

.astraterra-feature-grid span {
  font-weight: 600;
}