@page{margin:18mm}
@media screen{
    .letterhead{font:10pt Arial,sans-serif;text-align:center;line-height:1.35;margin:0 auto 24px;display:grid}
    .receipt-qr{display:grid;justify-items:center;gap:6px;margin:18px auto}
    .receipt-qr img{width:150px;height:150px}
    .receipt-qr span{font:10pt Arial,sans-serif}
}
@media print{
    body *{visibility:hidden!important}
    #printable-access,#printable-access *{visibility:visible!important}
    #printable-access{position:absolute;left:0;top:0;width:100%;border:1px solid #999;border-radius:0;box-shadow:none}
    #printable-access .no-print{display:none!important}
    #printable-access a{color:#111;text-decoration:none;overflow-wrap:anywhere}
    #printable-access{font-family:Arial,sans-serif;font-size:10pt}
    .letterhead{font-family:Arial,sans-serif;font-size:10pt;text-align:center;line-height:1.35;margin:0 auto 18pt;display:grid}
    .receipt-qr{display:grid;justify-items:center;gap:5pt;margin:14pt auto}
    .receipt-qr img{width:120pt;height:120pt;object-fit:contain}
    .receipt-qr span{font:10pt Arial,sans-serif}
}