/* 運営者について（home_page/about.html）。カードグリッドは landing.css の
   .course-cards/.course-card を流用し、実績ハイライトだけ専用のクラスを足す。 */

.about-page.legal-page {
  max-width: 56rem;
}

.about-lead {
  font-size: var(--text-lg);
  color: var(--color-muted);
}

.about-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.about-card {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
}

.about-card h3 {
  margin: 0 0 0.25rem;
  font-size: var(--text-base);
  color: var(--color-text-heading);
}

.about-card-meta {
  margin: 0 0 var(--space-1);
  font-size: var(--text-sm);
  color: var(--color-muted);
}

.about-page .course-cards {
  margin-bottom: var(--space-3);
}