/* intro v30 — sticky sidebar + single wide photo with overlay */

.intro-lane__fluid {
    font-size: clamp(2.25rem, 5vw, 3.75rem);
}

.intro-lane__main { min-width: 0; }

.intro-lane__banner {
    min-height: 16rem;
}

.intro-lane__banner-img {
    object-fit: cover;
}

@media (min-width: 992px) {
    .intro-lane__banner { min-height: 22rem; }
}

/* process stack — sticky scroll layering, marker, oversized step numbers */
.process-stack__marker {
    width: 0.625rem;
    height: 0.625rem;
}

.process-stack__num {
    font-size: clamp(3.5rem, 11vw, 7.5rem);
    line-height: 0.85;
    letter-spacing: -0.04em;
}

@media (min-width: 768px) {
    .process-stack__slot {
        min-height: min(52vh, 26rem);
    }

    .process-stack__slot:last-child {
        min-height: 0;
    }

    .process-stack__panel {
        position: sticky;
        top: 5rem;
        z-index: calc(var(--stack-index, 0) + 1);
    }
}

/* Bootstrap: grid + gap (row gutters often collapse) */
.tips-detailed__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .tips-detailed__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tips-detailed__subtitle-max {
    max-width: 42rem;
}

.tips-detailed__thumb {
    width: 3rem;
    height: 3rem;
}

.tips-detailed__cta-thumb {
    width: 2rem;
    height: 2rem;
}

.tips-detailed__min-shrink {
    min-width: 0;
}

/* Bootstrap flex-md-row: cap thumb width (parity with Tailwind md:w-80) */
.content-v41-thumb-wrap {
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .content-v41-thumb-wrap {
        width: 20rem;
        max-width: 20rem;
    }
}

.spread-chapter__visual--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

.spread-chapter__jump--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

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

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

.content-img-expands {
    display: block;
    width: 100%;
    height: 18rem;
    min-height: 18rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 768px) {
    .content-img-expands {
        height: 24rem;
        min-height: 24rem;
    }
}

/* faq v26 — masonry board */
.faq-masonry__col {
  min-width: 0;
}

.faq-masonry__cell {
  position: relative;
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 768px) {
  .faq-masonry__cell {
    min-height: 13.5rem;
  }
}

.faq-masonry__body {
  width: 100%;
  flex: 1 1 auto;
}

.faq-masonry__answer {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.faq-masonry__col--featured .faq-masonry__cell {
  min-height: 14rem;
}

@media (min-width: 768px) {
  .faq-masonry__col--featured .faq-masonry__cell {
    min-height: 16.5rem;
  }
}

.faq-masonry__col--featured .faq-masonry__answer {
  -webkit-line-clamp: 5;
}

.faq-masonry__photo {
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 500ms ease;
}

.faq-masonry__cell:hover .faq-masonry__photo {
  filter: grayscale(0);
}

.faq-masonry__shade {
  transition: opacity 300ms ease;
}

.faq-masonry__cell--media:hover .faq-masonry__shade {
  opacity: 0.92;
}