/* Print pages (lane 33). Letter and A4 are named pages; the body class picks one. Sizes are in points and inches so the
   typed link and the number stay at least 14 pt on every sheet. Cream, ink and terracotta as on the sign-up page. */
@page letter { size: 8.5in 11in; margin: 0; }
@page a4 { size: 210mm 297mm; margin: 0; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #e9e4dc; color: #1f2a2e; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body.letter { page: letter; --w: 8.5in; --h: 11in; }
body.a4 { page: a4; --w: 210mm; --h: 297mm; }
.bar { max-width: 8.5in; margin: 0 auto; padding: 12px 16px; font-size: 14px; line-height: 1.4; background: #fff; border-bottom: 1px solid #d6cfc4; }
.bar p { margin: 4px 0; }
.bar button { font: inherit; font-weight: 700; padding: 10px 18px; min-height: 44px; margin-right: 14px; border: 0; border-radius: 8px; background: #8f3a1b; color: #fff; cursor: pointer; }
.bar a { display: inline-block; padding: 12px 10px; color: #8f3a1b; font-weight: 700; }
.sheet { width: var(--w); height: var(--h); margin: 12px auto; padding: 0.7in 0.75in 0.6in; background: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; }
.brand { display: flex; align-items: center; gap: 8px; margin-bottom: 0.25in; }
.mark { width: 30px; height: 30px; }
.word { font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; font-weight: 700; font-size: 24pt; }
h1 { font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; font-size: 40pt; line-height: 1.1; margin: 0 0 0.1in; letter-spacing: -0.01em; }
.who { font-size: 15pt; font-weight: 700; line-height: 1.3; margin: 0 0 0.18in; max-width: 7in; text-wrap: balance; color: #1f2a2e; }
.lead { font-size: 18pt; line-height: 1.35; margin: 0 0 0.25in; max-width: 6.2in; }
.qrbox { width: 3.5in; height: 3.5in; border: 3px solid #1f2a2e; border-radius: 6px; overflow: hidden; background: #fff; }
.qrbox svg { display: block; width: 100%; height: 100%; }
.how { font-size: 18pt; font-weight: 700; margin: 0.18in 0 0.08in; }
.or { font-size: 16pt; margin: 0 0 0.04in; }
.link { font-size: 30pt; font-weight: 700; margin: 0 0 0.22in; color: #8f3a1b; letter-spacing: 0.005em; overflow-wrap: anywhere; }
.call { font-size: 16pt; line-height: 1.35; margin: 0; padding: 0.12in 0.25in; border: 2px solid #1f2a2e; border-radius: 8px; }
.num { font-size: 20pt; white-space: nowrap; }
.unlisted { margin: 8px 0 0; padding: 10px 12px; border: 2px solid #8f3a1b; border-radius: 8px; color: #8f3a1b; }
.warn { font-size: 16pt; color: #8f3a1b; margin: 0.2in 0; }
.fine { font-size: 12pt; line-height: 1.4; color: #4a575c; margin: auto 0 0; padding-top: 0.2in; max-width: 6.2in; }
[hidden] { display: none !important; }
@media print {
  html, body { background: #fff; }
  .bar { display: none; }
  .sheet { margin: 0; page-break-after: avoid; break-after: avoid; }
}