/* Paper QSL record, using the existing station palette and typefaces. */
.qso-page{max-width:1000px}
.qso-record{border:2px solid var(--ink);background:var(--paper);padding:28px;overflow-wrap:anywhere}
.qso-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.qso-heading>div{min-width:0}
.qso-heading h2{font:italic 900 clamp(32px,8vw,100px)/1 var(--f-display);color:var(--qsl);overflow-wrap:anywhere}
.qso-qr{max-width:26%;height:auto;flex-shrink:0;background:#fff}
.qso-call{font:400 22px var(--f-mono);margin:20px 0}
.qso-call strong{color:var(--qsl)}
.qso-data{margin:12px 0 22px}
.qso-data>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);border-top:1px solid var(--rule);gap:16px;padding:8px 0}
.qso-data dt{color:var(--ink2)}
.qso-data dd{font-family:var(--f-mono);margin:0}
.qso-equipment h3,.qso-confirmations h3{font-size:21px}
.qso-notice{border-top:2px solid var(--ink);padding-top:16px;font-size:14px}
.qso-url{font:12px var(--f-mono)}
.qso-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:baseline}
.qso-buttons p{flex-basis:100%}
@media(max-width:500px){.qso-record{padding:16px}.qso-heading{gap:10px}.qso-heading .lbl{font-size:10px}.qso-data>div{grid-template-columns:minmax(0,1fr);gap:2px}.qso-heading h2{font-size:clamp(24px,8vw,40px)}}
@media print{
  @page{size:A4;margin:12mm}
  :root,:root[data-theme]{--paper:#fff;--ink:#14161B;--ink2:#525A6B;--rule:#CBD0D7;--qsl:#1C3DBF;color-scheme:light}
  body{background:#fff;color:#14161B;font-size:11pt}
  header.site,footer.site,.qso-actions{display:none!important}
  .qso-page{padding:0;max-width:none}
  .qso-record{padding:6mm;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .qso-heading h2{font-size:clamp(24px,7vw,52pt)}
  .qso-qr{width:32mm;max-width:32mm}
  .qso-data>div{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;padding:3px 0}
  .qso-data{margin:6px 0 12px}
  .qso-notice{font-size:10pt}
}
