/* Home page additions to the old Home.css / TopNav.css (assets/legacy/home): links that replace the old
   <button>s look the same, "Coming soon" instead of Preview, and the account links in the old top menu. */
[hidden] { display: none !important; }
a.home-hero-btn, a.btn-join, a.btn-preview, a.home-join-cta-btn, a.home-institutions-cta, a.home-footer-link {
  display: inline-block; text-decoration: none; text-align: center; }
a.home-footer-link { display: block; }
.btn-preview-soon { opacity: .6; cursor: default; pointer-events: none; }
.home-institution-card { margin: 1rem auto; max-width: 640px; }

/* site-wide announcement (admin panel > Settings > banner) */
.bl-site-banner { background: #fef3c7; color: #92400e; text-align: center; padding: .5rem 1rem; font-size: .9rem; border-bottom: 1px solid #fde68a; }

/* Phones: the course-category tabs wrap onto two lines instead of overflowing the screen */
@media (max-width: 480px) {
  .home-categories-in-paths .category-tabs { flex-wrap: wrap; }
  .home-categories-in-paths .category-tabs .tab { flex: 1 1 auto; }
}

/* "Why students choose Booster LEAP": 7 cards, 3 per row; the last row is centred, so the 7th card sits in the
   middle (owner's request, 3 Nov 2026). Same widths as the old grid (min 300px, equal columns). */
.features-grid { display: flex; flex-wrap: wrap; justify-content: center; }
.features-grid > .feature-card { flex: 0 1 calc((100% - 3rem) / 3); min-width: 300px; box-sizing: border-box; }
@media (max-width: 995px) { .features-grid > .feature-card { flex-basis: calc((100% - 1.5rem) / 2); } }
@media (max-width: 671px) { .features-grid > .feature-card { flex-basis: 100%; min-width: 0; } }