/* Global styles for vocabularies page - Force scrolling */
html, body {
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

#__nuxt {
  height: auto !important;
  overflow-y: auto !important;
  min-height: 100vh !important;
}

/* Override any fixed height constraints */
.chat-container {
  height: auto !important;
  min-height: 100vh !important;
  overflow-y: visible !important;
}

/* Ensure vocabularies page can scroll */
.vocabularies-page {
  height: auto !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Force scrolling on all containers */
* {
  box-sizing: border-box;
}

/* Mobile viewport fixes */
@media screen and (max-width: 768px) {
  html, body {
    height: auto !important;
    overflow-y: auto !important;
  }
}