.site-menu { position: relative; flex: 0 0 auto; margin-left: 16px; color: #33414a; font: 12px system-ui, sans-serif; letter-spacing: 0; z-index: 30; }
.site-menu summary { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid #d7dee3; border-radius: 4px; background: #fff; cursor: pointer; list-style: none; white-space: nowrap; }
.site-menu summary::-webkit-details-marker { display: none; }
.site-menu summary:hover { background: #f2f6f8; }
.site-menu summary:focus-visible, .site-menu a:focus-visible { outline: 2px solid #2475bc; outline-offset: 2px; }
.site-menu nav { position: absolute; right: 0; top: calc(100% + 6px); width: 200px; max-width: calc(100vw - 32px); padding: 5px; background: #fff; border: 1px solid #d7dee3; border-radius: 4px; box-shadow: 0 5px 20px #1729321c; }
.site-menu nav a { display: block; padding: 10px; color: #33414a; text-decoration: none; border-radius: 3px; }
.site-menu nav a:hover { background: #f1f5f7; }
.site-menu nav a[aria-current="page"] { color: #176aa6; background: #edf5fb; font-weight: 600; }
@media (max-width: 480px) { .site-menu { margin-left: 8px; } .site-menu summary, .site-menu nav a { min-height: 40px; } }