@media (max-width: 1180px) {
  .grid, .routes-grid, .benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 880px) {
  .topbar-inner { min-height: auto; padding: 14px 0; align-items: flex-start; flex-direction: column; }
  .nav { width: 100%; }
  .launch-pill { width: 100%; text-align: center; }
  .section-head { align-items: flex-start; flex-direction: column; }
  .section-head p { max-width: none; }
}
@media (max-width: 760px) {
  .brand { font-size: 1.28rem; }
  .hero { padding-top: 34px; }
  .search-box { padding: 15px 16px; }
  .grid, .routes-grid, .benefits-grid { grid-template-columns: 1fr; }
  .course-card__top { grid-template-columns: 94px 1fr; }
  .course-avatar { width: 94px; height: 94px; }
  .course-logo { width: 84px; height: 84px; }
  .course-title { font-size: 1.52rem; }
  .container { width: min(var(--container), calc(100% - 20px)); }
}