/* Perfware Docs hub — custom styling. */

/* Divider between the left navigation pane and the content.
   Fix for "faint and partial":
   - PARTIAL: the primary sidebar is `position: sticky` and only as tall as its
     nav list, so a border on it stops where the list ends. We force the sidebar
     to the full scrollable viewport height so its right border runs top-to-
     bottom regardless of how short the nav list is.
   - FAINT: use a more visible border colour (`--lighter`, not `--lightest`).
   Desktop breakpoint only — on mobile the nav is a drawer, not a side pane. */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    height: 100vh;                 /* fill the viewport, not just the nav list */
    border-right: 2px solid var(--md-default-fg-color--lighter);
  }
  /* Breathing room so the divider isn't tight against the nav labels/arrows. */
  .md-sidebar--primary .md-sidebar__scrollwrap {
    padding-right: 0.5rem;
  }
}
