.menu-item{list-style:none}.menu-item button{all:unset}.menu-item a,.menu-item button{display:flex;align-items:center;color:var(--text);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:400;font-family:inherit;height:100%;width:100%;min-width:0;box-sizing:border-box;vertical-align:middle;position:relative;transition:background var(--transition-fast),color var(--transition-fast);margin:0;outline:none;text-decoration:none}.menu-item a:focus,.menu-item button:focus{outline:none}.menu-item a:focus-visible,.menu-item button:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}.menu-item a:hover:not(.disabled),.menu-item button:hover:not(.disabled){background:var(--surface-hover, rgba(0, 0, 0, .05));color:var(--brand-main);text-decoration:none}.menu-item a.disabled,.menu-item button.disabled{opacity:.5;cursor:not-allowed}.menu-item.active a,.menu-item.active button{color:var(--brand-main);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.menu-item.active a:hover,.menu-item.active button:hover{background:var(--surface-hover, rgba(0, 0, 0, .05))}.menu-item.variant-horizontal a,.menu-item.variant-horizontal button{flex-direction:row;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.menu-item.variant-stacked a,.menu-item.variant-stacked button{display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%;padding:var(--spacing-xs) var(--spacing-sm)}.menu-item .item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.menu-item .item-icon svg{width:var(--height-xs, 1.5rem);height:var(--height-xs, 1.5rem);display:block}.menu-item.variant-horizontal .item-icon{margin:auto}.menu-item.variant-stacked .item-icon{margin:0 auto}.menu-item .item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.menu-item.variant-stacked .item-label{flex:unset;font-size:var(--font-size-xs);margin-inline:auto}.menu-item .badge{position:absolute;min-width:var(--spacing-lg);height:var(--spacing-lg);padding:0 var(--spacing-2xs);font-size:var(--font-size-xs);border:2px solid var(--surface)}.menu-item .badge--animated{animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.menu-item.variant-stacked .badge{top:var(--spacing-3xs);right:var(--spacing-xs)}.menu-item.variant-horizontal .badge{position:static;min-width:var(--spacing-md);height:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--font-size-2xs);border:none}@media(min-width:768px){.menu-item.variant-horizontal .badge{position:absolute;top:var(--spacing-3xs);right:var(--spacing-3xs);min-width:var(--spacing-md);height:var(--spacing-md);padding:0 var(--spacing-2xs);font-size:var(--font-size-2xs);border:2px solid var(--surface)}}.dropdown-caret{display:inline-block;width:.75em;height:.75em;margin-left:.25em;vertical-align:middle;transition:transform var(--transition-base)}.menu-dropdown-content{padding:0;background:var(--surface);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a}.menu-dropdown-content-inline{padding:0;background:color-mix(in srgb,var(--muted) 5%,transparent 95%);box-shadow:none!important;width:100%}.dropdown-list{display:flex;flex-direction:column;gap:var(--spacing-3xs);padding:var(--spacing-sm)}.dropdown-link{padding:var(--spacing-xs) var(--spacing-sm);color:var(--text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-link:hover{background:var(--surface-hover, rgba(0, 0, 0, .05));color:var(--brand-main)}.mobile-nav-dropdown{padding:0;background:var(--surface);border-radius:var(--radius-sm);overflow-y:auto;box-shadow:0 4px 12px #0000001a}.logo-menu-item{grid-column:1 / -1;display:flex;justify-content:center;margin-bottom:var(--spacing-xs)}.mobile-logo-button{display:flex;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;transition:opacity var(--transition-base);padding:0}.mobile-logo-button:hover{opacity:.8}.mobile-logo{width:100%;height:auto;max-width:200px}