.intro-instructor__media {
    width: 20rem;
    height: 24rem;
}

.intro-instructor__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-grid-gap {
    gap: 2rem;
}

.content-heading-gap {
    margin-bottom: 2rem;
}

.content-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-img-fullheight {
    display: block;
    width: 100%;
    height: 16rem;
    min-height: 16rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 992px) {
    .content-img-fullheight {
        height: 100%;
        min-height: 16rem;
    }
}

/* Layout / motion — colors stay in Blade */

.overlay-panel-stack__tile {
  flex: 1 1 260px;
  min-width: 260px;
  max-width: 380px;
  min-height: 340px;
}

.overlay-panel-stack__dock {
  transform: translateY(calc(100% - 3.25rem));
  transition: transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.overlay-panel-stack__tile:hover .overlay-panel-stack__dock {
  transform: translateY(0);
}

.overlay-panel-stack__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.overlay-panel-stack__cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* FAQ v10 — accordion panel height */
.faq-answer {
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
}

.faq-icon-circle { width: 1.5rem; height: 1.5rem; }

.tips-interactive__badge {
    z-index: 20;
}

.tips-interactive__inner {
    z-index: 10;
}

.tips-interactive__panel {
    z-index: 50;
}

.tips-interactive__thumb {
    width: 4rem;
    height: 4rem;
}

.tips-interactive__thumb--sm {
    width: 3rem;
    height: 3rem;
}

.tips-interactive__panel--collapsed {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
}

.tips-interactive__panel--open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}