/* Shared "service card" component — used on the home page teaser grid and
   the "Other Services" cross-sell on a single service page. */

.services-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.service-card {
  padding: clamp(24px, 3vw, 32px) clamp(22px, 3vw, 28px);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.service-card__no { font-size: 11px; letter-spacing: 0.2em; color: var(--gold); }
.service-card__title { font-size: 21px; font-weight: 500; line-height: 1.24; color: var(--ink); }
.service-card__desc { font-size: 15px; line-height: 1.7; color: var(--body-text); text-wrap: pretty; }
.service-card__link { margin-top: auto; padding-top: 20px; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }