/* Shared editorial wrapping: natural spacing, fuller last lines, no justification. */
:where(main p, main li, .topa-footer p, .profile p){text-wrap:pretty}
:where(main h1, main h2, main h3){text-wrap:balance}
/* Short editorial blocks use balanced lines; longer FAQ/form text stays natural. */
:where(.merchant-timeline p,.about-two-sides p,.business-benefits p,.home-category p,.consumer-steps p){text-wrap:balance}
.merchant-timeline h3{min-height:2.4em}
.merchant-timeline p{max-width:32ch}
.merchant-close-action{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.merchant-close-action .merchant-early{order:-1;margin:0;max-width:20ch;font:600 clamp(25px,2.6vw,36px)/1.12 Bricolage,Arial,sans-serif;letter-spacing:-.025em;color:#FFC928;text-wrap:balance}
/* Remove the empty height previously reserved for the prototype message caption. */
.discovery-message{margin-bottom:20px}
@media(max-width:1000px){.merchant-timeline h3{min-height:0}}
@media(max-width:760px){.merchant-close-action{gap:18px}.merchant-timeline p{max-width:none}}

/* Keep focus inside each form control, including scrollable profile panels. */
:root :is(.topa-intake-form,.search-form,.coverage-search-row) :is(input,textarea,select,button):focus-visible{
 outline:3px solid var(--focus);
 outline-offset:-3px;
}
/* Compact checkboxes need a finer inner ring to preserve the checked mark. */
:root .topa-intake-form input[type=checkbox]:focus-visible{outline-width:2px;outline-offset:-2px}
@media(forced-colors:active){
 :root :is(.topa-intake-form,.search-form,.coverage-search-row) :is(input,textarea,select,button):focus-visible{outline-color:Highlight}
}
/* Disclosure focus also remains visible beside the profile scroll edge. */
:root .profile-correction>summary:focus-visible{outline-offset:-3px}

/* Search fields need breathing room around their inner focus ring. */
:root .search-stage .search-form :is(input,select){
 min-height:48px;padding-block:10px;padding-inline:14px;border-radius:9px;box-sizing:border-box;
}
:root .search-stage .search-form select{padding-inline-end:50px}
:root .search-stage .search-form :is(input,select):focus-visible{
 outline-width:2px;outline-offset:-2px;background-color:rgba(111,230,223,.06);
}
:root .search-stage .search-form:has(input:focus-visible),
:root .search-stage .search-form:has(select:focus-visible){outline:none;border-color:var(--field-line)}