/* ============================================================
   XPRSHUN · Merch product styles
   Loaded after ../../styles.css by index.html (no @import).
   .mer-paper lays out the Chapter I paper-goods previews: each
   postcard front above its back, and the lyric sheet. It changes
   no tokens. The print artwork itself is styled by
   products/merch/paper/paper.css.
   ============================================================ */

.mer-paper__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
  gap: var(--space-xl) var(--space-lg);
}

.mer-paper__card,
.mer-paper__sheet {
  margin: 0;
  display: grid;
  gap: var(--space-xs);
  align-content: start;
}

.mer-paper__sheet { max-width: 360px; }

/* Print artwork keeps square corners, with a hairline so the paper backs read on the paper canvas */
.mer-paper__media {
  border-radius: var(--radius-none);
  box-shadow: 0 0 0 1px var(--color-rule);
}

.mer-paper__card figcaption,
.mer-paper__sheet figcaption {
  margin-top: var(--space-2xs);
  font-size: var(--fs-xs);
  line-height: 1.45;
  color: var(--color-ink-3);
}

.mer-paper__card figcaption .voice,
.mer-paper__sheet figcaption .voice {
  display: block;
  font-size: var(--fs-sm);
  color: var(--color-ink);
}