/* Ensure body content doesn't get hidden behind fixed-top navbar */
body {
  font-size: 1rem; /* 16px */
  padding-top: 70px;
}

html {
    overflow-y: scroll;
    scroll-padding-top: 70px;
    scroll-behavior: smooth;
}

/* Larger, more readable text on small devices */
@media (max-width: 576px) {
  body {
    font-size: 1.25rem; /* ~20px */
    line-height: 1.6;
  }

  .navbar-nav .nav-link {
    justify-content: flex-start;
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
  }

  .navbar-brand {
    font-size: 1.3rem;
  }

  .dropdown-menu {
    font-size: 1rem;
  }
}