.sidebar[hidden], .menu-toggle[hidden] { display: none; }
.menu-toggle { flex-shrink: 0; white-space: nowrap; }
.topbar { height: auto; min-height: 86px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
.topbar-actions { flex-wrap: wrap; }
.sidebar .nav-section { margin: 8px 0; border-bottom: 1px solid var(--line); padding-bottom: 6px; }
.sidebar .nav-section > summary { font-size: 13px; font-weight: 650; padding: 10px 4px; min-height: 44px; color: var(--ink); }
.sidebar .nav-section > summary:hover { color: var(--green); }
.sidebar .nav-link { white-space: normal; }
.sidebar .nav-badge { margin-left: auto; }
@media (max-width: 820px) {
  .sidebar nav { display: block; overflow: visible; margin-top: 12px; }
  .sidebar .centre-label { position: static; max-width: none; margin: 12px 0; }
  .sidebar .nav-link { margin-bottom: 3px; min-height: 44px; }
  .topbar { height: auto; min-height: 58px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
}