/* ══════════════════════════════════════
   Responsive — mobile-first
   ══════════════════════════════════════ */

/* Mobile is the default — no query needed */

/* ── Desktop: 680px and above ── */
@media (min-width: 680px) {

  /* Swap navigation */
  .topbar    { display: none; }
  .desktop-nav { display: flex; }
  .overlay   { display: none; }

  /* Page layout */
  .page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 32px 80px;
  }

  /* Two-column tile grid */
  .tile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  /* Two-column topic grid */
  .topic-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}