.portal-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:#17283d;color:#fff;position:relative;z-index:20}
.portal-header a{color:#fff;text-decoration:none}.portal-header a:hover,.portal-header .active-map{ text-decoration:underline;text-underline-offset:.3rem;font-weight:700}
.portal-brand{font-weight:800;white-space:nowrap}.portal-mobile{flex:1;min-width:0}.portal-toggle,.portal-toggle-label{display:none}.portal-maps{display:flex;gap:1rem;flex-wrap:wrap}.portal-main{margin-left:auto;display:flex;gap:1rem}
.portal-user{position:relative}.portal-user summary{cursor:pointer;overflow-wrap:anywhere}.portal-user ul{position:absolute;right:0;min-width:12rem;list-style:none;padding:1rem;background:#17283d;box-shadow:0 4px 12px #0003}.portal-user li+li{margin-top:.6rem}
.portal-header a:focus-visible,.portal-header summary:focus-visible{outline:3px solid #35b7a6;outline-offset:3px}

@media(max-width:760px){.portal-mobile{order:4;flex-basis:100%}.portal-toggle-label{display:block;cursor:pointer}.portal-toggle{display:block;position:absolute;opacity:0;width:1px;height:1px}.portal-toggle:focus-visible+label{outline:3px solid #35b7a6}.portal-maps{display:none}.portal-toggle:checked~.portal-maps{display:flex;flex-direction:column;padding-top:1rem}.portal-main{margin-left:auto}.portal-user{max-width:45%}}

.portal-header nav{background:transparent;padding:0;margin:0;font:inherit;color:inherit}.portal-header{font-size:1rem}.portal-header .portal-maps a{font-weight:500}

/* FocusOnNavigate keeps heading focus; interactive focus indicators remain intact. */
h1[tabindex="-1"]:focus { outline: none; }