/* Consistent capsule at every breakpoint; keep dropdowns unclipped. */
html body .container.glass-menu { border-radius: 999px !important; }
html body .container.glass-menu:has(.w-nav-button.w--open) { border-radius: 24px !important; }
.courses [data-hth-course-item][hidden], .hth-course-empty[hidden] { display: none !important; }
.hth-course-empty { padding: 40px 20px; color: white; text-align: center; font-family: "Press Start 2P", monospace; }
@media screen and (min-width: 992px) {
  .hth-home-services .service-slider { box-sizing: border-box; padding: 0 16px; }
  .hth-home-services .service-card.service-card-mobile { width: 100%; }
  .courses .collection-list-2 {
    display: grid !important;
    gap: 28px !important;
    align-items: stretch;
  }
  .courses .collection-list-2 > .w-dyn-item { min-width: 0; margin: 0 !important; padding: 0; height: auto; }
  .courses .collection-list-2 .course-card {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    height: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px;
    background-size: 100% 100%;
  }
  .courses .course-card .course-info { width: 100%; height: auto; min-height: 210px; margin: 0; }
  .courses .course-card .heading1-for-course { height: auto; min-height: 72px; margin: 0; overflow-wrap: break-word; }
  .courses .course-card .course-text { height: auto; max-height: none; margin: 20px 0 0; }
  .courses .course-card .course-image { max-width: 100%; width: 100%; height: auto; margin: auto 0 0; }
}
@media screen and (min-width: 768px) {
  [udy-collection="modules-moduli"] .collection-list-3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
  }
  [udy-collection="modules-moduli"] .collection-item-2 { width: auto; min-width: 0; margin: 0; padding: 0; }
  [udy-collection="modules-moduli"] .module {
    box-sizing: border-box;
    width: 100%; max-width: 100%; height: 100%; min-height: 500px;
    margin: 0; padding: 40px;
    background-size: 100% 100%;
    justify-content: flex-start; gap: 24px;
  }
  [udy-collection="modules-moduli"] .module > div {
    box-sizing: border-box; width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0;
  }
}
