/* ============================================================
   97-resource-synergy — Synergy Between Video Series page grid.
   ============================================================ */

.sec-97-synergy__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.sec-97-synergy__video {
  margin: 0;
}

.sec-97-synergy__frame {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: var(--bone-2);
  box-shadow: var(--shadow-soft);
}

.sec-97-synergy__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.sec-97-synergy__video figcaption {
  margin-top: 0.65rem;
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--text-on-bone, var(--ink));
}