.otp-qr { width:240px; max-width:100%; background:#fff; padding:8px; margin:16px 0; }
.otp-qr svg { display:block; width:100%; height:auto; }
.breakword, pre { overflow-wrap:anywhere; white-space:pre-wrap; }
.notes-preview { white-space:normal; }
dl { display:grid; grid-template-columns:minmax(140px, 210px) minmax(0, 1fr); gap:10px 20px; }
dt { font-weight:600; } dd { margin:0; }
@media(max-width:600px) { dl { grid-template-columns:1fr; } }