/* Charlie 3.2.0 silent navigation organization. No application or access-control changes. */
.charlie-nav-group > div {
  min-width: 235px;
  max-width: min(310px, calc(100vw - 24px));
  max-height: min(72vh, 560px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 7px 7px 10px;
}
.charlie-nav-group:last-child > div {left:auto;right:0}
.charlie-nav-section {display:flex;flex-direction:column;gap:2px;min-width:0}
.charlie-nav-section + .charlie-nav-section {margin-top:8px;padding-top:9px;border-top:1px solid var(--line)}
.charlie-nav-section-heading {
  margin:0 0 2px;
  padding:5px 10px 4px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.charlie-nav-section > button {min-height:36px;line-height:1.4;white-space:normal}
.charlie-nav-group[data-active-group="true"] > summary {box-shadow:inset 0 -2px 0 #ebc777;color:#fff}
.charlie-nav-group > summary:focus-visible {outline:2px solid #ebc777;outline-offset:2px}
@media (min-width:721px) {
  .charlie-header .nav {flex-wrap:wrap;column-gap:6px;row-gap:0}
  .charlie-nav-group {min-width:auto}
  .charlie-nav-group > summary {white-space:nowrap;padding:9px 10px}
}
@media (prefers-reduced-motion:reduce) { .charlie-nav-group * {scroll-behavior:auto} }