/* Layout for /approach/ only: the page heading and the small label on the worked example.
   Everything else comes from components (section, card, cta-band). */

.approach__head { --lead-gap: var(--space-3); padding-block: var(--space-7) 0; }
.approach__head h1 { margin: 0 0 var(--space-3); }

.approach__tag { margin: 0 0 var(--space-3); }
.approach__text { max-width: 62ch; margin: var(--space-4) 0 0; color: var(--muted); }
.approach__text a { color: var(--teal-ink); font-weight: 700; }

@media (max-width: 760px) { .approach__head { padding-block: var(--space-6) 0; } }