.kg-nav-menu{position:relative;width:100%}.kg-nav-menu__list{display:flex;align-items:center;gap:var(--kg-space-1);list-style:none;margin:0;padding:var(--kg-space-1);border-radius:var(--kg-radius-md);background:var(--kg-color-surface-raised);border:1px solid var(--kg-color-border)}.kg-nav-menu__item{position:relative}.kg-nav-menu__trigger{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:none;background:transparent;color:var(--kg-color-text-primary);font-size:13px;font-family:var(--kg-font-sans);font-weight:var(--kg-weight-medium);cursor:pointer;outline:none;transition:background var(--kg-duration-fast) var(--kg-ease-standard),color var(--kg-duration-fast) var(--kg-ease-standard)}.kg-nav-menu__trigger--active,.kg-nav-menu__trigger:hover{background:var(--kg-color-surface-hover)}.kg-nav-menu__trigger:focus-visible{outline:2px solid var(--kg-color-border-focus);outline-offset:1px}.kg-nav-menu__chevron{transition:transform var(--kg-duration-fast) var(--kg-ease-standard);color:var(--kg-color-text-secondary);flex-shrink:0}.kg-nav-menu__trigger--active .kg-nav-menu__chevron{transform:rotate(180deg)}.kg-nav-menu__link{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:13px;font-family:var(--kg-font-sans);font-weight:var(--kg-weight-medium);color:var(--kg-color-text-primary);text-decoration:none;transition:background var(--kg-duration-fast) var(--kg-ease-standard)}.kg-nav-menu__link:hover{background:var(--kg-color-surface-hover)}.kg-nav-menu__link:focus-visible{outline:2px solid var(--kg-color-border-focus);outline-offset:1px}.kg-nav-menu__link--active{color:var(--kg-color-primary);font-weight:var(--kg-weight-semibold)}.kg-nav-menu__viewport{position:absolute;top:calc(100% + 6px);left:0;right:0;border-radius:10px;border:1px solid var(--kg-color-border);background:var(--kg-color-surface-raised);box-shadow:var(--kg-shadow-lg);z-index:9000;overflow:hidden;animation:kg-nav-viewport-in var(--kg-duration-fast) var(--kg-ease-decelerate) both}@keyframes kg-nav-viewport-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.kg-nav-menu__content{padding:var(--kg-space-4);font-family:var(--kg-font-sans);-webkit-font-smoothing:antialiased}