/* ============================================================
   Digital Assets Summit 2026 — slide-image infographics

   This report's twelve infographics are the author's own PowerPoint
   slides, exported to image, rather than rebuilt in HTML. The decks are
   16:9; the house infographic canvas in shared/infographic.css is 16:10
   and the figure embeds in shared/reader.css are 16:10 to match.

   Those two files are shared by all five reports, so the proportion is
   overridden here rather than changed there. Loaded after the shared
   stylesheets on this report's pages only.
   ============================================================ */

:root {
  --canvas-h: 900px;              /* 1600x900, the deck's 16:9 */
}

/* ---------- the infographic page itself ---------- */

.canvas.slide {
  width: var(--canvas-w);
  height: var(--canvas-h);
  padding: 0;
  overflow: hidden;
  background: #fff;
  position: relative;
}
.canvas.slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---------- figure embeds inside chapters ---------- */

.figure .frame iframe { aspect-ratio: 16 / 9; }

@media print {
  .figure .frame iframe { aspect-ratio: 16 / 9; height: auto; }
}

/* ---------- gallery cards ---------- */

.ig-card .ig-thumb,
.gallery-grid .frame,
.gallery-grid iframe { aspect-ratio: 16 / 9; }