/* Mobile / sidebar menu – responsive font sizing only */
#sidebar nav#sidenav {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.2vh, 1rem);
}

#sidenav a {
  font-size: clamp(1rem, 0.95rem + 0.55vw, 1.35rem) !important;
  line-height: 1.25 !important;
}

@media (min-width: 768px) and (max-width: 1279px) {
  #sidenav a {
    font-size: clamp(1.05rem, 0.9rem + 0.7vw, 1.3rem) !important;
  }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  #sidenav a {
    font-size: clamp(1.15rem, 0.95rem + 0.55vw, 1.5rem) !important;
  }
}

@media (min-width: 1536px) {
  #sidenav a {
    font-size: clamp(1.25rem, 1rem + 0.45vw, 1.75rem) !important;
  }
}

@media (max-height: 720px) {
  #sidebar {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  #sidebar #close-sidenav {
    margin-bottom: 0.75rem !important;
  }

  #sidenav a {
    font-size: clamp(0.95rem, 0.85rem + 0.45vw, 1.15rem) !important;
    line-height: 1.2 !important;
  }
}