:root{color-scheme:light dark}
body{font:16px/1.5 system-ui,sans-serif;max-width:720px;margin:0 auto;padding:32px 24px;
text-align:center}
h1{font-size:2.1rem;margin:.1em 0;letter-spacing:.02em}
.sub{opacity:.75;margin:.4em 0 1.5em}
.qrgrid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;align-items:flex-start}
.qrblock{flex:0 1 300px}
.qrblock h2{font-size:1.05rem;margin:0 0 10px;opacity:.85}
.qrcard{display:inline-block;background:#fff;padding:16px;border-radius:16px;
border:1px solid #8883}
.qrcard svg{display:block;width:min(230px,62vw);height:min(230px,62vw)}
a.btn{display:inline-block;margin:16px 0 4px;padding:12px 26px;border-radius:10px;
background:#4f46e5;color:#fff;text-decoration:none;font-weight:600}
.fallback{opacity:.7;margin-top:8px}
.note{opacity:.8;border:1px dashed #8886;border-radius:12px;padding:24px;margin:24px 0}
@media print{
  body{color:#000;background:#fff}
  a.btn{display:none}
  .qrcard{border:0;padding:0}
  .qrcard svg{width:85mm;height:85mm}
  .qrgrid{gap:14mm}
}