/* Shared compact header: brand and navigation stay together. */
.masthead{display:flex;flex-wrap:nowrap;align-items:center;gap:24px;max-width:none;width:100%;margin:0;padding:12px max(24px,calc((100vw - 1248px)/2));background:#fff;border-bottom:1px solid #e1e1dc}
.masthead .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.masthead .brand>span{white-space:nowrap}
.masthead .brand img{width:54px;height:54px;object-fit:contain}
.masthead .brand small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:800}
.masthead .brand strong{font-size:27px;letter-spacing:-1.2px;line-height:1.1;font-weight:900}
.masthead nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:22px;margin:0 0 0 auto;padding:0;width:auto;flex-basis:auto;order:0;border:0}
.masthead nav a{position:relative;padding:12px 0;min-height:0;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.masthead nav a[aria-current=page]:after{content:'';position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--red)}
.masthead .private-link{display:block;order:0;margin:0;padding:10px 12px;border:1px solid #deded9;background:white;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}
.masthead .mobile-menu{display:none}
@media(max-width:1100px){.masthead{gap:18px}.masthead nav{gap:17px}.masthead .brand img{width:48px;height:48px}.masthead .brand strong{font-size:25px}}
@media(max-width:900px){
 .masthead{padding:12px 20px;gap:12px}
 .masthead .mobile-menu{display:flex;align-items:center;gap:10px;margin-left:auto;padding:10px 12px;border:1px solid #deded9;background:white;border-radius:5px;font-size:12px;font-weight:700}
 .masthead nav,.masthead .private-link{display:none}
 .masthead:has(nav.open){flex-wrap:wrap}
 .masthead nav.open{display:flex;flex-wrap:wrap;flex-basis:100%;width:100%;order:3;gap:8px 24px;margin:0;padding:8px 0 0;border-top:1px solid #e1e1dc}
 .masthead nav.open a{min-height:44px}
 .masthead:has(nav.open) .private-link{display:block;order:4;padding:10px 12px}
}
@media(max-width:480px){.masthead{padding:12px 16px}.masthead .brand img{width:44px;height:44px}.masthead .brand strong{font-size:23px}.masthead .brand small{font-size:8px;letter-spacing:1.2px}.masthead .mobile-menu{padding:9px 10px;font-size:11px}}
@media(max-width:360px){.masthead{gap:10px}.masthead .brand{gap:8px}.masthead .brand img{width:40px;height:40px}.masthead .brand strong{font-size:21px}}

.masthead a.private-link{color:#171719;text-decoration:none;text-align:center}.masthead a.private-link:hover{border-color:#df242b;color:#b91c24}.masthead a.private-link:focus-visible{outline:3px solid #df242b;outline-offset:3px}

/* Selected public name retains the badge and one-row desktop masthead. */
.masthead .brand strong{font-size:25px;letter-spacing:-1.2px;white-space:nowrap}
.masthead .brand strong span{color:#df242b}
.refresh-status{display:flex;flex-wrap:wrap;align-items:center;gap:7px 18px;padding:10px max(24px,calc((100vw - 1248px)/2));background:#f4f4f1;border-bottom:1px solid #deded9;color:#626269;font:12px/1.5 Arial,Helvetica,sans-serif}
.refresh-status strong{color:#171719;font-size:12px}
.refresh-status .refresh-state{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#171719}
.refresh-state:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:#626269}
.refresh-status[data-state=current] .refresh-state:before{background:#34724c}
.refresh-status[data-state=partial] .refresh-state:before,.refresh-status[data-state=delayed] .refresh-state:before{background:#a46700}
.refresh-status[data-state=failed] .refresh-state:before{background:#df242b}
.refresh-status a{color:#171719;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.refresh-status .refresh-coverage{flex:1 1 290px}
.refresh-status .refresh-detail{width:100%;margin:0;font-size:11px}
.refresh-status .refresh-detail:empty{display:none}
@media(max-width:1100px){.masthead{gap:16px}.masthead nav{gap:16px}.masthead .brand strong{font-size:23px}}
@media(max-width:980px) and (min-width:901px){.masthead{gap:12px;padding-left:20px;padding-right:20px}.masthead nav{gap:13px}.masthead .private-link{padding:9px}.masthead .brand img{width:44px;height:44px}.masthead .brand strong{font-size:22px}}
@media(max-width:480px){.masthead .brand strong{font-size:21px}.refresh-status{padding:9px 16px;gap:4px 14px;font-size:11px}.refresh-status .refresh-coverage{flex-basis:100%}}
@media(max-width:360px){.masthead .brand strong{font-size:19px}.masthead .mobile-menu{gap:5px;padding:9px 8px}}
