/* Radar Studio — grouped menu (2026-10-08). Pairs with nav_groups.js. */
.sidebar.navg-ready { padding: 14px 10px 40px; }
.navg-find { width: 100%; box-sizing: border-box; margin: 0 0 10px; padding: 8px 11px; border: 1px solid #cfd6cf; border-radius: 8px; background: #f6f7f4; font: inherit; font-size: 13px; color: #24302b; }
.navg-find:focus { outline: 2px solid var(--green, #1f7a5a); outline-offset: 1px; background: #fff; }
.navg-group { margin: 0 0 4px; }
.navg-group[hidden] { display: none; }
.navg-plain { margin-bottom: 4px; }
.navg-head { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: #24302b; font: inherit; font-size: 11.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; text-align: left; cursor: pointer; }
.navg-head:hover, .navg-head:focus-visible { background: #dce2dc; }
.navg-caret { width: 0; height: 0; border-left: 5px solid #5d6b65; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: transform .15s ease; flex: 0 0 auto; }
.navg-open > .navg-head .navg-caret { transform: rotate(90deg); }
.navg-title { flex: 1 1 auto; }
.navg-count { min-width: 18px; padding: 1px 6px; border-radius: 999px; background: #d93838; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0; text-align: center; line-height: 16px; }
.navg-count[hidden] { display: none; }
.navg-items { display: none; padding: 2px 0 6px 10px; }
.navg-open > .navg-items { display: block; }
.navg-items .nav-item { padding: 8px 12px; margin-bottom: 2px; font-size: 13.5px; }
.navg-group[data-group="archive"] .navg-head { color: #7b867f; }
.navg-group[data-group="archive"] .nav-item { color: #7b867f; font-weight: 600; }
/* find mode: show matches only */
.navg-finding .navg-items { display: none; }
.navg-finding .navg-hit > .navg-items { display: block; }
.navg-finding .nav-item.navg-miss { display: none; }
.navg-finding .navg-group:not(.navg-hit):not(.navg-plain) { display: none; }
.navg-finding .navg-plain:not(:has(.nav-item:not(.navg-miss))) { display: none; }
.navg-phonebar, .navg-shade { display: none; }

@media (max-width: 700px) {
  .navg-phonebar { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 16px; border: 0; border-bottom: 1px solid var(--line, #d8ddd8); background: #e8eae4; color: #1f2a25; font: inherit; font-weight: 800; font-size: 15px; text-align: left; }
  .navg-burger { position: relative; width: 18px; height: 2px; background: currentColor; border-radius: 2px; flex: 0 0 auto; }
  .navg-burger::before, .navg-burger::after { content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: currentColor; border-radius: 2px; }
  .navg-burger::before { top: -6px; } .navg-burger::after { top: 6px; }
  .navg-phonetitle { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  /* the old sideways strip becomes a slide-out panel */
  .sidebar.navg-ready { position: fixed !important; top: 0; bottom: 0; left: 0; z-index: 60; display: block !important; width: min(84vw, 320px); overflow-y: auto !important; overflow-x: hidden !important; padding: 16px 12px 60px; border-right: 1px solid var(--line, #d8ddd8); border-bottom: 0; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 0 0 0 rgba(0,0,0,0); }
  .navg-drawer-open .sidebar.navg-ready { transform: none; box-shadow: 8px 0 30px rgba(0,0,0,.18); }
  .sidebar.navg-ready .nav-item { display: block; width: 100%; flex: none; margin: 0 0 2px; padding: 10px 12px; font-size: 15px; }
  .sidebar.navg-ready .navg-head { padding: 11px 10px; font-size: 12.5px; }
  .navg-shade { position: fixed; inset: 0; z-index: 55; background: rgba(0,0,0,.35); }
  .navg-drawer-open .navg-shade { display: block; }
  .navg-find { font-size: 16px; } /* no zoom on iPhone */
}
@media (prefers-reduced-motion: reduce) { .sidebar.navg-ready, .navg-caret { transition: none; } }