/* Adapted from the actual ArkSpacio home-nav-tabs.css.
   Hubzam staging only. Single continuous border, tabs in front of header fill,
   but ending precisely BEFORE the bottom border. */
.site-shell > header {
 position:sticky!important;
 background:#d6e0ee!important;
 border-bottom:3px solid #263f77!important;
 box-shadow:none!important;
 isolation:auto!important;
}
.site-shell > header::after{content:none!important;display:none!important}
@media(min-width:1024px){
 .site-shell > header > div:first-child{
   position:static!important;
   min-height:112px!important;
 }
 .site-shell > header nav.hidden {
   position:absolute!important;
   left:50%!important;
   bottom:0!important;
   transform:translateX(-50%)!important;
   display:flex!important;
   align-items:flex-end!important;
   gap:4px!important;
   height:auto!important;
   padding:0!important;
   margin:0!important;
   z-index:4!important;
   overflow:visible!important;
 }
 .site-shell > header nav.hidden > a{
   position:relative!important;
   box-sizing:border-box!important;
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   height:37px!important;
   min-height:37px!important;
   padding:9px 12px 8px!important;
   margin:0!important;
   background:#e9edf2!important;
   border:.5px solid #263f77!important;
   border-bottom:0!important;
   border-radius:8px 8px 0 0!important;
   box-shadow:none!important;
   color:#1f4f8a!important;
   font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
   font-size:14px!important;
   font-weight:600!important;
   line-height:1.25!important;
   letter-spacing:0!important;
   text-decoration:none!important;
   text-shadow:none!important;
   white-space:nowrap!important;
   transform:none!important;
   transition:height .18s ease,background-color .15s ease,color .15s ease!important;
 }
 .site-shell > header nav.hidden > a:hover,
 .site-shell > header nav.hidden > a:focus-visible{
   height:43px!important;
   min-height:43px!important;
   color:#7945bd!important;
   background:#fff!important;
 }
 .site-shell > header nav.hidden > a[aria-current="page"],
 .site-shell > header nav.hidden > a.active,
 .site-shell > header nav.hidden > a[data-active="true"]{
   height:44px!important;
   min-height:44px!important;
   color:#7945bd!important;
   background:#fff!important;
 }
 .site-shell > header nav.hidden > a[aria-current="page"]:hover,
 .site-shell > header nav.hidden > a.active:hover{
   height:49px!important;min-height:49px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .site-shell > header nav.hidden > a{transition:none!important}
}
/* Structural fix: remove inherited bottom padding and absolute positioning. */
@media(min-width:1280px){
.site-shell > header > div:first-child{display:grid!important;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr)!important;grid-template-rows:minmax(56px,1fr) auto!important;align-items:stretch!important;column-gap:12px!important;row-gap:0!important;padding-bottom:0!important;min-height:112px!important}
.site-shell > header > div:first-child > a:first-child{grid-column:1!important;grid-row:1 / 3!important;align-self:center!important;justify-self:start!important}
.site-shell > header > div:first-child > nav.hidden{position:static!important;grid-column:2!important;grid-row:2!important;transform:none!important;align-self:end!important;justify-self:center!important;display:flex!important;align-items:flex-end!important;margin:0!important;padding:0!important;height:auto!important;width:max-content!important}
.site-shell > header > div:first-child > :last-child:not(nav){grid-column:3!important;grid-row:1!important;align-self:start!important;justify-self:end!important;margin:0!important}
.site-shell > header nav.hidden > a[class*="A7D8FF"]{color:#7945bd!important;background:#fff!important;height:44px!important;min-height:44px!important}
}
/* ArkSpacio-style action tabs: same baseline as main nav, aligned right. */
@media(min-width:1280px){
 .site-shell > header > div:first-child > :last-child:not(nav){grid-row:2!important;align-self:end!important;align-items:flex-end!important;gap:4px!important}
 .site-shell > header > div:first-child > :last-child:not(nav) > a,
 .site-shell > header > div:first-child > :last-child:not(nav) > button,
 .site-shell > header > div:first-child > :last-child:not(nav) > div > button{
   box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
   height:37px!important;min-height:37px!important;padding:9px 12px 8px!important;margin:0!important;
   border:.5px solid #263f77!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;
   background:#e9edf2!important;color:#1f4f8a!important;box-shadow:none!important;transform:none!important;
   font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;
   line-height:1.25!important;letter-spacing:0!important;text-decoration:none!important;
   transition:height .18s ease,background-color .15s ease,color .15s ease!important;
 }
 .site-shell > header > div:first-child > :last-child:not(nav) > a:hover,
 .site-shell > header > div:first-child > :last-child:not(nav) > button:hover,
 .site-shell > header > div:first-child > :last-child:not(nav) > div > button:hover,
 .site-shell > header > div:first-child > :last-child:not(nav) > a:focus-visible,
 .site-shell > header > div:first-child > :last-child:not(nav) > div > button:focus-visible{
   height:43px!important;min-height:43px!important;background:#fff!important;color:#7945bd!important;
 }
 .site-shell > header > div:first-child > :last-child:not(nav) > a[aria-current="page"]{
   height:44px!important;min-height:44px!important;background:#fff!important;color:#7945bd!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .site-shell > header > div:first-child > :last-child:not(nav) > a,
 .site-shell > header > div:first-child > :last-child:not(nav) > button,
 .site-shell > header > div:first-child > :last-child:not(nav) > div > button{transition:none!important}
}


@media(min-width:1280px){
.site-shell > header nav.hidden > a,
.site-shell > header nav.hidden > a:hover,
.site-shell > header nav.hidden > a:focus-visible,
.site-shell > header nav.hidden > a[aria-current="page"],
.site-shell > header > div:first-child > :last-child:not(nav) > button,
.site-shell > header > div:first-child > :last-child:not(nav) > div > button,
.site-shell > header > div:first-child > :last-child:not(nav) > button:hover,
.site-shell > header > div:first-child > :last-child:not(nav) > div > button:hover{
font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
font-size:14px!important;font-weight:500!important;line-height:20px!important;
letter-spacing:normal!important;font-variation-settings:normal!important;
text-shadow:none!important;-webkit-text-stroke:0!important;color:#1f4f8a!important;
}
}
/* Hide the redundant site-menu toggle on desktop; retain mobile navigation. */
@media (min-width:1280px) {
 .site-shell > header > div:first-child > :last-child:not(nav) > button[aria-label="Open site menu"] { display:none!important; }
}
/* Compact desktop header: preserve two-row tab grid and the continuous baseline. */
@media (min-width:1280px) {
 .site-shell > header > div:first-child {
   min-height:88px!important;
   grid-template-rows:minmax(42px,1fr) auto!important;
   padding-top:2px!important;
   padding-bottom:0!important;
 }
 .site-shell > header > div:first-child > a:first-child img {
   width:68px!important;
   height:68px!important;
 }
}
/* Improve brand readability without enlarging the compact desktop header. */
@media (min-width:1280px) {
 .site-shell > header > div:first-child > a:first-child p:first-child {
   font-size:23px!important;
   font-weight:800!important;
   line-height:1.15!important;
   letter-spacing:-.35px!important;
   color:#1d355a!important;
 }
 .site-shell > header > div:first-child > a:first-child p:nth-child(2) {
   font-size:13px!important;
   font-weight:600!important;
   line-height:1.4!important;
   letter-spacing:.1px!important;
   color:#455a79!important;
   margin-top:4px!important;
 }
}

/* 2026-10-23: align main menu tabs with right-side action tabs. */
@media (min-width:1280px) {
 .site-shell > header > div:first-child > nav.hidden > a,
 .site-shell > header > div:first-child > nav.hidden > a:hover,
 .site-shell > header > div:first-child > nav.hidden > a:focus-visible,
 .site-shell > header > div:first-child > nav.hidden > a[aria-current="page"],
 .site-shell > header > div:first-child > nav.hidden > a[class*="A7D8FF"] {
   box-sizing:border-box!important;
   height:37px!important;min-height:37px!important;
   padding:9px 12px 8px!important;
   margin:0!important;
   border:.5px solid #263f77!important;
   border-bottom:0!important;
   border-radius:8px 8px 0 0!important;
   background:#e9edf2!important;
   color:#1f4f8a!important;
   box-shadow:none!important;
   transform:none!important;
   font-family:'Mona Sans',Inter,ui-sans-serif,system-ui,sans-serif!important;
   font-size:14px!important;font-weight:500!important;line-height:20px!important;
   letter-spacing:normal!important;
   font-variation-settings:normal!important;
   text-shadow:none!important;
   transition:background-color .15s ease,color .15s ease!important;
 }
 .site-shell > header > div:first-child > nav.hidden > a:hover,
 .site-shell > header > div:first-child > nav.hidden > a:focus-visible {background:#fff!important;color:#7945bd!important}
 .site-shell > header > div:first-child > nav.hidden > a[aria-current="page"],
 .site-shell > header > div:first-child > nav.hidden > a[class*="A7D8FF"] {background:#fff!important;color:#7945bd!important;font-weight:600!important}
 .site-shell > header > div:first-child > nav.hidden {align-items:flex-end!important;gap:4px!important}
}

/* Public nav: rise upward on hover exactly like the right-side action tabs. */
@media(min-width:1280px){
 .site-shell > header > div:first-child > nav.hidden > a{
   transition:height .18s ease,background-color .15s ease,color .15s ease!important;
 }
 .site-shell > header > div:first-child > nav.hidden > a:hover,
 .site-shell > header > div:first-child > nav.hidden > a:focus-visible,
 .site-shell > header > div:first-child > nav.hidden > a[aria-current="page"]:hover,
 .site-shell > header > div:first-child > nav.hidden > a[class*="A7D8FF"]:hover{
   height:43px!important;min-height:43px!important;
   background:#fff!important;color:#7945bd!important;
   box-shadow:none!important;filter:none!important;transform:none!important;
 }
}
.site-shell > header > div:first-child > nav.hidden > a:focus-visible{outline:2px solid #7945bd!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){.site-shell > header > div:first-child > nav.hidden > a{transition:none!important}}

/* Homepage signed-in account dropdown — platform/staff menu styling. */
.hw-public-account-dropdown{width:320px!important;max-width:calc(100vw - 24px)!important;padding:0 8px 9px!important;border:1px solid #dce3e8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 9px 24px rgba(23,43,64,.09)!important;overflow:hidden!important;font-family:'Mona Sans',Inter,system-ui,sans-serif!important;}
.hw-public-account-profile{display:flex;align-items:center;gap:12px;margin:0 -8px 9px;padding:17px 17px 18px;background:linear-gradient(110deg,#edf8fa,#f6fcf8);border-bottom:1px solid #dbe6e9;}
.hw-public-account-avatar{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6f0f6;color:#26547b;}
.hw-public-account-identity{min-width:0;display:flex;flex-direction:column;gap:3px}
.hw-public-account-name{font-size:14px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-public-account-email{font-size:12px;color:#556779;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-public-account-dropdown>a:not(.hw-public-account-profile),.hw-public-account-dropdown>button{display:flex!important;align-items:center!important;gap:12px!important;min-height:45px!important;width:100%!important;padding:10px 13px!important;margin:0 0 7px!important;border:1px solid #1b1f23!important;border-radius:8px!important;background:#fff!important;color:#19212b!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;box-shadow:none!important;text-decoration:none!important;transition:background-color .15s ease!important;}
.hw-public-account-dropdown>a:hover,.hw-public-account-dropdown>button:hover{background:#f0f7fb!important;color:#1b3b5c!important;}
.hw-public-account-dropdown>a:focus-visible,.hw-public-account-dropdown>button:focus-visible{outline:2px solid #749acb!important;outline-offset:2px!important}
.hw-public-account-dropdown>a:last-child,.hw-public-account-dropdown>button:last-child{margin-bottom:0!important}
.hw-public-account-dropdown>div.xl\\:hidden{margin-bottom:9px!important}
@media(max-width:480px){.hw-public-account-dropdown{width:min(320px,calc(100vw - 16px))!important}}