.overview-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 4rem;
  align-items: center;
}

.overview-content h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  line-height: 1.15;
  font-family: var(--font-serif);
  color: var(--heading-color);
}

.overview-content p {
  margin-top: 1rem;
  max-width: 520px;
}

.overview-points {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Overview CSS */
.overview-point {
  padding: 1.25rem;
  /* Replaced with .card in base.css or inherited vars */
  background: var(--surface-bg);
  border: 1px solid var(--surface-border);
  border-radius: 8px;
}

.overview-point h3 {
  margin: 0.4rem 0 0.25rem;
  font-size: 1rem;
}

.overview-point p {
  font-size: 0.8rem;
}

/* Mobile */
@media (max-width: 900px) {
  .overview-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}