/* MR4 — Services Hub Page Styles */

.services-intro {
  max-width: 700px;
  margin: 0 auto var(--space-2xl);
  text-align: center;
}

.services-intro p {
  font-size: var(--font-size-lg);
  color: var(--color-text-light);
}

.services-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-lg);
}

.services-hub-grid .card {
  text-decoration: none;
  display: block;
}

.services-hub-grid .card__body {
  padding: var(--space-xl);
}

.services-hub-grid .card__title {
  font-size: var(--font-size-2xl);
}