.sidebar { overflow-y: auto; scrollbar-width: thin; }
.student-navigation .nav-subitem { margin-left: 20px; min-height: 36px; font-size: 13px; }
.student-navigation .nav-subitem > span { font-size: 13px; }
@media (max-width: 720px) {
  body { padding-bottom: calc(122px + env(safe-area-inset-bottom)); }
  .sidebar { height: calc(122px + env(safe-area-inset-bottom)); padding: 6px 7px calc(8px + env(safe-area-inset-bottom)); }
  .student-navigation { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: 52px; height: auto; gap: 4px; }
  .student-navigation .nav-item, .student-navigation .nav-item:nth-child(n+6) { display: flex; min-width: 0; min-height: 52px; margin-left: 0; padding: 0 2px; font-size: 10px; }
  .student-navigation .nav-subitem > span { font-size: 16px; }
}