/* Schema patch 39.48: /account/two-step (Temple Dark tokens; Temple Dawn through the same variables) */
.ts { max-width: 640px; padding-block: 32px 64px; }
.ts__eyebrow { margin: 0 0 4px; color: var(--c-muted); font-size: .9rem; }
.ts h1 { font-family: var(--font-display); margin: 0 0 16px; }
.ts__msg { padding: 12px 14px; border-radius: 10px; border: 1px solid var(--c-line); background: var(--c-sunken); }
.ts__msg[data-tone="error"] { border-color: #b4233a; }
.ts-card { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 16px; padding: 22px; margin-top: 16px; }
.ts-card h2 { font-family: var(--font-display); margin: 0 0 8px; }
.ts__steps { padding-left: 1.2rem; }
.ts__key { font-size: 1rem; letter-spacing: .06em; word-break: break-all; }
.ts__qr { width: min(220px, 70vw); margin: 12px 0 16px; }
.ts__qr svg { width: 100%; height: auto; display: block; border-radius: 8px; }
.ts__form { display: grid; gap: 10px; max-width: 360px; }
.ts__form input[name="code"] { font-size: 1.4rem; letter-spacing: .2em; padding: 10px 12px; min-height: 48px; border-radius: 10px; border: 1px solid var(--c-line); background: var(--c-sunken); color: var(--c-ink); }
.ts__methods { border: 0; padding: 0; margin: 0; display: grid; gap: 6px; }
.ts__methods label { display: flex; gap: 8px; align-items: center; min-height: 44px; }
.ts__alt { margin-top: 18px; border-top: 1px solid var(--c-line); padding-top: 14px; }
.ts__codes { columns: 2; font-size: 1.05rem; }
.ts__acts { margin-top: 14px; }
.ts-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 999px; background: #881337; color: #FCFBF7; border: 1px solid #881337; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.ts-btn--ghost { background: transparent; color: var(--c-ink); border-color: var(--c-line); }
.ts-btn:focus-visible, .ts__form input:focus-visible { outline: 3px solid #F59E0B; outline-offset: 2px; }
@media print { .ts__alt, .ts__form, header, footer { display: none !important; } }
.ts__form--wide { max-width: 560px; }
.ts__form textarea { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--c-line); background: var(--c-sunken); color: var(--c-ink); font: inherit; }
.ts__form input:not([type=radio]) { min-height: 44px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--c-line); background: var(--c-sunken); color: var(--c-ink); font: inherit; }
.ts__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ts__note { margin-top: 18px; color: var(--c-muted); }
.ts__pre, .pv-pre { white-space: pre-wrap; }