/* ByShare v23 — dashboard card preview layout only.
   The iOS-matched Aura card artwork and its vCard QR are unchanged.
   v22 created an already-small artboard, then transformed it to 61.5%,
   producing a tiny thumbnail inside a large, empty preview panel.
   Fit the native 9:16 artboard into the available preview area once. */
.cards-grid .card-item-art {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 7 / 10;
  padding: 12px;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 24%, #fff7ff 0%, #f5e8ff 58%, #ede6ff 100%);
}
.cards-grid .card-item-art .card-art.aura-match.art-small {
  box-sizing: border-box;
  display: block;
  flex: 0 0 auto;
  width: 76%;
  max-width: 280px;
  height: auto;
  aspect-ratio: 9 / 16;
  min-height: 0;
  padding: 0;
  transform: none !important;
  transform-origin: center center !important;
  margin: 0 !important;
  border-radius: clamp(14px, 2vw, 26px);
  box-shadow: 0 18px 36px rgba(65, 39, 125, .20);
}
/* Mobile and narrow card grids retain the full card, including the QR.
   Container units in Aura's original stylesheet scale content with width. */
@media (max-width: 480px) {
  .cards-grid .card-item-art {padding: 10px;}
  .cards-grid .card-item-art .card-art.aura-match.art-small {
    width: 76%;
    max-width: 280px;
    transform: none !important;
    margin: 0 !important;
  }
}