.header-start{display:flex;align-items:center;gap:22px;min-width:0}
.archive-navigation{position:relative;flex-shrink:0}
.archive-menu-toggle{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:24px;color:var(--text);background:#ffffff80;font-size:12px}
.archive-menu-icon{font-size:16px;line-height:1}
.archive-menu-chevron{font-size:12px;transition:transform .18s ease}
.archive-menu-toggle[aria-expanded=true] .archive-menu-chevron{transform:rotate(180deg)}
.archive-menu-panel{position:absolute;top:100%;left:0;width:220px;padding:12px 8px 8px;border:1px solid var(--line);border-radius:16px;background:#f9fcfff5;box-shadow:0 16px 40px #243a5b24;backdrop-filter:blur(16px);z-index:30}
.archive-menu-panel[hidden]{display:none}
.archive-menu-panel a,.archive-menu-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:11px 12px;border-radius:9px;text-align:left;font-size:13px;color:var(--text)}
.archive-menu-panel small{font-size:9px;letter-spacing:.5px;color:var(--muted)}
.archive-menu-panel a:hover,.archive-menu-panel button:hover,.archive-menu-panel a:focus-visible,.archive-menu-panel button:focus-visible{background:#dce7f380;color:var(--text)}
.archive-menu-toggle:focus-visible,.archive-menu-panel a:focus-visible,.archive-menu-panel button:focus-visible{outline:2px solid #456da8;outline-offset:3px}
@media(max-width:700px){.header-start{gap:12px}.archive-menu-toggle{padding:0 11px;min-height:40px}.site-header>nav>a{display:none}.archive-menu-panel{width:min(220px,88vw)}}
@media(prefers-reduced-motion:reduce){.archive-menu-chevron{transition:none}}