html {
  overscroll-behavior: none;
}

body {

}

#nav {
  grid-area: nav;
}

#main {
  align-content: start;
  background-color: var(--color-bg);
  /* display: flex; */
  flex-direction: column;
  grid-area: main;
  margin-top: 2.5em;
  overflow: auto;
  padding: 1rem;
  position: relative;
}

/* Mobile optimizations for main content area */
@media (max-width: 768px) {
  #main {
    padding: 0.5rem;
    /* Keep same margin-top as desktop for consistent spacing from nav */
  }
}

@media (max-width: 480px) {
  #main {
    padding: 0.25rem;
    /* Keep same margin-top as desktop for consistent spacing from nav */
    overflow: visible;
  }
}