/* Service pillar page and service detail pages: overview split with deliverable
   panel, catalogue card grids and related-service links. Additive only, built on
   the same tokens and patterns as the approved inner-page sections. */

/* Overview split: prose column plus deliverable panel */
.overview { padding: var(--section-space) 0; }
.overview__grid { display: grid; grid-template-columns: 56fr 44fr; gap: 48px; align-items: start; }
.overview__content h2 { margin-bottom: 16px; }
.overview__content > p:not(.eyebrow) { margin-bottom: 18px; }
.overview__actions { display: flex; flex-wrap: wrap; gap: 16px 32px; margin-top: 28px; }
.overview__actions .text-link { margin-top: 0; }

.overview__panel {
  padding: 30px 28px;
  background-color: var(--color-charcoal);
  border: 1px solid rgba(23, 105, 255, 0.28);
  border-radius: var(--radius-card);
}
.overview__panel h2 { margin-bottom: 10px; font-size: 1.375rem; }
.overview__panel > p { font-size: 0.9375rem; }
.overview__list { display: grid; gap: 13px; margin-top: 22px; }
.overview__list li { display: flex; align-items: flex-start; gap: 12px; font-size: 0.9375rem; font-weight: 500; color: var(--color-text-light); }
.overview__list .icon { width: 20px; height: 20px; margin-top: 4px; color: var(--color-primary); }
.overview__note { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--color-border); font-size: 0.875rem; }
.overview__note a { color: var(--color-blue-light); text-decoration: underline; text-underline-offset: 3px; }
.overview__note a:hover { color: var(--color-text-light); }

/* Two-column card grids for four-item service catalogues */
.value-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Links inside cards */
.value-card .text-link,
.step .text-link { margin-top: 18px; font-size: 0.9375rem; }

/* Responsive adjustments */
@media (max-width: 960px) {
  .overview__grid { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 640px) {
  .value-grid--2 { grid-template-columns: 1fr; }
}