/* Design V3: customer-supplied journey panels and quiet technical references. */
.process-page .process-intro { max-width: 680px; margin: 0 auto; font-size: 16px; }
.process-page .process-purchase-action { margin-top: 28px; }
.process-page .flow-section { padding-bottom: 60px; }
.process-page .flow-map-label { margin-bottom: 0; }
.process-page .flow { max-width: 980px; }
.process-page .flow-body { grid-template-columns: 170px minmax(0, 1fr); gap: 36px; }
.process-page .flow-artwork { width: 100%; max-width: 170px; margin: 0; }
/* The brochure panels contain a dark square frame; show only the inner round illustration. */
.process-page .flow-illustration { aspect-ratio: 1; clip-path: circle(44% at 50% 50%); }
.process-page .flow-artwork figcaption {
  margin-top: 8px; font: 11px/1.5 var(--sans); color: var(--muted);
}
.technology-source { margin: 20px 0 0; font: 12px/1.7 var(--sans); color: var(--muted); }
.technology-source a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.technology-source a:hover { color: var(--heading); }
.technology-source a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.laboratory-placeholder .inner-page { min-height: 58vh; }
.laboratory-placeholder-links { text-align: center; padding: 0 24px 80px; }
@media (max-width: 767px) {
  .process-page .flow-map-link { grid-template-rows: auto; }
  .process-page .flow-map-index { grid-row: 1; }
  .process-page .flow-map-label { margin-bottom: 0; }
  .process-page .flow-body { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .process-page .flow-artwork { grid-column: 1; grid-row: 1; max-width: 150px; }
  .process-page .flow-illustration { margin-top: 0; }
  .process-page .flow-copy { grid-column: 1; grid-row: 2; }
  .process-page .flow-copy h2 { text-wrap: balance; }
}