/* ============================================================================
   .p-qualification-routing - /qualification-routing
   REGENERATED (cycle 6): the page consumes the shared component layer
   (components.css c-hero/c-center+c-head/c-steps/c-list/c-prose/c-cta/
   c-btn-row) directly. Nothing here re-declares a component's layout - no
   grid-template-columns, gap, max-width, or text-align on a c-* element.
   What remains: the two display close-lines, the routing list items, the one
   arrow-chain line, the guarantee-boundary block, and the CTA chip
   specificity repair - everything the components do not express.
   ========================================================================== */

/* HERO - fully componentized (c-hero + __title/__deck/__cta/__note).
   The old .qr-hero padding-top override is gone: base.css's floating-pill
   clearance rule on the first section already reserves --nav-clear and
   outranked it anyway.
   cycle 10: the mono keyword chain now reads directly under the deck, inside
   the button row's baseline group, and the band closes on the buttons instead
   of ~260px of dead black above a second black section. */
.p-qualification-routing #hero{ padding-bottom:var(--s-6); }
.p-qualification-routing .p-qr__hero-chain{ white-space:nowrap; }
@media (max-width:767px){
  .p-qualification-routing .p-qr__hero-chain{ white-space:normal; }
}

/* ================= THE TWO DISPLAY CLOSE-LINES =================
   c-center owns the measure and the centering; this is only the display face
   the statement is spoken in (was .qr-why-system__close / .qr-framework__close,
   two copies of the same treatment). */
.p-qualification-routing .p-qr__close{
  margin-top:clamp(40px,5vw,56px);
  font-family:var(--f-display); font-size:var(--t-h3); line-height:var(--lh-h3);
  font-weight:600; letter-spacing:var(--track-h3); color:var(--paper-full);
}
.p-qualification-routing .section--blue .p-qr__close{ color:var(--text-on-blue); }
/* the merged-in line leads the framework band, so it carries no top rhythm of
   its own - it opens the section and the head follows it. */
.p-qualification-routing .p-qr__close--lead{
  margin-top:0; margin-bottom:clamp(40px,5vw,56px);
}

/* ================= QUALIFICATION FRAMEWORK (blue) - c-steps delta =================
   the only c-steps instance on a royal field: base.css's on-blue text rule
   outranks .numeral, so the lime numeral is restored here. The step bodies run
   one size step above base so the six-item grid does not read lighter than the
   deck above it. */
.p-qualification-routing .c-steps__num{ color:var(--lime); }
.p-qualification-routing .c-steps__copy{ font-size:var(--t-body-lg); }

/* ================= OPPORTUNITY ROUTING (lime) - c-list items =================
   c-list owns the wide 2-col grid, its gaps and its left reading orientation.
   Only the top rule that separates the head from the grid, and the item's own
   internal stack, are page-level. */
.p-qualification-routing .c-list{ margin-top:clamp(40px,5vw,56px); }
.p-qualification-routing .p-qr__route{
  display:grid; grid-template-columns:1fr; gap:6px;
  padding-top:var(--s-5); border-top:1px solid rgba(10,10,10,.16);
}
.p-qualification-routing .p-qr__route-name{ font-size:var(--t-h4); }
.p-qualification-routing .p-qr__route-line{ max-width:42ch; opacity:.82; }

/* ================= HOW IT MOVES - the one page-unique diagram line =================
   the hairline-bracketed arrow chain. Repointed off --text-on-blue-muted,
   which it was wrongly using on a black field, onto the paper ramp.
   cycle 10: the chain takes the full wrap width with its stages spaced across
   it, instead of a thin 60rem column framed by black gutter. */
.p-qualification-routing .p-qr__flow-chain{
  margin-top:clamp(40px,5vw,56px); margin-bottom:clamp(28px,4vw,40px);
  padding-block:var(--s-5);
  border-top:1px solid var(--ink-40); border-bottom:1px solid var(--ink-40);
  font-size:clamp(14px,1.6vw,17px); line-height:1.9; letter-spacing:.005em;
  color:var(--paper);
}
@media (min-width:1024px){
  .p-qualification-routing .p-qr__flow-chain{
    display:flex; flex-wrap:wrap; align-items:baseline;
    justify-content:space-between; gap:var(--s-3);
  }
}
.p-qualification-routing .p-qr__flow-stage{ white-space:nowrap; }
/* the arrow-link is an inline-flex atom; c-center on nothing above it, so it
   carries its own rhythm from the prose block. */
.p-qualification-routing .p-qr__flow-link{ margin-top:clamp(28px,4vw,40px); }

/* ================= THE GUARANTEE BOUNDARY (blue) =================
   asserted character-for-character (CONTRACT.md §7). c-center owns the measure
   and the centering; this sets the hairline, the rhythm and the on-blue face. */
.p-qualification-routing .p-qr__boundary{
  margin-top:clamp(40px,5vw,56px);
  padding-top:var(--s-6); border-top:1px solid rgba(245,245,245,.22);
  font-size:var(--t-note); line-height:1.9; letter-spacing:.01em;
  color:var(--text-on-blue);
}

/* ================= FINAL CTA (lime) =================
   c-cta and its title/chip/deck/note carry the whole band. The title is set in
   two curtain-revealed lines, which need a hair of leading between them. */
.p-qualification-routing .c-cta__title .reveal-mask{ margin-bottom:.06em; }
.p-qualification-routing .c-cta__title .reveal-mask:last-child{ margin-bottom:0; }
/* SPECIFICITY REPAIR (not a component override - the component's own value,
   restored). base.css:127 `.section--lime :where(p,li,span,…):not(.hi):not(.btn)`
   computes to (0,3,0) because :not() counts, so it outranks .c-cta__chip (0,1,0)
   and paints the chip's text lime-ink on its ink-0 field - black on black. This
   ties at (0,3,0) and wins on order. Same repair as outbound-operations.css;
   it belongs in components.css, flagged to owner. */
.p-qualification-routing .c-cta__title .c-cta__chip{ color:var(--lime); }

/* ---------------------------------------------------------------------------
   responsive: the two dense page-level blocks tighten on phones
--------------------------------------------------------------------------- */
@media (max-width:639px){
  .p-qualification-routing .p-qr__flow-chain{ font-size:var(--t-eyebrow); line-height:2; }
  .p-qualification-routing .p-qr__boundary{ font-size:var(--t-small); }
}