/* QSL card maker. The preview is the same SVG that is downloaded. */
.qslpreview { max-width: 560px; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: #fff; line-height: 0; }
.qslpreview svg { width: 100%; height: auto; display: block; }
.privacy-note { border-left: 3px solid var(--accent); padding-left: 10px; }
.qslpage .seg button { min-width: 84px; }
.qslpage .btn:disabled { opacity: .45; cursor: not-allowed; }
.qslpage .field + .msg { margin: 4px 0 0; min-height: 0; }
@page { size: 140mm 90mm; margin: 0; }
@media print {
  .qslpage header.site, .qslpage footer.site, .qslpage .noprint, .qslpage h1, .qslpage .lead, .qslpage .privacy-note { display: none !important; }
  .qslpage, .qslpage main.wrap { margin: 0; padding: 0; background: #fff; max-width: none; }
  .qslpage .card.cardview { border: 0; padding: 0; margin: 0; border-radius: 0; background: #fff; }
  .qslpage .qslpreview { width: 140mm; height: 90mm; max-width: none; border: 0; border-radius: 0; }
  .qslpage .qslpreview svg { width: 140mm; height: 90mm; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}