/* NEUROSERVER M2-2 — deterministic adapter for six migrated legacy service pages.
   Canonical base: service-detail-template.css.
   Purpose: preserve current source content counts while fitting the accepted family geometry. */

body.service-detail-m2-page .service-detail-context .service-outcomes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.2vw, 22px);
}

body.service-detail-m2-page .service-detail-workflow .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.2vw, 22px);
}

body.service-detail-m2-page .service-detail-architecture .service-convergence-diagram {
  min-height: clamp(320px, 26vw, 520px);
  padding: clamp(28px, 3vw, 56px);
}

body.service-detail-m2-page .service-detail-process .service-process.home-conv-route {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.service-detail-m2-page .service-detail-process .service-process__step {
  grid-column: span 2;
}

body.service-detail-m2-page .service-detail-process .service-process__step:nth-child(4) {
  grid-column: 2 / span 2;
}

body.service-detail-m2-page .service-detail-process .service-process__step:nth-child(5) {
  grid-column: 4 / span 2;
}

body.service-detail-m2-page .service-detail-intake__related {
  min-width: 0;
}

body.service-detail-m2-page .service-detail-intake__related > .service-section__header {
  display: block;
  margin-bottom: clamp(24px, 2vw, 36px);
}

body.service-detail-m2-page .service-detail-intake__related > .service-section__header h3 {
  margin: 0;
  color: var(--site-ink);
  font-family: var(--site-display);
  font-size: clamp(24px, 1.6vw, 34px);
  line-height: 1.1;
}

body.service-detail-m2-page .service-detail-intake__related > .service-section__header p {
  margin: 12px 0 0;
  color: var(--site-muted);
  font-size: clamp(15px, .9vw, 18px);
  line-height: 1.55;
}

body.service-detail-m2-page .service-detail-intake .service-related.service-process {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.service-detail-m2-page .service-detail-intake .service-related__link:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

body.service-detail-m2-page .service-detail-faq .faq-list.ai-faq-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

body.service-detail-m2-page .service-detail-faq .faq-item:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

body.service-detail-m2-page .service-detail-hero__summary {
  align-self: stretch;
}

@media (max-width: 1500px) {
  body.service-detail-m2-page .service-detail-process .service-process.home-conv-route {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.service-detail-m2-page .service-detail-process .service-process__step,
  body.service-detail-m2-page .service-detail-process .service-process__step:nth-child(4),
  body.service-detail-m2-page .service-detail-process .service-process__step:nth-child(5) {
    grid-column: auto;
  }

  body.service-detail-m2-page .service-detail-process .service-process__step:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  body.service-detail-m2-page .service-detail-context .service-outcomes,
  body.service-detail-m2-page .service-detail-workflow .service-grid,
  body.service-detail-m2-page .service-detail-intake .service-related.service-process,
  body.service-detail-m2-page .service-detail-faq .faq-list.ai-faq-list {
    grid-template-columns: 1fr;
  }

  body.service-detail-m2-page .service-detail-intake .service-related__link:last-child:nth-child(odd),
  body.service-detail-m2-page .service-detail-faq .faq-item:last-child:nth-child(odd) {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  body.service-detail-m2-page .service-detail-process .service-process.home-conv-route {
    grid-template-columns: 1fr;
  }

  body.service-detail-m2-page .service-detail-process .service-process__step,
  body.service-detail-m2-page .service-detail-process .service-process__step:last-child {
    grid-column: auto;
  }
}