/* One rectangular brand link owns the full wash, including the outer gutter.
   Negative margins preserve the existing navigation positions. */
.sector-band{background:#fff}
.header>.brand{--brand-cell-width:clamp(180px,17vw,230px);--brand-art-width:136px;--brand-left-bleed:max(var(--gutter),calc((100vw - 1280px)/2));--brand-right-bleed:0px;--brand-offset:0px;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;width:calc(var(--brand-cell-width) + var(--brand-left-bleed) + var(--brand-right-bleed));flex:0 0 auto;margin-left:calc(var(--brand-offset) - var(--brand-left-bleed));margin-right:calc(-1 * var(--brand-right-bleed));padding:0;border:0;border-radius:0;background:#f8f5fc;box-shadow:inset -1px 0 var(--preview-rule)}
.header>.brand img{width:var(--brand-art-width);height:auto;flex:none}
.header>.brand::before,.header>.brand::after{content:none}
.header>.brand:focus-visible{outline-offset:-4px}
.header-cta{height:44px;min-height:44px;align-self:center;margin-block:0;padding-block:10px;line-height:1.4;justify-content:center}
@media(max-width:1000px){.header>.brand{--brand-cell-width:150px;--brand-art-width:112px}}
@media(max-width:800px){
 .header>.brand{--brand-cell-width:112px;--brand-offset:18px;--brand-left-bleed:calc(max(var(--gutter),calc((100vw - 1280px)/2)) + 18px);box-shadow:none}
 .header-cta{height:48px;min-height:48px;padding-block:8px}
}
@media(max-width:600px){.header>.brand{--brand-cell-width:126px;--brand-art-width:102px;--brand-offset:0px;--brand-left-bleed:12px;--brand-right-bleed:12px}}
@media(max-width:360px){.header>.brand{--brand-cell-width:116px;--brand-art-width:92px}}

/* Approved CTA label sizing; preserve the surrounding navigation and form typography. */
:is(.header>.header-cta,.hero-actions>.button,.closing .closing-actions>.button){
 font-family:Manrope,Arial,sans-serif;
 font-size:var(--cta-label-size,15px);
 font-weight:500;
}
@media(max-width:1200px){.header>.header-cta{--cta-label-size:14px}}
@media(max-width:1000px){.header>.header-cta{--cta-label-size:13px}}
@media(max-width:800px){
 .header>.header-cta,.hero-actions>.button{--cta-label-size:14px}
}
@media(max-width:600px){
 .header>.header-cta{--cta-label-size:13px;padding-block:5px}
 .hero-actions>.button{padding-inline:14px}
 .hero-actions>.button.hero-secondary{padding-inline:13px}
}
@media(max-width:360px){.header>.header-cta{--cta-label-size:12px}}

/* The two closing actions share one track width and identical corner boxes. */
.closing .closing-actions{display:grid;grid-template-columns:repeat(2,1fr);width:max-content;max-width:100%;margin-inline:auto}
.closing .closing-actions>.button{width:100%;min-width:0;box-sizing:border-box;border:1px solid transparent;margin-inline:0}
@media(max-width:600px){.closing .closing-actions{grid-template-columns:1fr}}

/* Code-native CTA arrows retain their original line boxes and cannot render as emoji. */
.cta-icon{display:inline-grid;place-items:center;flex:none;width:1em;height:1.5em}
.cta-icon svg{display:block;width:1em;height:1em;overflow:visible}

/* CTA arrowheads are shortened in their SVG paths; original icon sizing is retained. */