/* Shared, in-flow masthead: utility links above the RSZ navigation. */
.rsz-utility-bar{position:relative;background:#1856a0;color:#fff;z-index:41}
.rsz-utility-bar .topinner{min-height:44px}
.rsz-utility-bar .topinner>div{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
.rsz-utility-bar .divider{display:none}
.rsz-utility-bar .button{border-radius:0;min-height:44px;display:inline-flex;align-items:center}
body>.header,body.homepage-page>.header{position:relative;inset:auto;background:#fff;pointer-events:auto;z-index:40;padding-block:6px;min-height:0}
body.homepage-page>.header .brand{color:#092575}
@media(min-width:1151px){
 body>.header,body.homepage-page>.header{flex-wrap:nowrap;gap:24px}
 body>.header .brand{font-size:20px;gap:10px;flex-shrink:0}
 body>.header .brand img{width:64px;height:64px}
 body>.header #main-nav{flex:1 1 auto;width:auto;justify-content:flex-end;gap:2px}
 body>.header #main-nav>.nav-group,body.homepage-page>.header #main-nav>.nav-group:nth-of-type(n),body.homepage-page>.header #main-nav>.nav-direct{width:auto}
 body>.header #main-nav>.nav-group>summary,body>.header #main-nav>.nav-direct{font-size:12px;padding:12px 6px;white-space:nowrap}
 body.homepage-page .home-masthead-inner{padding-top:0}
}
@media(min-width:1151px) and (max-width:1599px){
 body>.header,body.homepage-page>.header{flex-wrap:wrap;gap:10px}
 body>.header #main-nav{flex-basis:100%;justify-content:space-between}
}
@media(max-width:1150px){body>.header,body.homepage-page>.header{padding-block:12px}}
@media(max-width:700px){
 .rsz-utility-bar .topinner{min-height:40px}
 .rsz-utility-bar .topinner>div{gap:14px;font-size:12px}
 .rsz-utility-bar .button{min-height:40px}
 body>.header,body.homepage-page>.header{padding-block:10px}
}

/* Photo changes must not recolour the separate white masthead. */
body.homepage-page:is(.hero-community,:has(.rsz-banner-community.is-current))>.header .brand{color:#092575}
/* Both rows remain visible; sticky positioning retains their space in the page. */
.rsz-utility-bar{position:sticky;top:0}
body>.header,body.homepage-page>.header{position:sticky;top:var(--rsz-utility-height,44px);isolation:isolate}
body>.header:before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);background:#fff;box-shadow:0 3px 8px #09274d10;z-index:-1;pointer-events:none}
html{scroll-padding-top:calc(var(--rsz-header-height,144px) + 16px)}
@media(max-width:700px){body>.header,body.homepage-page>.header{top:var(--rsz-utility-height,40px)}}


