/* Header typography and colors from Token-Werkstatt v2.13. */
.site-header {
    background: #0b0b0d;
    border-bottom: 1px solid #303036;
    backdrop-filter: blur(12px);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #ece9e4;
}
.site-header .brand {
    font-family: inherit;
    text-decoration: none;
    color: inherit;
}
.site-header .brand strong,
.site-header .brand small { display: block; font-family: inherit; line-height: normal; }
.site-header .brand strong { font-size: 1rem; font-weight: 700; color: #ece9e4; }
.site-header .brand small { margin-top: 3px; font-size: .75rem; font-weight: 400; color: #9c9995; }
.site-header .main-nav { align-items: center; min-width: 0; max-width: 100%; }
.site-header .main-nav a,
.site-header .main-nav .library-nav-logout {
    font-family: inherit;
    font-size: .86rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    color: #bdb9b4;
    background: transparent;
    padding: 10px 12px;
    border-radius: 7px;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.active,
.site-header .main-nav a[aria-current="page"],
.site-header .main-nav .library-nav-logout:hover {
    background: #1d1d21;
    color: #fff;
}
.site-header .main-nav a:focus-visible,
.site-header .main-nav .library-nav-logout:focus-visible {
    outline: 2px solid #bdb9b4;
    outline-offset: 2px;
}
@media (max-width: 1180px) {
    .site-header .header-inner { grid-template-columns: 1fr; justify-items: center; padding: 14px 0; }
    .site-header .brand, .site-header .main-nav { justify-self: center; }
    .site-header .header-spacer { display: none; }
}
@media (max-width: 700px) {
    .site-header .main-nav a,
    .site-header .main-nav .library-nav-logout { padding: 8px 9px; }
}