/* Component refinements */
.mini-cards {
  display: grid;
  gap: 1rem;
}

.mini-card h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
  color: var(--color-accent);
}

.features {
  display: grid;
  gap: 1.5rem;
}

.feature-item h3 {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
}

.two-column.problem .col-text .section-title {
  max-width: 20ch;
}

.page-home .hero-headline {
  max-width: none;
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}