/* KI-Kompetenz: scoped addition to the existing Sogln navigation. */
.sogln-ki-menu { position: relative; display: flex; align-items: center; gap: 4px; }
.sogln-ki-menu [hidden] { display: none !important; }
.sogln-ki-toggle { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 34px; padding: 0; border: 0; border-radius: 6px; color: #294a43; background: transparent; font: inherit; cursor: pointer; }
.sogln-ki-toggle:hover { background: #e6eee9; }
.sogln-ki-toggle:focus-visible, .sogln-ki-submenu a:focus-visible { outline: 3px solid #0f6d5b; outline-offset: 3px; }
.sogln-ki-toggle span { transition: transform .15s ease; }
.sogln-ki-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
.sogln-ki-submenu { position: absolute; top: 100%; left: 0; z-index: 60; min-width: 190px; padding: 8px; border: 1px solid #dfe8e4; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px #173c3424; }
.nav-links .sogln-ki-submenu a { display: block; padding: 10px 12px; border-radius: 7px; white-space: nowrap; }
.nav-links .sogln-ki-submenu a:hover { background: #edf5f1; }
.sogln-ki-fallback { display: block; padding: 8px 0 0 12px; }
@media (max-width: 960px) {
  .sogln-ki-menu { flex-wrap: wrap; width: 100%; }
  .sogln-ki-menu > a { flex: 1; }
  .sogln-ki-submenu { position: static; flex-basis: 100%; min-width: 0; margin-top: 6px; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) { .sogln-ki-toggle span { transition: none; } }