/* Mobile / responsive rules for the landing page.
   Moved out of css/styles.css so all breakpoint fixes live in one file.
   Loaded after css/styles.css — edit here, not in css/styles.css. */

@media (max-width: 900px) {
  .app-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .sidebar {
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }

  .topbar {
    flex-direction: column;
    align-items: flex-start;
  }
}