/* Find-my-match form page — extracted from the inspector page so the form has its own page. Depends on editorial.css. */
.match-hero{max-width:760px;margin-inline:auto;text-align:center}
.match-hero .kicker,.match-hero h1,.match-hero .lede{margin-inline:auto}
.match-hero .lede{max-width:60ch}
.back-tiny{display:inline-block;color:var(--ink-3);font-size:.85rem;margin-bottom:var(--s4)}
.back-tiny:hover{color:var(--clay)}

.kicker{display:inline-block;font-family:var(--sans);font-weight:680;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#151815;background:var(--clay-500);padding:6px 13px;border-radius:999px;margin-bottom:var(--s4)}

/* hero quick-start widget */
.qs-card{background:var(--card);border:1px solid var(--line);border-top:2px solid #c9b184;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(var(--s5),3vw,var(--s6));text-align:left}
.qs-step{display:inline-block;font-family:var(--sans);font-weight:680;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-600)}
.qs-head h2{font-size:1.3rem;margin:4px 0 2px}
.qs-sub{font-size:.9rem;color:var(--ink-mute);margin-bottom:var(--s4)}
.need-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.need-grid{grid-template-columns:1fr}}
.need-card{text-align:left;border:1.5px solid var(--line);background:var(--card);border-radius:var(--radius);padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-family:var(--sans);transition:border-color .15s,background .15s,box-shadow .15s}
.need-card:hover{border-color:var(--clay-500)}
.need-card.on{border-color:var(--teal-700);background:var(--sage-100);box-shadow:var(--shadow-sm)}
.need-t{font-weight:640;color:var(--teal-900);font-size:.97rem}
.need-d{font-size:.8rem;color:var(--ink-mute);line-height:1.35}
.qs-loc{display:none;margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line-2)}
.qs-loc.show{display:block}
.qs-loc h3{font-size:1.05rem;color:var(--teal-900);margin-bottom:6px}
.qs-row{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin:10px 0}
@media(max-width:420px){.qs-row{grid-template-columns:1fr}}
.qs-row input,.qs-row select{width:100%;padding:12px 14px;border:1.5px solid var(--glass-brd);border-radius:var(--radius);font-family:var(--sans);font-size:1rem;background:var(--glass);color:var(--ink)}
.qs-row input::placeholder{color:var(--ink-mute)}
.qs-row select option{color:#0d2e2c}
.qs-continue{width:100%;justify-content:center;margin-top:4px}
.qs-fine{font-size:.79rem;color:var(--ink-mute);margin-top:10px;text-align:center;line-height:1.4}

/* matching form shell */
.match-shell{max-width:760px;margin-inline:auto;background:var(--card);border:1px solid var(--line);border-top:2px solid #c9b184;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(var(--s5),4vw,var(--s7))}
.mf-progress{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}
.mf-bar{flex:1;height:8px;background:var(--paper-2);border-radius:999px;overflow:hidden}
.mf-bar span{display:block;height:100%;width:0;background:#c9b184;border-radius:999px;transition:width .3s var(--ease)}
.mf-count{font-size:.82rem;font-weight:650;color:var(--ink-mute);white-space:nowrap}
.mf-msg{display:none;border-radius:var(--radius);padding:10px 14px;font-size:.9rem;margin-bottom:var(--s4)}
.mf-msg.err{display:block;background:var(--clay-soft);color:var(--clay-2);border:1px solid var(--line-ink)}
.fs-title{font-size:1.32rem;color:var(--teal-900);margin-bottom:4px}
.fs-sub{color:var(--ink-soft);font-size:.95rem;margin-bottom:var(--s4)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-bottom:var(--s3)}
@media(max-width:560px){.f-row{grid-template-columns:1fr}}
label.f{display:block;font-weight:600;color:var(--teal-900);font-size:.9rem;margin-bottom:var(--s3)}
label.f input,label.f select,.mf-step textarea{width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid var(--glass-brd);border-radius:var(--radius);font-family:var(--sans);font-size:1rem;background:var(--glass);color:var(--ink)}
label.f input::placeholder,.mf-step textarea::placeholder{color:var(--ink-mute)}
label.f select option{color:#0d2e2c}
.mf-step textarea{resize:vertical;min-height:200px}
label.f input:focus,label.f select:focus,.mf-step textarea:focus{outline:none;border-color:var(--teal-600)}
.opt{color:var(--ink-mute);font-weight:400;font-size:.82rem}
.req{color:var(--clay);font-weight:600;font-size:.8rem}
.mini{margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-btn{border:1.5px solid var(--line);background:var(--glass);border-radius:var(--radius-pill);padding:9px 15px;font-family:var(--sans);font-size:.9rem;font-weight:550;color:var(--teal-800);cursor:pointer;transition:.12s}
.chip-btn:hover{border-color:var(--clay-500)}
.chip-btn.on{background:var(--clay);color:#151815;border-color:transparent}
.mf-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s6)}
.mf-nav .btn-primary{margin-left:auto}
.f-docs{margin-top:var(--s4);padding:var(--s4);background:var(--paper-2);border-radius:var(--radius)}
.f-docs-t{font-weight:600;color:var(--teal-900);font-size:.92rem;display:block;margin-bottom:8px}
.doc-note{font-size:.8rem;color:var(--ink-mute);margin-top:10px}
.privacy-warn{font-size:.85rem;color:var(--ink-soft);margin-top:var(--s4);background:var(--sage-100);border:1px solid var(--sage-300);border-radius:var(--radius);padding:11px 15px}
.consent{font-size:.78rem;color:var(--ink-mute);margin-top:var(--s3);line-height:1.55}
.mf-done{text-align:center}
.mf-check{width:64px;height:64px;border-radius:50%;background:var(--sage-100);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s4)}
.mf-check svg{width:34px}
.mf-done-lead{max-width:520px;margin:0 auto;color:var(--ink-soft)}
.mf-next{text-align:left;max-width:540px;margin:var(--s5) auto;background:var(--paper-2);border-left:3px solid #c9b184;border-radius:var(--radius);padding:var(--s5)}
.mf-next h4{color:var(--teal-900);margin-bottom:6px}
.mf-next ol{margin:0;padding-left:20px}
.mf-next li{margin-bottom:6px;color:var(--ink-soft);font-size:.95rem}
.mf-window{font-weight:600;color:var(--teal-800);margin-top:var(--s3);padding-left:0}

/* sticky mobile CTA */
.sticky-cta{display:none}
@media(max-width:820px){
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;background:rgba(11,13,12,.92);backdrop-filter:saturate(140%) blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 26px rgba(0,0,0,.5)}
  .sticky-cta .btn{width:100%;justify-content:center}
  body{padding-bottom:78px}
}
@media(max-width:560px){
  .match-hero h1{font-size:1.9rem}
  #matchFormSection .section,.section{padding-block:38px}
}