/* Custom Scrollbar for nicer look */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #94a3b8; /* slate-400 */
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #64748b; /* slate-500 */
}
.dark ::-webkit-scrollbar-track {
  background: #0f172a;
}
.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}
.hide-translation .transcript-translation {
    display: none !important;
}
.transcript-item { scroll-margin-top: 120px; }
@media (min-width: 768px) { .transcript-item { scroll-margin-top: 24px; } }
#transcript-container { overflow-x: hidden; }
#collocation-tooltip { max-width: calc(100vw - 20px); }