.qr-box { width:216px; min-height:216px; padding:12px; margin:20px 0; background:#fff; border:1px solid #dce3ee; border-radius:12px; }
.qr-box img, .qr-box canvas { display:block; }
.setup-key { display:inline-block; padding:12px 16px; margin:6px 0 20px; background:#eef3ff; color:#173b84; border-radius:8px; font-size:16px; letter-spacing:2px; overflow-wrap:anywhere; }
.recovery-codes { display:grid; grid-template-columns:repeat(2,minmax(0,180px)); gap:10px; margin:20px 0 28px; }
.recovery-codes code { padding:12px; background:#f3f6fb; border-radius:8px; font-size:16px; letter-spacing:1px; text-align:center; }
.narrow { max-width:520px; margin-top:20px; }
details { margin-top:24px; }
summary { cursor:pointer; color:#637083; }