/* Service pages: bands that used to sit in one narrow column now use the
   width of the wrap, while each block of reading text keeps a sane measure. */

/* ── Topics without an aside (Scope, Symptoms, Diagnosis): two columns ── */
.prose--grid { max-width:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s7) clamp(2rem,5vw,4.5rem); }
.prose--grid > * + * { margin-top:0; }
.prose--grid > :not(.topic) { grid-column:1 / -1; max-width:68ch; }
.topic { padding-top:var(--s5); border-top:1px solid var(--rule); }
.band--ink .topic { border-top-color:var(--rule-ink); }
.topic > * + * { margin-top:var(--s4); }
.prose--grid .topic h3 { margin-top:0; }

/* ── Process: a wider title column and a longer line for the text ── */
.defs .def { grid-template-columns:3rem minmax(0,20rem) minmax(0,1fr); }
.defs .def__d { max-width:74ch; }

/* ── Questions (not Home, which has its own layout): two columns ── */
.wrap:not(.questions-layout) .faq { max-width:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(2rem,5vw,4.5rem); }

/* ── Closing call to action: the claim left, the next step right ── */
@media (min-width:1001px) {
  #contact .cta { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); column-gap:clamp(2rem,6vw,6rem); align-items:end; }
  #contact .cta > .label { grid-column:1; }
  #contact .cta__title { grid-column:1; grid-row:2 / span 2; }
  #contact .cta > .lead { grid-column:2; grid-row:2; }
  #contact .cta__acts { grid-column:2; grid-row:3; }
}

@media (max-width:860px) {
  .prose--grid, .wrap:not(.questions-layout) .faq { grid-template-columns:minmax(0,1fr); }
  .defs .def { grid-template-columns:2.5rem minmax(0,1fr); }
  .defs .def__d { grid-column:2; }
}

/* ── A band of prose alone (e.g. the Position): heading left, held in view; text right ── */
@media (min-width:1001px) {
  .wrap--essay { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:clamp(2rem,6vw,6rem); align-items:start; }
  .wrap--essay > .head { position:sticky; top:7rem; }
  .wrap--essay > .prose { max-width:68ch; }
}
