/* Card imagery comes from the supplied, owner-approved PNG references. */
.np-playing-card{
  width:100%;
  max-width:380px;
  min-width:0;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  color:var(--ink,#182238);
  font-family:"DM Sans",sans-serif;
}
.np-playing-card>svg{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/5;
  filter:drop-shadow(0 10px 18px #10294b29);
}
.np-card-small{max-width:190px}
.np-card-large{max-width:340px}
.np-playing-card__caption{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:8px 10px;
  border:1px solid var(--line,#dce4ee);
  border-radius:10px;
  background:#fff;
  font-size:12px;
  line-height:1.4;
}
.np-playing-card__caption-title{font-size:13px;color:var(--navy,#13294b)}
.np-playing-card__source{font-size:10px;color:var(--muted,#66748a);text-transform:uppercase;letter-spacing:.06em}
.np-playing-card__local{font-size:11px;color:var(--muted,#66748a)}
.np-playing-card__copy{margin:3px 0 0;overflow-wrap:anywhere}
.np-playing-card.is-back>svg{filter:drop-shadow(0 10px 18px #10294b29)}
.np-playing-card.is-back .np-playing-card__caption{color:var(--muted,#66748a)}

.np-catalogue-card .np-playing-card{margin:0 auto}

@media(max-width:680px){
  .np-card-small{max-width:100%}
  .np-playing-card__caption{font-size:11px}
  .np-playing-card__caption-title{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .np-playing-card,.np-playing-card>svg{transition:none}
}