/* Per-deck SEO page: inline breakdown + collapsible plain-text decklist */
.deck-page-embed {
  margin: 1.25rem 0 1.75rem;
}

/* Full-page embed: no modal clipping, no internal scroll, no scale squish */
.deck-preview-modal--page.deck-preview-modal--breakdown {
  display: block;
  width: 100%;
  max-width: min(1140px, 100%);
  max-height: none;
  margin: 0 auto;
  overflow: visible;
}

.deck-preview-modal--page .deck-preview-close {
  display: none;
}

.deck-preview-modal--page .deck-preview-body {
  flex: none;
  min-height: 0;
  overflow: visible;
  max-height: none;
  padding: 0;
}

.deck-preview-modal--page .text-modal-image-preview-inner,
.deck-preview-modal--page .screenshot-deck-view-breakdown {
  overflow: visible;
  height: auto;
}

.deck-preview-modal--page .screenshot-breakdown-fit {
  transform: none !important;
  margin-bottom: 0 !important;
  width: 100%;
}

.deck-preview-modal--page .screenshot-breakdown-export,
.deck-preview-modal--page .deck-breakdown-perfect {
  width: min(1037px, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.deck-page-list-section {
  margin: 1.25rem 0 1.5rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(8, 10, 16, .45);
}

.deck-page-list-section summary {
  cursor: pointer;
  padding: .75rem 1rem;
  font-weight: 600;
  color: #c5d0e0;
  list-style-position: outside;
}

.deck-page-list-section summary:hover {
  color: #9ef0b8;
}

.decklist-seo-text {
  margin: 0;
  padding: .85rem 1rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, .08);
  color: #e8edf5;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .86rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-x: auto;
}