/* BBF shared navigation. Scoped to the marketing header. */
.bbf-site-header{position:relative;z-index:40;isolation:isolate;max-width:1440px;min-height:114px;padding:22px 4%;gap:24px;flex-wrap:nowrap;border-bottom:0}
body>header.bbf-site-header[data-bbf-nav-ready]{z-index:50}
body>.skip:focus{z-index:100}
.bbf-site-header::after{content:"";position:absolute;bottom:0;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,#8cae8f66 22%,#d6be765c 65%,transparent);pointer-events:none}
.bbf-site-header .brand{flex:none;position:relative;z-index:2}
.bbf-nav-shell{min-width:0;margin-left:auto}
.bbf-site-header .bbf-primary-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;max-width:none;width:auto;gap:3px;padding:6px;border:1px solid #9fc4ac33;border-radius:20px;background:linear-gradient(135deg,#153025dd,#071b14ed);box-shadow:inset 0 1px 0 #d9f8dd0a,0 12px 32px #0000001a;font-size:12px}
.bbf-primary-nav .bbf-nav-link{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 12px;border:1px solid transparent;border-radius:14px;white-space:nowrap;line-height:1.3;color:#c7d9cd;transition:background .18s,color .18s,border-color .18s}
.bbf-nav-link .bbf-nav-copy{display:block;min-width:0}
.bbf-nav-link .bbf-nav-description{display:none}
.bbf-primary-nav .bbf-nav-link:hover{color:#f4ffe6;background:#c3f2b30c;border-color:#a6c9ab24}
.bbf-primary-nav .bbf-nav-link[aria-current]{background:linear-gradient(135deg,#d6ff9b20,#94d5b40b);border-color:#c7ef9e55;color:#e2ffb4;box-shadow:inset 0 1px 0 #e8ffd50d}
.bbf-primary-nav .bbf-nav-link[aria-current]::after{content:"";position:absolute;bottom:5px;left:calc(50% - 7px);width:14px;height:2px;border-radius:2px;background:#d7ff9b;box-shadow:0 0 9px #c4ff9c55}
.bbf-primary-nav .bbf-nav-cta{color:#102319;background:#d7ff9b;border-color:#d7ff9b;padding-inline:17px;gap:15px;margin-left:5px;font-weight:650;box-shadow:0 3px 16px #b8ff8610}
.bbf-primary-nav .bbf-nav-cta:hover{color:#102319;background:#e4ffbd;border-color:#e4ffbd}
.bbf-menu-toggle{display:none;align-items:center;justify-content:space-between;gap:15px;min-height:46px;padding:10px 14px;border:1px solid #a9c6b050;border-radius:14px;background:linear-gradient(135deg,#19392a,#0a2119);color:#e9f3e9;cursor:pointer;font-size:13px;font-weight:600;line-height:1.25}
.bbf-menu-toggle[hidden]{display:none!important}
.bbf-menu-toggle .bbf-menu-glyph{width:19px;height:19px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-6deg);transition:transform .2s}
.bbf-menu-glyph i{display:block;border:1px solid #d4e6af9c;border-radius:2px;background:#c5f49b14}
.bbf-menu-glyph i:nth-child(2){transform:scale(.72);background:#e7c97e70;border-color:#e7c97e}
.bbf-menu-glyph i:nth-child(3){transform:scale(.8);background:#7cf5be50;border-color:#7cf5be}
.bbf-menu-toggle[aria-expanded="true"] .bbf-menu-glyph{transform:rotate(84deg)}
.bbf-menu-label small{display:block;margin-top:2px;font-size:9px;font-weight:400;color:#b7cdbb;letter-spacing:.03em}
.bbf-menu-chevron{font-size:14px;color:#d7ff9b;transition:transform .2s}
.bbf-menu-toggle[aria-expanded="true"] .bbf-menu-chevron{transform:rotate(180deg)}
.bbf-nav-heading{display:none}
.bbf-site-header :is(a,button):focus-visible{outline:2px solid #d7ff9b;outline-offset:4px}
@media(max-width:1280px){
 .bbf-site-header{min-height:105px;padding:21px 5%;flex-wrap:wrap;gap:16px}
 .bbf-site-header .brand{font-size:12px}
 .bbf-nav-shell{width:100%;margin-left:0}
 .bbf-site-header .bbf-primary-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:12px}
 .bbf-site-header[data-bbf-nav-ready] .bbf-nav-shell{width:auto;margin-left:auto}
 .bbf-site-header[data-bbf-nav-ready] .bbf-menu-toggle:not([hidden]){display:flex}
 .bbf-site-header[data-bbf-nav-ready] .bbf-primary-nav{position:absolute;top:calc(100% + 8px);left:5%;right:5%;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:20px;border:1px solid #9bbb8780;border-radius:22px;background:linear-gradient(135deg,#17392bfa,#071c15fe 70%);box-shadow:0 25px 65px #0009,inset 0 1px 0 #e8ffde12;box-sizing:border-box;max-height:var(--bbf-nav-available-height,calc(100svh - 120px));overflow-y:auto;overscroll-behavior:contain}
 .bbf-site-header .bbf-primary-nav[hidden]{display:none!important}
 .bbf-site-header[data-bbf-nav-ready] .bbf-nav-heading{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;padding:2px 3px 12px;border-bottom:1px solid #b6d1ae28;margin-bottom:4px;color:#e2e9d8;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
 .bbf-nav-heading small{font-size:9px;letter-spacing:.05em;color:#b3c7af}
 .bbf-primary-nav .bbf-nav-link{justify-content:flex-start;min-height:66px;padding:12px 14px;background:#c9f3c006;border-color:#a8ceac22;font-size:14px}
 .bbf-nav-link .bbf-nav-description{display:block;margin-top:5px;color:#9ebba8;font-size:10px;font-weight:400;white-space:normal}
 .bbf-primary-nav .bbf-nav-link[aria-current]::after{left:auto;right:12px;top:14px;bottom:auto;width:5px;height:5px}
 .bbf-primary-nav .bbf-nav-cta{grid-column:1/-1;justify-content:space-between;min-height:52px;margin:5px 0 0;padding:12px 17px;background:#d7ff9b;border-color:#d7ff9b}
 .bbf-nav-cta .bbf-nav-description{color:#375331}
}
@media(max-width:560px){
 .bbf-site-header{padding-block:19px;min-height:96px;gap:12px}
 .bbf-site-header .brand{font-size:10px;gap:10px}
 .bbf-site-header .brand-mark{font-size:40px;width:68px;min-width:68px}
 .bbf-site-header .brand-small{font-size:7px;letter-spacing:.27em}
 .bbf-menu-toggle{padding:9px 11px;gap:9px;min-height:45px;font-size:12px}
 .bbf-menu-toggle .bbf-menu-glyph{width:16px;height:16px;gap:3px}
 .bbf-menu-label small{font-size:8px}
 .bbf-site-header[data-bbf-nav-ready] .bbf-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:7px;left:4%;right:4%}
 .bbf-nav-heading{gap:10px}
 .bbf-nav-heading small{max-width:105px;text-align:right;font-size:8px}
 .bbf-primary-nav .bbf-nav-link{font-size:13px;padding:12px 10px;white-space:normal}
 .bbf-nav-link .bbf-nav-description{font-size:9px;line-height:1.4}
}
@media(max-width:360px){
 .bbf-site-header .brand{font-size:8.5px;gap:8px}
 .bbf-site-header .brand-mark{font-size:34px;width:56px;min-width:56px}
 .bbf-menu-toggle{gap:8px;padding-inline:10px}
 .bbf-menu-label small{display:none}
}
@media(prefers-reduced-motion:reduce){.bbf-site-header *{transition:none!important;animation:none!important}}

/* Approved emerald BB / gold F master: exact original pixels, adjacent wording retained. */
.bbf-site-header .brand .brand-mark.bbf-approved-mark{display:block;flex:none;width:112px;min-width:112px;height:56px;font-size:0;letter-spacing:0}
.bbf-approved-mark img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:560px){.bbf-site-header .brand .brand-mark.bbf-approved-mark{width:88px;min-width:88px;height:44px}}
@media(max-width:360px){.bbf-site-header .brand .brand-mark.bbf-approved-mark{width:76px;min-width:76px;height:38px}}
