.services-grid { gap: 14px; 
}

.services-grid .info-card { min-height: 160px; padding: 19px 20px; 
}

.services-grid .service-icon { width: 42px; height: 42px; margin-bottom: 12px; border-radius: 14px; 
}

.services-grid .service-icon svg { width: 22px; height: 22px; 
}

.services-grid .info-card h3 { margin-bottom: 7px; font-size: 17px; line-height: 1.24; 
}

.services-grid .info-card p { font-size: 14.25px; line-height: 1.46; 
}

.services-grid .service-card[data-modal="services.item1"],
.services-grid .service-card[data-modal="services.item2"],
.services-grid .service-card[data-modal="services.item4"],
.services-grid .service-card[data-modal="services.item5"],
.services-grid .service-card[data-modal="services.item6"] { border-color: rgba(24,91,157,.22); background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.88)); 
}

@media (max-width: 820px) {.services-grid .info-card { min-height: 0; padding: 18px; 
}
}

/* v820: crawlable internal links to service landing-page scaffolds. */
.service-page-link {
  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  color: var(--blue);
  font-weight: 700;
  text-decoration: none;
}
.service-page-link:hover { text-decoration: underline; }
.service-page-link-primary { margin-top: 4px; }

/* v832: service-title anchors remain crawlable fallbacks for SEO, while normal
   interaction is handled by the parent card modal. Do not visually present the
   title as a separate navigation target. */
.service-title-link { color: inherit; text-decoration: none; }
.service-title-link:hover, .service-title-link:focus-visible { color: inherit; text-decoration: none; }