/* Isolated desktop navigation, outside the React root and page layout. */
.liverep-section-nav, .liverep-section-nav-label { display: none; }
@media (min-width: 1200px) {
  .liverep-section-nav {
    position: fixed;
    right: 1px;
    z-index: 45;
    display: flex;
    flex-direction: column;
    width: 28px;
    padding-block: 6px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    overscroll-behavior: contain;
    border-radius: 16px;
    background: rgba(6, 17, 31, .75);
  }
  .liverep-section-nav::-webkit-scrollbar { display: none; }
  .liverep-section-nav a {
    flex: 0 0 28px;
    width: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    text-decoration: none;
    outline-offset: -3px;
  }
  .liverep-section-nav a > span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8494a0;
    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
  }
  .liverep-section-nav a[aria-current="location"] > span {
    background: var(--accent, #10d9f1);
    transform: scale(1.5);
    box-shadow: 0 0 8px #10d9f166;
  }
  .liverep-section-nav a:focus-visible { outline: 2px solid var(--accent, #10d9f1); }
  .liverep-section-nav a:hover > span { background: var(--accent, #10d9f1); }
  .liverep-section-nav-label:not([hidden]) {
    position: fixed;
    right: 37px;
    z-index: 46;
    display: block;
    transform: translateY(-50%);
    max-width: 260px;
    padding: 7px 12px;
    border: 1px solid #3a536b;
    border-radius: 8px;
    background: #0b1c2c;
    color: #edf5f8;
    font: 500 12px/1.4 var(--font-body, sans-serif);
    pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .liverep-section-nav a > span { transition: none; }
}