/* ── Two-factor authentication: setup (/account/two-factor) and challenge (/account/login-2fa) ──
   These pages reuse the login frame (login.css) for the card, logo and footer. Only the
   code-specific pieces live here.

   Scoped .razor.css is NOT used anywhere in this project — the scoped-styles bundle is never
   linked, so those files silently do nothing. Page CSS belongs in wwwroot/css/<section>/ and is
   linked from App.razor. */

/* Monospace block that shows a value the user has to read character by character:
   the authenticator setup key and the recovery codes. Letter spacing is what makes
   0/O and 1/I distinguishable when transcribing into a phone. */
.tfa-code-block {
    background: var(--antologa-light-gray);
}

.tfa-key {
    font-family: 'Consolas', 'Courier New', monospace;
    letter-spacing: 0.125em;
    word-break: break-all;
}

.tfa-recovery-code {
    font-family: 'Consolas', 'Courier New', monospace;
    letter-spacing: 0.06em;
}