.report-deck {
  position: relative;
  min-width: 0;
  padding: 42px 48px 52px 18px;
  user-select: none;
}

.deck-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.deck-stage {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 10;
  perspective: 1200px;
  isolation: isolate;
}

.report-page {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: 16px;
  background: #eef4f1;
  box-shadow: 0 11px 28px rgba(38, 64, 58, 0.11);
  pointer-events: none;
  transform-origin: 50% 70%;
  transition: transform 460ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms ease, filter 300ms ease;
}

.report-page.is-active {
  z-index: 5;
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
  transform: translate3d(0, 0, 0) rotate(-0.55deg);
  box-shadow: 0 16px 34px rgba(38, 64, 58, 0.14);
}

.report-page.is-layer-1 { z-index: 4; transform: translate3d(18px, 16px, -18px) rotate(1.35deg); filter: saturate(0.97); }
.report-page.is-layer-2 { z-index: 3; transform: translate3d(-16px, 30px, -34px) rotate(-2.05deg); filter: saturate(0.94); }
.report-page.is-layer-3 { z-index: 2; transform: translate3d(30px, 45px, -48px) rotate(2.7deg); filter: saturate(0.91); }
.report-page.is-dragging { cursor: grabbing; transition: none; will-change: transform; }
.report-page.is-dismissing { pointer-events: none; will-change: transform; }


.deck-hint {
  position: absolute;
  top: 10px;
  right: 48px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.02em;
}

.report-deck:focus-visible { outline: none; }
.report-deck:focus-visible .report-page.is-active { outline: 2px solid var(--jade); outline-offset: 4px; }

@media (max-width: 1120px) {
  .report-deck { width: min(880px, 100%); }
}

@media (max-width: 760px) {
  .report-deck { padding: 36px 28px 42px 12px; }
  .report-page.is-layer-1 { transform: translate3d(12px, 13px, -18px) rotate(1.1deg); }
  .report-page.is-layer-2 { transform: translate3d(-10px, 24px, -34px) rotate(-1.65deg); }
  .report-page.is-layer-3 { transform: translate3d(19px, 36px, -48px) rotate(2.15deg); }
  .deck-hint { top: 7px; right: 28px; }
}