header{display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:24px;padding:12px clamp(20px,2.4vw,48px)}
header #site-main-nav>a[aria-current="page"],header #site-main-nav>a[aria-current="location"]{color:#c6a442;font-weight:700}
header .brand{width:240px;max-width:100%;height:58px;flex-basis:auto}
header #site-main-nav{justify-content:center;gap:18px;flex-wrap:wrap;font-size:14px}
.header-account{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:190px;padding:8px 12px;border-radius:5px;color:#153c52;font-size:14px;font-weight:700}
.header-account svg{width:23px;height:23px;flex:none}
.header-account span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-account:hover{background:#edf2f5}
.header-signin{border:1px solid #153c52}
.header-account:focus-visible{outline:3px solid #ad7d32;outline-offset:3px}
@media(max-width:1250px){header{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}header .brand{width:220px;height:54px;flex-basis:auto}html.nav-ready header #site-menu-toggle{display:block;margin:0}header #site-menu-toggle{grid-column:2;grid-row:1}header .header-account{grid-column:3;grid-row:1;max-width:170px}header #site-main-nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0}header #site-main-nav>a{display:block;padding:12px 8px;border-bottom:1px solid #edf1f4;min-height:44px}html.nav-ready header #site-main-nav{display:none}html.nav-ready header #site-main-nav.is-open{display:flex}}
@media(max-width:600px){header{padding:10px 16px;gap:8px}header .brand{width:180px;height:48px}header .header-account{max-width:105px;padding:6px;font-size:13px;gap:5px}header .header-account svg{width:20px;height:20px}header #site-menu-toggle{padding:8px;font-size:13px}}
@media(max-width:380px){header .brand{width:145px;height:42px}header .header-account{max-width:90px}header{gap:5px;padding-inline:10px}}
@media print{header .header-account{display:none}}

.header-account-wrap{position:relative;justify-self:end;z-index:50;max-width:190px}.header-account-wrap>summary{cursor:pointer;list-style:none}.header-account-wrap>summary::-webkit-details-marker{display:none}.header-account-wrap>summary .account-chevron{overflow:visible;flex:none}.header-account-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:235px;max-width:calc(100vw - 32px);padding:10px 0;background:#fff;border:1px solid #d2dce8;border-radius:14px;box-shadow:0 12px 28px #10274722;color:#1c315d;z-index:100;text-align:start}.header-account-menu>a,.header-account-menu button{display:block;width:100%;text-align:inherit;padding:13px 20px;font-size:15px;background:transparent;border:0;color:inherit}.header-account-menu>a:hover,.header-account-menu button:hover{background:#f0f3f8}.header-account-menu form{border-top:1px solid #d2dce8;margin:6px 0 0;padding-top:6px}.header-account-menu button{color:#a22626}.header-signin{background:#1c315d;color:#efd078;border-color:#b39438}.header-signin:hover{background:#29416d}.header-account-menu a:focus-visible,.header-account-menu button:focus-visible{outline:3px solid #ad7d32;outline-offset:-4px}
@media(max-width:1250px){header .header-account-wrap{grid-column:3;grid-row:1;max-width:170px}}
@media(max-width:600px){header .header-account-wrap{max-width:105px}}
@media(max-width:380px){header .header-account-wrap{max-width:90px}}
@media(max-width:1250px){header .header-account-wrap>.header-account .account-name{display:none}}

/* Signed-in profile avatar: desktop name, compact avatar on mobile. */
@media(min-width:1251px){
 header .header-account-wrap,header .header-account-wrap>.header-account{max-width:240px}
}
header .header-account-wrap>.header-account .account-avatar-badge{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:36px;
 height:36px;
 flex:0 0 36px;
 border:1px solid #c6a442;
 border-radius:50%;
 overflow:hidden;
 background:#eef0f8;
 color:#1e315e;
 font-size:13px;
 font-weight:700;
 line-height:1;
 letter-spacing:.025em;
 text-overflow:clip;
}
header .header-account-wrap>.header-account .account-avatar-image{
 display:block;
 width:100%;
 height:100%;
 max-width:none;
 border-radius:50%;
 object-fit:cover;
}
@media(max-width:600px){
 header .header-account-wrap>.header-account .account-avatar-badge{
  width:32px;height:32px;flex-basis:32px;font-size:12px;
 }
}
