/* 3.5 × 2 inch faces. Container units scale only the screen preview. */
.wallet-stage { width: 3.5in; max-width: 100%; container-type: inline-size; }
.wallet-side { margin: 12px 0 5px; font: 700 11px/1.2 Arial,sans-serif; color: #6b6355; text-transform: uppercase; letter-spacing: .08em; }
.wallet-side:first-child { margin-top: 0; }
.wallet-face { box-sizing: border-box; width: 100%; aspect-ratio: 1.75; padding: 2.4cqw 3cqw; overflow: hidden; background: #fff; color: #191919; border: 1px dashed #999; border-radius: 6px; font: 3.55cqw/1.16 Arial,sans-serif; }
.wallet-face * { box-sizing: border-box; }
.wallet-face h3 { font: bold 3.6cqw/1.2 Arial,sans-serif; text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid #222; margin: 0 0 1.2cqw; padding-bottom: 1.2cqw; }
.wallet-emergency { display: flex; justify-content: space-between; gap: 1cqw; font-size: 3cqw; margin-bottom: .8cqw; }
.wallet-row { padding: 1cqw 0; border-bottom: 1px solid #e4e4e4; overflow-wrap: anywhere; }
.wallet-row:last-child { border-bottom: 0; }
.wallet-row small { display: block; font: bold 2.7cqw/1.15 Arial,sans-serif; color: #686050; letter-spacing: .05em; text-transform: uppercase; margin-bottom: .4cqw; }
.wallet-contact { display: flex; align-items: baseline; justify-content: space-between; gap: 2cqw; }
.wallet-contact b { min-width: 0; }
.wallet-contact span { white-space: nowrap; flex-shrink: 0; }
.wallet-empty { margin: 6px 0; color: #666; }
.wallet-note, .wallet-overflow { font-size: 12px; line-height: 1.35; margin: 10px 0 0; color: #6b6355; }
.wallet-overflow { color: #a12a1a; }
.wallet-overflow[hidden] { display: none; }
#tl-wallet-print:disabled { opacity: .5; cursor: not-allowed; }
@media print {
  @page { size: letter; margin: .5in; }
  .wallet-stage { width: 3.5in; max-width: none; }
  .wallet-face { width: 3.5in; height: 2in; border-radius: 0; break-inside: avoid; print-color-adjust: exact; }
}