/*
 * Podcast Stable Canvas V1
 * Isolated adapter for this deck only. The authored slide coordinate system is
 * always 1920 x 1080 and the complete canvas is scaled uniformly into its stage.
 */

html[data-podcast-stable-canvas="true"] {
  --podcast-canvas-width: 1920;
  --podcast-canvas-height: 1080;
  --podcast-canvas-scale: 0.5;
}

html[data-podcast-stable-canvas="true"] .reader-size {
  display: none;
}

html[data-podcast-stable-canvas="true"] .deck__stage {
  container-type: normal;
}

html[data-podcast-stable-canvas="true"] .podcast-stable-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  container-type: inline-size;
  transform: translate(-50%, -50%) scale(var(--podcast-canvas-scale));
  transform-origin: center;
}

html[data-podcast-stable-canvas="true"] .podcast-stable-canvas > .slide,
html[data-podcast-stable-canvas="true"][data-deck-presenting="true"] .podcast-stable-canvas > .slide {
  position: absolute;
  inset: 0;
  width: 1920px;
  height: 1080px;
  min-height: 0;
  max-height: none;
  margin: 0;
  border: 0;
  aspect-ratio: auto;
}

html[data-podcast-stable-canvas="true"][data-deck-presenting="true"] .slide__notes {
  display: none !important;
}

/* Larger presenter typography. Values stay tied to the fixed logical canvas. */
html[data-podcast-stable-canvas="true"] .overview-card__body {
  font-size: 1.68cqi;
  line-height: 1.42;
}

html[data-podcast-stable-canvas="true"] .spend-total__label {
  font-size: 1.42cqi;
}

html[data-podcast-stable-canvas="true"] .spend-total__note {
  font-size: 1.55cqi;
  line-height: 1.42;
}

html[data-podcast-stable-canvas="true"] .spend-row__tools {
  font-size: 1.68cqi;
  line-height: 1.38;
}

html[data-podcast-stable-canvas="true"] .spend-row__tools strong {
  font-size: 1.96cqi;
}

html[data-podcast-stable-canvas="true"] .spend-row__amount {
  font-size: 2.02cqi;
}

html[data-podcast-stable-canvas="true"] .cue-card strong {
  font-size: 2.2cqi;
  line-height: 1.18;
}

html[data-podcast-stable-canvas="true"] .cue-list {
  gap: 0.58cqi;
  margin-top: 0.78cqi;
  font-size: 1.95cqi;
  line-height: 1.38;
}

html[data-podcast-stable-canvas="true"] .cue-list > li,
html[data-podcast-stable-canvas="true"] .findings-list > li {
  font-size: inherit;
  line-height: inherit;
}

html[data-podcast-stable-canvas="true"] .cue-card--dense .cue-list {
  gap: 0.3cqi;
  font-size: 1.58cqi;
  line-height: 1.26;
}

html[data-podcast-stable-canvas="true"] .findings-list {
  gap: 0.82cqi;
  margin-top: 1.35cqi;
  font-size: 2.4cqi;
  line-height: 1.34;
  max-inline-size: 65ch;
}

@media (max-width: 860px) {
  html[data-podcast-stable-canvas="true"] .podcast-stable-canvas > .slide {
    position: absolute;
    width: 1920px;
    height: 1080px;
    margin-bottom: 0;
  }

  html[data-podcast-stable-canvas="true"] .podcast-stable-canvas > .slide:last-child {
    margin-bottom: 0;
  }

  html[data-podcast-stable-canvas="true"] .tool-slide {
    padding: 3.15cqi 4.4cqi;
  }

  html[data-podcast-stable-canvas="true"] .tool-head {
    grid-template-columns: 8.3cqi minmax(0, 1fr);
    gap: 1.8cqi;
    margin-bottom: 1.5cqi;
  }

  html[data-podcast-stable-canvas="true"] .tool-logo {
    width: 8.3cqi;
    height: 8.3cqi;
    border-radius: 1.6cqi;
  }

  html[data-podcast-stable-canvas="true"] .tool-name {
    font-size: 4.45cqi;
  }

  html[data-podcast-stable-canvas="true"] .cue-grid {
    gap: 1.15cqi;
  }

  html[data-podcast-stable-canvas="true"] .cue-card {
    padding: 1.45cqi 1.7cqi;
  }

  html[data-podcast-stable-canvas="true"] .cue-card strong {
    font-size: 2.2cqi;
  }

  html[data-podcast-stable-canvas="true"] .cue-list {
    gap: 0.58cqi;
    margin-top: 0.78cqi;
    font-size: 1.95cqi;
  }

  html[data-podcast-stable-canvas="true"] .cue-card--dense .cue-list {
    gap: 0.3cqi;
    font-size: 1.58cqi;
    line-height: 1.26;
  }

  html[data-podcast-stable-canvas="true"] .findings-title {
    font-size: 4cqi;
  }

  html[data-podcast-stable-canvas="true"] .findings-list {
    gap: 0.82cqi;
    font-size: 2.4cqi;
  }
}

@media print {
  html[data-podcast-stable-canvas="true"] .podcast-stable-canvas {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
    container-type: normal !important;
  }

  html[data-podcast-stable-canvas="true"] .podcast-stable-canvas > .slide {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    container-type: inline-size !important;
  }
}