/* Keep long HQ navigation inside the full-height desktop sidebar. */
@media (min-width: 761px) {
  .sidebar nav {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 3px;
    scrollbar-color: rgba(255, 255, 255, .24) transparent;
    scrollbar-width: thin;
  }

  .sidebar nav::-webkit-scrollbar { width: 4px; }
  .sidebar nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .24);
  }

  .nav-group { margin: 3px 0; }
  .nav-group summary {
    height: 43px;
    display: grid;
    grid-template-columns: 23px 1fr auto;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border-radius: 9px;
    color: #e2c8cb;
    cursor: pointer;
    list-style: none;
  }
  .nav-group summary::-webkit-details-marker { display: none; }
  .nav-group summary:hover,
  .nav-group[open] summary { color: #fff; background: rgba(217, 54, 72, .13); }
  .nav-group summary b { font-size: 12px; }
  .nav-group summary i { font-style: normal; transition: transform .18s ease; }
  .nav-group[open] summary i { transform: rotate(180deg); }
  .nav-submenu { display: grid; gap: 3px; padding: 4px 0 7px 12px; }
  .nav-submenu .nav-link { height: 37px; font-size: 11px; }
}

@media (max-width: 760px) {
  .nav-group { display: contents; }
  .nav-group summary { display: none; }
  .nav-submenu { display: contents; }
}