/* Live previews of each theme, two to a row where there is room. */
.theme-previews {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
  gap: 1.5rem;
  margin-block: 1.5rem;
}

.theme-preview {
  display: grid;
  gap: 0.6rem;
  margin: 0;
  --pmx-source-embed-height: 26rem;
}

.theme-preview iframe {
  border: 1px solid var(--pmx-color-border);
  border-radius: var(--pmx-radius-lg);
}

.theme-preview figcaption {
  color: var(--pmx-color-muted);
  font-size: 0.92em;
}

.pmx-document:has(.theme-previews) {
  --pmx-document-measure: 60rem;
}