@media (min-width: 992px) {
  .exam-scroll-box {
    max-height: 75vh;
    overflow-y: auto;
  }
}

@media (min-width: 992px) {
  .view-exam-scroll-box {
    max-height: 70vh;
    overflow-y: auto;
  }
}

@media (min-width: 992px) {
  .scroll-box {
    max-height: 80vh;
    overflow-y: auto;
  }
}

/* Optional: Makes the scrollbar look sleek on Webkit browsers (Chrome/Safari) */

@media (min-width: 992px) {
  .exam-scroll-box::-webkit-scrollbar {
    width: 6px;
  }
}

@media (min-width: 992px) {
  .exam-scroll-box::-webkit-scrollbar-thumb {
    background-color: #adb5bd;
    border-radius: 10px;
  }
}

/* Import Google Fonts: Inter and Merriweather */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');

/* Set the default app font to Inter and soften the text color to dark charcoal */
body {
    font-family: 'Inter', sans-serif !important;
    color: #333333; 
}

/* Custom class for the academic reading passages */
.narration-text {
    font-family: 'Merriweather', serif;
    color: #2c3e50; /* A slightly cooler, darker tone for prolonged reading */
    font-size: 1.05rem; /* Just a tiny boost for readability */
}