/* fxa-support (fix-all 2026-10-18) */
/* row 6: banner navy; stats navy */
.fxa-bnr{background:#23296E!important}
.mef-stat--accent .mef-stat__value{color:#23296E!important}
#pipeline [style*="font-size: 30px"][style*="color: rgb(177, 54, 48)"],#pipeline [style*="font-size: 30px"][style*="color: #b13630"]{color:#23296E!important}
/* row 5: 2px corners; secondary buttons navy outline */
.mef-btn{border-radius:2px!important}
.mef-btn--outline{border-color:#23296E!important;color:#23296E!important}
.fxa-dg{border-radius:2px!important}
/* row 8: larger logo so the wordmark reads */
header a[href="#top"] img{height:50px!important}
/* row 7: briefing grid ends on a full row */
@media(min-width:720px){.fxa-dg{grid-column:span 2}}
/* rows 1 + 4: compact header with one Menu button below 900px */
.fxa-navbtn{display:none}
.fxa-bnr-m{display:none}
@media(max-width:900px){
.fxa-bnr{display:none!important}
.fxa-bnr-m{display:block;margin:10px 0 0;font-size:15px;line-height:1.45;color:#23296E}
html body header>div{padding:8px 16px!important;gap:10px!important;position:relative;flex-wrap:nowrap!important;justify-content:flex-start!important}
header>div>a[href="#top"]{margin-right:auto}
header a[href="#top"] img{height:40px!important}
html body header nav{flex-wrap:nowrap!important;gap:10px!important;width:auto!important}
header nav>a:not(.mef-btn){display:none!important}
.fxa-navbtn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.2 var(--font-sans,'IBM Plex Sans',sans-serif);color:#23296E;background:#fff;border:1.5px solid #23296E;border-radius:2px;padding:8px 12px;min-height:40px;cursor:pointer}
html.fxa-nav-open body header nav>a:not(.mef-btn){display:block!important;padding:12px 16px!important;border:0!important;border-top:1px solid #e6e6e6!important;font-size:16px!important}
html.fxa-nav-open body header nav{width:auto!important;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch!important;gap:0!important;border-bottom:1px solid #e6e6e6;padding:0 0 12px}
html.fxa-nav-open header nav>.mef-btn{align-self:flex-start;margin:12px 16px 0}
.r12c-hero{padding-top:28px!important}
}
/* row 3: byline breaks at the separator, never after it */
@media(max-width:480px){.mef-byline__sep{display:block;height:0;overflow:hidden;color:transparent;font-size:0}}
