/* ============================================================
   55-cond-videos — scoped under .sec-55-cond-videos
   Reused across standalone condition pages (TMJ, Headaches).
   ============================================================ */

.sec-55-cond-videos__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.1rem, 1.8vw, 1.5rem);
}

@media (max-width: 900px) {
  .sec-55-cond-videos__grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin-inline: auto;
  }
}

.sec-55-cond-videos__caption {
  margin-top: 0.9rem;
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--text-on-bone-dim);
  text-align: center;
}