/* Apresentação das lições: slides de 1920×1080 escalados para caber na coluna da lição.
   Sem JavaScript, o bloco não aparece: a lição continua completa só com o texto. */
.deck { margin: 0 auto 8px; }
.deck:not(.deck-js) { display: none; }
.deck-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #14213d;
  touch-action: pan-y;
}
.deck-stage:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.deck-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  transform-origin: 0 0;
  transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--k, 0.4));
  display: none;
}
.deck-slide { border: 0; }
.deck-slide p, .deck-slide h1, .deck-slide h2, .deck-slide h3 { margin: 0; }
.deck-slide:not(.is-on) { display: none !important; }
.deck-stage.is-full {
  position: fixed;
  inset: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  background: #000;
}
.deck-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.deck-btn {
  min-height: 44px;
  min-width: 44px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.deck-btn:disabled { opacity: .4; cursor: default; }
.deck-count { font-size: 15px; color: var(--muted); font-variant-numeric: tabular-nums; }
.deck-caption { font-size: 14px; color: var(--muted); margin: 8px 0 0; }
.midia { margin: 32px auto 0; }
.midia audio { display: block; width: 100%; margin-top: 12px; }
.midia .deck-btn { display: inline-flex; align-items: center; margin-top: 12px; text-decoration: none; }