.boai-support-center{--ink:#eef6ff;--body:#b9cbe0;--muted:#91abc4;--line:#29435f;--panel:#0e1d31;--panel2:#10243a;--accent:#59ddf2;box-sizing:border-box;position:relative;left:auto;transform:none;width:calc(100vw - 48px);max-width:1320px!important;margin:0 0 56px calc(50% - 50vw + 24px);padding:28px 0 46px;color:var(--ink)!important}
.boai-support-center,.boai-support-center *{box-sizing:border-box}
.boai-support-center h1,.boai-support-center h2,.boai-support-center h3,.boai-support-center strong{color:#fff!important;text-shadow:none!important}
.boai-support-center p,.boai-support-center li,.boai-support-center small{color:var(--body)!important;text-shadow:none!important}
.boai-support-center .boai-support-hero{padding:36px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#10233a,#0b1829)!important;margin-bottom:22px;color:var(--ink)!important;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.boai-support-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--accent)!important}
.boai-support-main-heading{font-size:clamp(32px,5vw,52px)!important;line-height:1.05;margin:10px 0 14px;color:#fff!important}
.boai-support-hero p{font-size:18px;line-height:1.7;max-width:1100px;color:#c5d6e7!important}
.boai-support-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.boai-support-trust span{background:#0a192b!important;color:#dceaf7!important;border:1px solid #35516e;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}
.boai-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.boai-support-center .boai-support-uses article,.boai-support-center .boai-support-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#102136,#0b192a)!important;padding:22px;color:var(--ink)!important;box-shadow:0 8px 26px rgba(0,0,0,.12)}
.boai-support-uses article>span{font-size:28px}.boai-support-uses h2,.boai-support-card h2{font-size:19px;margin:10px 0 8px;color:#fff!important}.boai-support-uses p,.boai-support-card p{line-height:1.6;color:var(--body)!important}
.boai-support-card{margin-top:18px}.boai-support-amounts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.boai-support-amounts span{font-weight:800;border:1px solid #48637e;border-radius:999px;padding:9px 14px;background:#0a192b!important;color:#e6f1fb!important}
.boai-support-paygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.boai-support-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none!important;border:1px solid #3d6487;border-radius:14px;padding:15px 16px;margin-top:10px;background:#12395d!important;color:#fff!important;transition:transform .15s ease,box-shadow .15s ease}.boai-support-pay,.boai-support-pay span,.boai-support-pay strong,.boai-support-pay small{color:#fff!important}.boai-support-pay small{font-weight:500;opacity:.82}.boai-support-pay:hover,.boai-support-pay:focus-visible{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.2);outline:3px solid rgba(89,221,242,.45);outline-offset:2px}.boai-support-pay span:first-child{display:flex;flex-direction:column}
.boai-support-note{margin-top:20px;padding:18px;background:#0a192b!important;border:1px solid var(--line);border-radius:14px;font-size:14px;color:#dceaf7!important}.boai-support-note strong{color:#fff!important}.boai-support-note p{margin:5px 0 0;line-height:1.55;color:#aebfd1!important}
.boai-support-compact,.boai-support-footerbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#0e1d31!important;color:#eef6ff!important}.boai-support-compact{margin:28px 0}.boai-support-compact div,.boai-support-footerbar div{display:flex;flex-direction:column;gap:3px}.boai-support-compact strong,.boai-support-footerbar strong{color:#fff!important}.boai-support-compact span,.boai-support-footerbar span{font-size:13px;color:#9fb6cb!important}.boai-support-compact a,.boai-support-footerbar a{white-space:nowrap;text-decoration:none!important;font-weight:800;border-radius:999px;padding:10px 14px;background:#14365b!important;border:1px solid #3d6487;color:#fff!important}
.boai-support-footerbar{width:min(1320px,calc(100vw - 48px));max-width:none;margin:22px auto;padding:14px 18px}.boai-support-unconfigured{padding:18px;border:1px dashed #49657e;border-radius:14px;background:#0d1c2f!important;color:#eef6ff!important}
.boai-support-page .site-content,.boai-support-page .content-area,.boai-support-page .site-main,.boai-support-page article.page,.boai-support-page .entry-content{max-width:none!important;width:100%!important;overflow:visible!important}
.boai-support-page .boai-support-center a:focus-visible{outline:3px solid rgba(89,221,242,.55);outline-offset:3px}
@media(min-width:1368px){.boai-support-center{width:1320px;margin-left:calc(50% - 660px)}}
@media(max-width:820px){.boai-support-center{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);padding:22px 0 38px}.boai-support-grid,.boai-support-paygrid{grid-template-columns:1fr}.boai-support-hero{padding:24px 20px!important}.boai-support-uses article,.boai-support-card{padding:20px}.boai-support-main-heading{font-size:34px!important}.boai-support-hero p{font-size:16px}.boai-support-compact,.boai-support-footerbar{align-items:flex-start;flex-direction:column}.boai-support-compact a,.boai-support-footerbar a{width:100%;text-align:center}.boai-support-amounts{gap:8px}.boai-support-amounts span{padding:8px 12px}}
@media(max-width:460px){.boai-support-center{width:calc(100vw - 16px);margin-left:calc(50% - 50vw + 8px)}}

/* BAOI 0.5.5.44-alpha.1 — make the existing FR/EN support banner visible on native tool pages. The legacy gold CSS hides it without replacement. */
body.baoi-family-interactive_tool.baoi-support-gold-v533331 .boai-support-footerbar{display:flex!important}