/* ============================================================
   CamelWorth — responsive breakpoints (mobile-first)
   ============================================================ */

@media (min-width: 720px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1.4fr 1fr; }
}

@media (min-width: 960px) {
  .hero-grid { grid-template-columns: 1.05fr 0.95fr; }
  .topbar-nav { display: inline-flex; }
  #hamburgerBtn { display: none; }
  .feature-grid { grid-template-columns: repeat(3, 1fr); }
  .ad-slot[data-placement="leaderboard"] { min-height: var(--ad-leaderboard-h); }
  .ad-slot[data-placement="anchor"] { display: none; } /* desktop uses rail instead */
  .with-rail {
    display: grid;
    grid-template-columns: 1fr var(--ad-rail-w);
    gap: 2rem;
    align-items: start;
  }
  .rail-sticky { position: sticky; top: calc(var(--topbar-h) + 1rem); }
  .footer-inner { grid-template-columns: 1.6fr 1fr 1fr; }
}

@media (max-width: 959px) {
  .ad-slot[data-placement="rail"] { display: none; } /* mobile uses anchor instead */
}