/* One header layout for every page. Menu-tree controls are shared with the editor. */
.uniform-site-header { position: relative; z-index: 1030; width: 100%; color: #dbeafe; background: #172335; border-bottom: 1px solid #334155; box-shadow: 0 3px 12px rgba(15,23,42,.15); }
.uniform-header-top, .uniform-navigation { width: min(1600px, 100%); margin: 0 auto; padding: .75rem 1.25rem; }
.uniform-header-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.uniform-brand { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; min-width: 0; color: #fff; text-decoration: none; }
.uniform-brand-name { font-size: 1.2rem; font-weight: 900; letter-spacing: .08em; }
.uniform-brand-description { border-left: 1px solid #64748b; padding-left: .75rem; color: #a6b5c8; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.uniform-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; padding-top: 0; }
.uniform-main-menu { display: flex; flex: 1 1 30rem; flex-wrap: wrap; align-items: center; min-width: 0; gap: .15rem; }
.uniform-main-menu > li { max-width: 100%; }
.uniform-site-header .nav-tree-link, .uniform-site-header .nav-parent-label { overflow-wrap: anywhere; }
.uniform-account-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; margin-left: auto; max-width: 100%; }
.uniform-account-navigation > a, .uniform-administration > summary { display: block; min-height: 44px; padding: .65rem .75rem; border-radius: .3rem; color: #dbeafe; font-size: .9rem; font-weight: 600; text-decoration: none; cursor: pointer; }
.uniform-administration > summary { display: list-item; list-style-position: inside; }
.uniform-account-navigation > a:hover, .uniform-administration > summary:hover { color: #99f6e4; background: rgba(94,234,212,.14); }
.uniform-administration { position: relative; }
.uniform-admin-panel { position: absolute; top: 100%; right: 0; z-index: 1050; width: 320px; max-width: calc(100vw - 2.5rem); max-height: 65dvh; overflow-y: auto; overscroll-behavior: contain; padding: .4rem; border: 1px solid #475569; border-radius: .4rem; background: #0f172a; box-shadow: 0 12px 28px rgba(15,23,42,.22); }
.uniform-admin-menu { display: flex; flex-direction: column; }
.uniform-admin-panel .nav-submenu { position: static; width: auto; }
.uniform-menu-toggle { display: none; min-height: 44px; padding: .5rem .75rem; border: 1px solid #64748b; border-radius: .35rem; color: #fff; background: transparent; }
.uniform-site-header :is(a,button,summary):focus-visible { outline: 2px solid #5eead4; outline-offset: -2px; }
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
    .uniform-main-menu.nav-enhanced > li > .nav-submenu { position: absolute; top: 100%; left: 0; z-index: 1050; width: 270px; max-width: calc(100vw - 2.5rem); max-height: 65dvh; overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: .4rem; border: 1px solid #475569; border-radius: .4rem; box-shadow: 0 12px 28px rgba(15,23,42,.22); }
    .uniform-main-menu.nav-enhanced > li > .nav-submenu.opens-left { left: auto; right: 0; }
}
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .uniform-brand-description { display: none; }
    html.menus-enabled .uniform-menu-toggle { display: block; flex-shrink: 0; }
    html.menus-enabled .uniform-navigation { display: none; }
    html.menus-enabled .uniform-navigation.is-open { display: flex; }
    .uniform-navigation { flex-direction: column; align-items: stretch; max-height: 75dvh; overflow-y: auto; overscroll-behavior: contain; }
    .uniform-main-menu { flex-basis: auto; flex-direction: column; align-items: stretch; }
    .uniform-account-navigation { margin-left: 0; border-top: 1px solid #475569; padding-top: .5rem; }
    .uniform-administration { width: 100%; }
    .uniform-admin-panel { position: static; width: 100%; max-width: 100%; max-height: none; box-shadow: none; }
}