/* Shared navigation. Keep all destinations available at every viewport width. */
.site-header { flex-wrap: wrap; }
.site-header nav[aria-label="Main navigation"] { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 22px; min-width:0; }
.site-header nav[aria-label="Main navigation"] > a { display:inline-flex; align-items:center; min-height:40px; white-space:normal; }
.site-header nav[aria-label="Main navigation"] > a[aria-current="page"] { color:#125bdf; text-decoration:underline; text-underline-offset:5px; }
.site-header nav[aria-label="Main navigation"] > a:focus-visible { outline:3px solid #125bdf; outline-offset:4px; }
.hub-detail { max-width:1100px; margin:auto; padding:48px 32px; border-bottom:1px solid #dfe3e9; }
.hub-detail h2 { max-width:800px; }
.hub-detail p,.hub-detail li { max-width:800px; }
.hub-detail li { margin-block:12px; }
.hub-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:24px; }
@media(max-width:980px) {
 .site-header { padding-block:16px; gap:10px; }
 .site-header nav[aria-label="Main navigation"] { flex-basis:100%; justify-content:flex-start; gap:4px 20px; font-size:14px; }
}
@media(max-width:560px) {
 .site-header nav[aria-label="Main navigation"] { gap:4px 16px; }
 .site-header nav[aria-label="Main navigation"] > a { min-height:40px; }
 .hub-detail { padding:36px 20px; }
}