/* pages/partner.css: Partner With Us (v3, P2-D). Placements only; the form parts are foundation components,
   .formwrap / .redirect-panel / .steps are commercial.css. Spec: D 4.11, REWORK-PLAN 4.7, V3-9. */

/* opens like a hero: 80px above the h1 at 1280 */
.partner { padding-top: clamp(3rem, 7vw, 5rem); }

/* intro: lead 24 under the h1; "What happens next." 48 under the lead, its lines 16 under it */
.partner__intro .lead { margin: var(--s-5) 0 0; }
.formwrap__next-h { margin: var(--s-7) 0 var(--s-4); }
/* the three lines: .steps as one closed hairline list, number beside the line */
.partner__next { grid-template-columns: minmax(0, 1fr); gap: 0; border-bottom: 1px solid var(--line); }
.partner__next > li { display: grid; grid-template-columns: 2.5em minmax(0, 1fr); align-items: baseline; padding-block: var(--s-3); }
.partner__next .steps__no { margin: 0; }

/* two columns: the intro stays in view while the form scrolls, if the window is tall enough */
@media (min-width: 820px) and (min-height: 720px) {
  .partner__intro { position: sticky; top: calc(var(--header-h-compact) + var(--s-6)); }
}

/* groups by space (DM 6.4): intent | contact | detail | send, 48 apart, 24 inside */
.inquiry__contact { display: grid; gap: var(--s-5); }
.inquiry__contact,
.inquiry [data-branch="scale"],
.inquiry [data-branch="scale"][hidden] + .note-block,
.inquiry .form__legal { margin-top: var(--s-5); }

/* radios: one column at every width (gate P2; foundation .choices) */

/* no-JS: the two redirect sentences under the radios */
.inquiry__nojs { display: grid; gap: var(--s-2); }
.inquiry__nojs p { margin: 0; }

/* phones: the primary spans the column, the reply-time line under it */
@media (max-width: 559px) { .form__submit .btn { flex: 1 1 100%; } }

/* script focus clears the sticky header; the header CTA's first-radio focus keeps the question in view */
.inquiry :is(.form__summary, .redirect-panel, .field, .form__success, .form__error) { scroll-margin-top: calc(var(--header-h) + var(--s-5)); }
.inquiry .choice input { scroll-margin-top: calc(var(--header-h) + var(--s-8)); }

/* S-76 (Reed 2026-10-24 "far too long"): the topic radios in two columns from 560 (short labels; fields stay one column,
   Baymard); the confidentiality hint sits under the message label */
@media (min-width: 560px) { .inquiry__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-5); } }
.inquiry__routes > legend { grid-column: 1 / -1; }
.inquiry__routes .choice { padding-block: 8px; font-size: var(--fs-5); }
.inquiry .field__hint { margin: 0 0 var(--s-2); font-size: var(--fs-6); line-height: 1.5; color: var(--muted); }
.inquiry__contact { gap: var(--s-4); }