/* Sidebar section headings (candidate). nav-groups.js orders the existing items into groups and marks the first visible
   item of each group with data-lv-group; this file draws the heading above it. Nothing else in LeadVolt changes.
   Remove this <link> and the nav-groups.js <script> to restore the original sidebar. */
#nav{gap:0;overflow-x:hidden}
#nav > li{flex:none;min-width:0}
#nav > li[data-lv-group]::before{content:attr(data-lv-group);display:block;padding:12px 12px 4px;font-size:10px;font-weight:600;line-height:1.5;
  letter-spacing:.09em;text-transform:uppercase;color:#9CA5B6}
#nav > li:first-child[data-lv-group]::before{padding-top:0}
/* Collapsed (icon-only) sidebar: a thin divider instead of the words. */
body.mini #nav > li[data-lv-group]::before{content:"";height:0;padding:0;margin:8px 8px 6px;border-top:1px solid #414957;overflow:hidden}
body.mini #nav > li:first-child[data-lv-group]::before{margin-top:0;border-top:0}
body.mini #nav > li > button{gap:0;justify-content:center;padding-inline:0}
body.mini #nav > li > button::after{display:none}
body.mini #nav > li > button :is(svg.i,img.lv-assistant-mark){flex:none}
/* Fit the grouped list on a 900 px tall desktop screen. */
@media (min-width:761px){#nav{gap:0}#nav > li > button{padding-top:6px;padding-bottom:6px}#nav > li[data-lv-group]::before{padding:9px 12px 3px}}