/* v292: reliable one-column course cards on phones; FAQ is data-driven in app.js. */
@media (max-width: 640px) {
  .ds-home #courses .ds-courses,
  .ds-home #courses .ds-course-grid,
  .ds-home #courses .ds-courses-grid,
  .ds-home #courses .ds-course-list,
  .ds-home #courses .ds-courses-list,
  .ds-home #courses .ds-course-cards,
  .ds-home #courses .ds-course-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
  .ds-home #courses .ds-course-card-v243,
  .ds-home #courses .ds-course {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .ds-home #courses .ds-section-inner,
  .ds-home #courses .ds-courses {
    box-sizing: border-box !important;
  }
  .ds-home #courses .ds-course-info-row { justify-content: flex-start !important; }
  .ds-home #courses .ds-course-actions-v243 { width: 100% !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
  .ds-home #courses .ds-course-actions-v243 .ds-course-btn { width: 100% !important; box-sizing: border-box !important; }
}
@media (min-width: 641px) {
  .ds-home #courses .ds-courses { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; }
}