/* Accessible 3D sidebar links with native middle-click and right-click support. */
@media screen {
  #nav a.category-nav, #nav a.external-nav {
    position: relative; display: flex; align-items: center; gap: 9px;
    min-height: 41px; padding: 7px 9px; box-sizing: border-box;
    border: 1px solid transparent; border-radius: 11px;
    color: var(--tm-ink,#dce7f7); font-size: 13px; font-weight: 760;
    text-decoration: none; line-height: 1.3; text-shadow: none;
    box-shadow: inset 0 1px 0 #ffffff35,0 2px 3px #14264a12;
    transition: background-color .14s,box-shadow .14s,transform .14s;
  }
  #nav a.category-nav:hover, #nav a.external-nav:hover {
    color: var(--tm-ink,#eff5ff); background: var(--tm-soft,#263f5a);
    box-shadow: inset 0 1px 0 #fff9,0 3px 8px #1c344028;
    transform: translateY(-1px);
  }
  #nav a.category-nav[aria-current="page"], #nav a.external-nav[aria-current="page"] {
    color: var(--tm-ink,#f4f7ff); background: var(--tm-soft,#36537c);
    border-color: var(--tm-line,#cfdeec);
    box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 #20396b20,0 3px 6px #27395421;
  }
  #nav a.category-nav > span:nth-child(2), #nav a.external-nav > span:nth-child(2) { flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:normal; }
  #nav a .nav-count { flex:none; margin-left:auto; font-size:10px; font-weight:750; color:inherit; opacity:.78; }
  #nav a .nav-icon { flex:none; box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 0 #2b446833,0 3px 5px #152e4744; }
  #nav a:focus-visible { outline:2px solid #4f9cef;outline-offset:1px; }
}
@media screen and (max-width: 720px) {
  #nav a.category-nav, #nav a.external-nav { font-size:12px;min-height:38px;white-space:nowrap; }
}