/* BNB design system v1. Shared source for every audited customer page.
   Roles: editorial headings; sans-serif interface/body; navy actions; teal
   selection/success; red destructive/error. Provider logos retain brand colours.
   Space 4/8/12/16/24/32/48/64; radius 4/8/16; depth menus/dialogs/sticky bars only. */
:root{
 --bnb-ivory:#fbf8ec;--bnb-navy:#14263a;--bnb-white:#fffdf5;--bnb-teal:#176f75;
 --bnb-slate:#3b4851;--bnb-muted:#50616e;--bnb-line:#d5c9b8;--bnb-sand:#f3e2c4;
 --bnb-error:#a22820;--bnb-success:#176f75;--bnb-warning:#754a0d;
 --bnb-serif:Georgia,'Times New Roman',serif;--bnb-sans:Arial,'Helvetica Neue',sans-serif;
 --bnb-text-sm:.875rem;--bnb-text-base:1rem;--bnb-text-lg:1.125rem;
 --bnb-title:clamp(2rem,4.5vw,3.5rem);--bnb-heading:clamp(1.5rem,3vw,2.25rem);
 --bnb-regular:400;--bnb-medium:600;--bnb-bold:700;
 --bnb-space-1:4px;--bnb-space-2:8px;--bnb-space-3:12px;--bnb-space-4:16px;
 --bnb-space-6:24px;--bnb-space-8:32px;--bnb-space-12:48px;--bnb-space-16:64px;
 --bnb-radius-sm:4px;--bnb-radius-md:8px;--bnb-radius-lg:16px;
 --bnb-depth-menu:0 12px 32px #14263a26;--bnb-depth-sticky:0 -4px 12px #14263a12;
 --paper:var(--bnb-ivory);--ink:var(--bnb-navy);--muted:var(--bnb-muted);--teal:var(--bnb-teal);
 --line:var(--bnb-line);--sans:var(--bnb-sans);--serif:var(--bnb-serif);
}
body[data-bnb-design-version]{margin:0;background:var(--bnb-ivory)!important;color:var(--bnb-navy)!important;font:var(--bnb-regular) var(--bnb-text-base)/1.65 var(--bnb-sans)!important}
[data-bnb-design-version] :is(h1,h2,h3){color:inherit;line-height:1.2;letter-spacing:-.02em;font-family:var(--bnb-serif)!important}
[data-bnb-design-version] h1{font-size:var(--bnb-title)}
[data-bnb-design-version] h2{font-size:var(--bnb-heading)}
[data-bnb-design-version] h3{font-size:1.25rem}
[data-bnb-design-version] :is(p,li,label,input,button,select,textarea,summary,small,dt,dd){font-family:var(--bnb-sans)}
[data-bnb-design-version] :is(p,li){line-height:1.65}
[data-bnb-design-version] :is(.body,.lead,.sub,.desc,.ch-body-text,.step7c-prose,.step7c-hero-copy,.help){font-size:var(--bnb-text-lg);line-height:1.65}
[data-bnb-design-version] :is(.updated,.quiet,.mini,.auth-note,.step7c-support){font-size:var(--bnb-text-sm);color:var(--bnb-muted)!important;line-height:1.6}
[data-bnb-design-version] :is(.eyebrow,.kicker,.tag,.step7c-eyebrow,.step7c-kicker){font:var(--bnb-medium) var(--bnb-text-sm)/1.5 var(--bnb-sans);letter-spacing:.04em;color:var(--bnb-teal)}
[data-bnb-design-version] :is(a,button,input,summary,textarea,select):focus-visible{outline:3px solid var(--bnb-teal)!important;outline-offset:4px!important}
[data-bnb-design-version] :is(.step7c-primary,.primary,.btn-gold,.gold-btn,.nav-cta,.btn-primary,.moment-action,.oauth-btn){display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:2px solid var(--bnb-navy)!important;border-radius:var(--bnb-radius-md)!important;background:var(--bnb-navy)!important;color:var(--bnb-white)!important;padding:var(--bnb-space-3) var(--bnb-space-6);font:var(--bnb-medium) var(--bnb-text-base)/1.4 var(--bnb-sans)!important;text-decoration:none;box-shadow:none!important;cursor:pointer}
[data-bnb-design-version] :is(.step7c-primary,.primary,.btn-gold,.gold-btn,.nav-cta,.btn-primary,.moment-action,.oauth-btn):hover{background:var(--bnb-slate)!important;border-color:var(--bnb-slate)!important}
[data-bnb-design-version] :is(.secondary,.secondary-btn,.btn-ghost,.btn-ghost-light,.moment-secondary){min-height:44px;border:1px solid var(--bnb-navy)!important;border-radius:var(--bnb-radius-md)!important;background:transparent!important;color:var(--bnb-navy)!important;padding:var(--bnb-space-3) var(--bnb-space-6);font:var(--bnb-medium) var(--bnb-text-base)/1.4 var(--bnb-sans)!important;box-shadow:none!important}
[data-bnb-design-version] :is(.secondary,.secondary-btn,.btn-ghost,.btn-ghost-light,.moment-secondary):hover{background:var(--bnb-sand)!important}
[data-bnb-design-version] button:disabled{background:var(--bnb-slate)!important;border-color:var(--bnb-slate)!important;color:var(--bnb-white)!important;opacity:.6;cursor:not-allowed}
[data-bnb-design-version] :is(.btn-danger,.moment-danger,[data-action="delete"]){background:var(--bnb-error)!important;color:var(--bnb-white)!important;border-radius:var(--bnb-radius-md)}
[data-bnb-design-version] :is(input,textarea,select){font:inherit;border-radius:var(--bnb-radius-sm)}
[data-bnb-design-version] .option{border-radius:var(--bnb-radius-md);box-shadow:none;scroll-margin-bottom:100px}
[data-bnb-design-version] .option.selected{border-color:var(--bnb-teal)}
[data-bnb-design-version] input[type=radio]{accent-color:var(--bnb-teal)}
[data-bnb-design-version] :is(.action-card,.dash-mech-card,.acc-card,.moment-card,.step7c-offer-column,.card){border-radius:var(--bnb-radius-md)!important;box-shadow:none!important}
[data-bnb-design-version] :is(.status,.toast){font-family:var(--bnb-sans)}
[data-bnb-design-version] .status.error{color:var(--bnb-error)}
[data-bnb-design-version] :is(.step7c-brand,.brand,.app-logo,.auth-logo,.mob-nav-logo,.bnb-footer-brand){font-family:var(--bnb-serif)!important;color:var(--bnb-navy)!important;text-decoration:none;font-size:clamp(1.25rem,3vw,1.6rem)!important;font-weight:var(--bnb-bold)!important;letter-spacing:-.03em}
[data-bnb-component='public-header'],.bnb-task-header,[data-bnb-design-version] .app-nav{background:var(--bnb-ivory)!important;color:var(--bnb-navy)!important;border-bottom:1px solid var(--bnb-line)!important;box-shadow:none!important;min-height:72px}
[data-bnb-component='public-header']{position:relative;z-index:20}
[data-bnb-design-version] .step7c-menu-button,[data-bnb-design-version] .step7c-menu-close{width:44px;height:44px;padding:10px;color:var(--bnb-navy);border-radius:var(--bnb-radius-sm)}
[data-bnb-design-version] .step7c-menu-panel,[data-bnb-design-version] .mob-nav{box-shadow:var(--bnb-depth-menu)}
[data-bnb-design-version] .step7c-menu svg{width:24px;height:24px}
[data-bnb-design-version] :is(.step7c-menu-button,.step7c-menu-close) svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
[data-bnb-design-version] :is(.nav-tab,.mob-nav-item,.step7c-header-link,.step7c-menu-links a){font:var(--bnb-medium) var(--bnb-text-base)/1.5 var(--bnb-sans)!important;color:var(--bnb-navy)!important;border-radius:var(--bnb-radius-sm)}
[data-bnb-design-version] :is(.nav-tab.act,.mob-nav-item.act){color:var(--bnb-teal)!important;border-color:var(--bnb-teal)!important}
[data-bnb-design-version] .step7c-hero{min-height:0;padding:var(--bnb-space-12) var(--bnb-space-6)}
[data-bnb-design-version] .step7c-hero-inner{max-width:1080px;gap:var(--bnb-space-12)}
[data-bnb-design-version] .step7c-hero h1{font-size:clamp(2.25rem,5vw,4rem);max-width:14ch}
[data-bnb-design-version] .step7c-hero-copy{max-width:48ch}
[data-bnb-design-version] .step7c-section{padding:var(--bnb-space-12) var(--bnb-space-6)}
[data-bnb-design-version] .step7c-section-inner{max-width:1080px}
[data-bnb-design-version] .step7c-path{gap:var(--bnb-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}
[data-bnb-design-version] .step7c-path div{padding:var(--bnb-space-6);border:1px solid var(--bnb-line);border-radius:var(--bnb-radius-md)}
[data-bnb-design-version] .step7c-path div::after{content:none}
[data-bnb-design-version] .step7c-offer-grid{gap:var(--bnb-space-6)}
[data-bnb-design-version] .step7c-offer-column{padding:var(--bnb-space-6)}
[data-bnb-design-version] main> :is(header,section,article){scroll-margin-top:var(--bnb-space-6)}
[data-bnb-design-version] main>header{position:static;height:auto}
[data-bnb-design-version] .bnb-prose{max-width:760px;margin:auto;padding:var(--bnb-space-12) var(--bnb-space-6)}
[data-bnb-design-version] .bnb-prose p{max-width:70ch}
[data-bnb-design-version] .bnb-prose section{margin:var(--bnb-space-8) 0}
[data-bnb-design-version] .bnb-prose :is(p,li) a{text-decoration:underline;text-underline-offset:3px;color:var(--bnb-teal)}
[data-bnb-design-version] .bnb-footer{position:relative;border-top:1px solid var(--bnb-line);background:var(--bnb-ivory);color:var(--bnb-navy);padding:var(--bnb-space-8) var(--bnb-space-6);margin-top:var(--bnb-space-8)}
.bnb-footer-inner{max-width:1080px;margin:auto;display:grid;gap:var(--bnb-space-4)}
.bnb-footer nav{display:flex;flex-wrap:wrap;gap:var(--bnb-space-2) var(--bnb-space-6);position:static;padding:0;border:0;background:none;box-shadow:none}
.bnb-footer nav a{display:inline-flex;align-items:center;min-height:32px;color:var(--bnb-navy)!important;font:var(--bnb-regular) var(--bnb-text-sm)/1.5 var(--bnb-sans);text-decoration:underline;text-underline-offset:3px}
.bnb-footer small{font-size:var(--bnb-text-sm);color:var(--bnb-muted)}
.bnb-task-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px}
.bnb-task-header nav{position:static;background:none;border:0;padding:0;box-shadow:none}
.bnb-task-header nav a{color:var(--bnb-navy);font:var(--bnb-medium) var(--bnb-text-sm)/1.5 var(--bnb-sans);text-decoration:underline}
[data-bnb-design-version] .bnb-privacy section{padding:var(--bnb-space-6);margin:var(--bnb-space-6) 0;border-radius:var(--bnb-radius-md);border-color:var(--bnb-line);box-shadow:none}
[data-bnb-design-version] .navigation{box-shadow:var(--bnb-depth-sticky)}
@media(max-width:600px){[data-bnb-design-version] .step7c-hero{padding:32px 20px}[data-bnb-design-version] .step7c-hero h1{font-size:2.5rem}[data-bnb-design-version] .step7c-hero-visual{display:none}[data-bnb-design-version] .step7c-section{padding:32px 20px}[data-bnb-design-version] .step7c-path{grid-template-columns:1fr}[data-bnb-design-version] .body,[data-bnb-design-version] .help{font-size:1rem}.bnb-task-header{padding:16px 20px}.bnb-task-header .brand{font-size:1.2rem!important}[data-bnb-design-version] .bnb-footer{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){[data-bnb-design-version] *,[data-bnb-design-version] *::before,[data-bnb-design-version] *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}

.bnb-release-note{padding:var(--bnb-space-4) var(--bnb-space-6);margin:var(--bnb-space-6) 0;border:1px solid var(--bnb-line);border-radius:var(--bnb-radius-md);color:var(--bnb-slate);background:var(--bnb-white)}
.bnb-result-heading{font:var(--bnb-medium) 1.25rem/1.3 var(--bnb-serif)!important;margin:var(--bnb-space-6) 0 var(--bnb-space-2)}
.bnb-result-action{font:var(--bnb-regular) var(--bnb-text-base)/1.65 var(--bnb-sans);margin:0 0 var(--bnb-space-4)}
.bnb-text-link{color:var(--bnb-teal);text-decoration:underline;text-underline-offset:3px}

[data-bnb-design-version] :is(#delete-account,.acc-danger-btn,.moment-danger){border-color:var(--bnb-error)!important;color:var(--bnb-error)!important;background:var(--bnb-white)!important}

/* Explicit surface roles prevent older shell styles leaking into shared components. */
[data-bnb-design-version] .bnb-footer{background:var(--bnb-ivory)!important;color:var(--bnb-navy)!important;padding:var(--bnb-space-8) var(--bnb-space-6)!important}
[data-bnb-design-version] .step7c-example :is(.step7c-kicker,h2){color:var(--bnb-ivory)!important}
[data-bnb-design-version] :is(.bnb-prose,.bnb-reading-header) .lead{color:var(--bnb-slate)!important}
[data-bnb-design-version] .bnb-reading-header{padding:var(--bnb-space-12) var(--bnb-space-6) 0;max-width:800px;margin:auto}
[data-bnb-design-version] :is(.step7c-primary,.primary,.btn-gold,.gold-btn,.nav-cta,.btn-primary,.moment-action,.oauth-btn,.secondary,.secondary-btn,.btn-ghost):active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}

/* Audit-120 closure: coherent error recovery and comfortably sized standalone links. */
[data-bnb-design-version] :is(.bnb-task-header nav a,.bnb-return-link,.bnb-recovery-links a){display:inline-flex;align-items:center;min-height:44px;padding:var(--bnb-space-2) var(--bnb-space-3);color:var(--bnb-teal);font:var(--bnb-medium) var(--bnb-text-sm)/1.5 var(--bnb-sans);text-decoration:underline;text-underline-offset:3px;border-radius:var(--bnb-radius-sm)}
[data-bnb-design-version] .bnb-return-link{margin-top:var(--bnb-space-4)}
[data-bnb-design-version] .auth-note a{color:var(--bnb-teal)!important;text-decoration:underline!important;text-underline-offset:3px}
[data-bnb-design-version] .bnb-footer nav a{min-height:44px}
body[data-bnb-error-page]{min-height:100vh;display:flex;flex-direction:column}
[data-bnb-error-page] .bnb-error-page{width:100%;max-width:880px;flex:1;margin:0 auto;padding:var(--bnb-space-16) var(--bnb-space-6);text-align:left}
[data-bnb-error-page] .bnb-error-page h1{margin:0 0 var(--bnb-space-4);max-width:18ch}
[data-bnb-error-page] .bnb-error-page>p{color:var(--bnb-muted);margin:0 0 var(--bnb-space-6)}
[data-bnb-error-page] .bnb-error-page>.eyebrow{color:var(--bnb-teal)}
.bnb-recovery-links{display:flex;flex-wrap:wrap;gap:var(--bnb-space-2) var(--bnb-space-4);margin-top:var(--bnb-space-6)}
[data-bnb-design-version] .bnb-persistence-warning{padding:var(--bnb-space-4);border:1px solid var(--bnb-warning);border-left:4px solid var(--bnb-warning);border-radius:var(--bnb-radius-md);background:var(--bnb-white);color:var(--bnb-warning);font-size:var(--bnb-text-base);margin:0 0 var(--bnb-space-6)}
[data-bnb-design-version] .bnb-restart-recovery{padding:var(--bnb-space-4);border:1px solid var(--bnb-line);border-radius:var(--bnb-radius-md);background:var(--bnb-white);margin:0 0 var(--bnb-space-6)}
.bnb-restart-recovery p{margin:0 0 var(--bnb-space-3)}
[data-bnb-design-version] .bnb-confirm-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:var(--bnb-space-8);border:1px solid var(--bnb-line);border-radius:var(--bnb-radius-lg);background:var(--bnb-white);color:var(--bnb-navy);box-shadow:var(--bnb-depth-menu)}
.bnb-confirm-dialog::backdrop{background:#14263ab3}
.bnb-confirm-dialog h2{margin:0 0 var(--bnb-space-4)}
.bnb-confirm-dialog p{margin:0 0 var(--bnb-space-6)}
.bnb-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--bnb-space-3)}
@media(max-width:600px){[data-bnb-error-page] .bnb-error-page{padding:var(--bnb-space-8) var(--bnb-space-6)}[data-bnb-design-version] .bnb-confirm-dialog{padding:var(--bnb-space-6)}.bnb-dialog-actions>button{width:100%}}
