.header-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .75rem 1.25rem; margin-inline-start: auto; min-width: 0; }
.site-header [hidden], .main-menu [hidden] { display: none; }
.main-menu { position: static; width: min(23rem, 100%); margin: 1rem auto 1rem 0; padding: 1.5rem; border: 1px solid var(--wn-border); color: var(--wn-text); background: var(--wn-surface); }
.main-menu[data-drawer] { position: fixed; inset: 0 auto 0 0; width: min(23rem, 100%); max-width: 100%; height: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 1.5rem; border: 0; border-right: 1px solid var(--wn-border); box-shadow: var(--wn-shadow-raised); overflow-y: auto; overscroll-behavior: contain; }
.main-menu[data-drawer][open] { animation: menu-enter 180ms ease-out; }
.main-menu::backdrop { background: rgb(24 42 37 / 35%); }
body:has(.main-menu[data-drawer][open]) { overflow: hidden; }
.main-menu-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--wn-border); }
.main-menu-heading h2 { margin: 0; font-size: 1.25rem; color: var(--wn-primary); }
.main-menu-heading button { font-size: 1.5rem; min-width: 44px; padding: .25rem; }
.menu-item { display: block; width: 100%; min-height: 44px; margin: .25rem 0; padding: .7rem .85rem; border: 0; border-radius: var(--wn-radius); background: transparent; color: var(--wn-text); text-decoration: none; text-align: start; cursor: pointer; overflow-wrap: anywhere; }
.menu-item:hover { background: var(--wn-active-line); color: var(--wn-primary-hover); }
.menu-item:active { background: var(--wn-selection); }
.menu-item[aria-current="page"] { background: var(--wn-selection); color: var(--wn-primary-active); font-weight: 650; box-shadow: inset 3px 0 var(--wn-primary); }
summary.menu-item { display: list-item; list-style-position: inside; font-weight: 600; }
.menu-subitems { margin-inline-start: .85rem; padding-inline-start: .65rem; border-inline-start: 1px solid var(--wn-border); }
.menu-subitems form { margin: 0; }
.menu-logout { color: var(--wn-danger); }
.menu-logout:hover { background: var(--wn-danger-bg); color: var(--wn-danger); }
@keyframes menu-enter { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (max-width: 450px) { .header-actions { width: 100%; gap: .5rem; } .header-actions .user-name { flex: 1 1 100%; max-width: none; } .header-actions .language-selector { margin-inline-start: 0; margin-inline-end: auto; } }

.brand-menu { display: inline-flex; align-items: center; gap: .65rem; min-height: 44px; padding: .25rem .5rem; margin-inline-start: -.5rem; border: 0; border-radius: var(--wn-radius); background: transparent; cursor: pointer; }
.brand-menu:hover { color: var(--wn-primary-hover); background: var(--wn-active-line); }
.brand-menu:active, .brand-menu[aria-expanded="true"] { background: var(--wn-selection); }
.brand-menu > span { font-size: 1.05rem; letter-spacing: normal; }
.site-identity { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; min-width: 0; }
.site-section { padding-inline-start: 1rem; border-inline-start: 1px solid var(--wn-border); font-size: .875rem; color: var(--wn-muted); overflow-wrap: anywhere; }