/* Keep navigation available while the narrow location strip scrolls away. */
html{scroll-padding-top:96px}
#bsab-estate .estate-header{position:-webkit-sticky;position:sticky;top:0;z-index:1200;background:var(--estate-paper);box-shadow:0 3px 12px rgba(23,33,43,.06)}
#bsab-estate .estate-header-inner{min-height:82px;padding-top:13px;padding-bottom:13px}
#bsab-estate .estate-menu-shell>.estate-mobile-nav{max-height:calc(100vh - 120px);max-height:calc(100svh - 120px)}
#bsab-estate .estate-section[id],#bsab-estate .section[id]{scroll-margin-top:8px}

/* Restore the existing navy as a deliberate contrast to the cream service area. */
#bsab-estate .estate-approach-navy{background:var(--estate-ink);color:var(--estate-cream)}
#bsab-estate .estate-approach-navy h2,#bsab-estate .estate-approach-navy .estate-overline{color:var(--estate-cream)}
#bsab-estate .estate-approach-navy .estate-craft p{color:#e5e9e8}
#bsab-estate .estate-approach-navy .estate-detail-list{border-color:#52606b}
#bsab-estate .estate-approach-navy .estate-detail-list li{border-color:#52606b;color:#f5f3ed}
#bsab-estate .estate-approach-navy .estate-detail-list li::before{color:#c5cfc3}
#bsab-estate .estate-approach-navy .estate-action-light{border-color:#e5e9e8;background:transparent;color:#fdfcf8}
#bsab-estate .estate-approach-navy .estate-action-light:hover{background:#f5f3ed;color:#17212b}
#bsab-estate .estate-approach-navy a:focus-visible{outline-color:#e5e9e8}

/* A navy footer gives every page a consistent, readable finish. */
#bsab-estate .estate-footer,#bsab-estate.estate-blog .estate-footer{background:var(--estate-ink);color:var(--estate-cream)}
#bsab-estate .estate-footer .estate-brand-name,#bsab-estate .estate-footer .estate-brand-sub,#bsab-estate .estate-footer .estate-footer-contact a,#bsab-estate .estate-footer .newsletter-footer-link{color:#f5f3ed}
#bsab-estate .estate-footer .estate-footer-copy,#bsab-estate .estate-footer .estate-footer-bottom{color:#ced5d8}
#bsab-estate .estate-footer .estate-footer-bottom{border-color:#52606b}
#bsab-estate .estate-footer a:focus-visible{outline-color:#e5e9e8}

@media(max-width:900px){
 html{scroll-padding-top:84px}
 #bsab-estate .estate-header-inner{min-height:72px;padding-top:10px;padding-bottom:10px}
 #bsab-estate .estate-header .estate-brand-name{font-size:22px;line-height:1.2}
 #bsab-estate .estate-header .estate-brand-sub{font-size:9px;line-height:1.35;margin-top:5px}
 #bsab-estate .estate-menu-shell>.estate-mobile-nav{max-height:calc(100vh - 106px);max-height:calc(100svh - 106px)}
}
@media(max-width:380px){#bsab-estate .estate-header .estate-brand-name{font-size:20px}}