#account-security{margin-top:1.5rem}
.wp-security-stack{display:grid;gap:1rem;min-width:0}.wp-security-stack h2,.wp-security-stack h3,.wp-security-stack p{margin:0}.wp-security-stack p{line-height:1.6}.wp-security-field{display:grid;gap:.5rem;min-width:0}.wp-security-field .wp-input{width:100%;min-width:0}.wp-security-field:has(input[type=checkbox]){display:flex;align-items:center;gap:.75rem}.wp-security-field input[type=checkbox]{width:1.2rem;min-width:1.2rem;height:1.2rem;accent-color:#607747}.wp-security-sensitive{display:grid;gap:1rem;padding:1.25rem;border:1px solid #a9b69c;border-radius:.75rem;background:#edf1e5;min-width:0;overflow-wrap:anywhere}.wp-security-sensitive textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wp-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wp-security-status{padding:.75rem 1rem;background:#e3ead8;border-left:3px solid #687e48}.wp-security-records{display:grid;gap:.75rem;max-height:24rem;overflow:auto;border:1px solid #bcc6b3;border-radius:.5rem;padding:1rem}.wp-security-link{overflow-wrap:anywhere;color:inherit;text-decoration:underline;text-underline-offset:.2em}.wp-security-stack .wp-actions{display:flex;flex-wrap:wrap;gap:.75rem}.wp-security-stack button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.wp-security-stack button:disabled{background:#dce3d2;color:#47543e;opacity:1}.wp-security-stack input:focus-visible,.wp-security-stack textarea:focus-visible,.wp-security-stack select:focus-visible,.wp-security-stack a:focus-visible,.wp-security-stack button:focus-visible{outline:2px solid #34482d;outline-offset:3px}@media(max-width:560px){.wp-security-grid{grid-template-columns:1fr}.wp-security-sensitive{padding:1rem}.wp-security-stack .wp-actions>*{flex:1 1 auto}}

/* Keep MFA validation feedback clear of the preceding security card. */
#account-security > .wp-card + div:has(> .wp-error),#mfa-login-host > .wp-card + div:has(> .wp-error){margin-top:1rem}

/* The QR is generated locally. A white quiet zone is required for scanning. */
.wp-security-setup-steps{margin:0;padding-left:1.4rem;display:grid;gap:.65rem;line-height:1.6}
.wp-security-qr{justify-self:start;max-width:100%;line-height:0}
.wp-security-qr canvas{display:block;width:260px;height:auto;max-width:100%;background:#fff;image-rendering:pixelated}
.wp-security-qr p{line-height:1.6}
.wp-security-manual{border-top:1px solid #d3d8cc;padding-top:1rem;min-width:0}
.wp-security-manual summary{cursor:pointer;line-height:1.5;font-weight:500}
.wp-security-manual summary:focus-visible{outline:2px solid #34482d;outline-offset:3px}
.wp-security-manual[open] summary{margin-bottom:1rem}
.wp-security-manual input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem}

/* Keep enrollment and recovery confirmation separate from profile settings. */
.auth-security-flow #form-title,.auth-security-flow #form-description,.auth-security-flow #account > :not(#account-security){display:none!important}
.auth-security-flow #account-security{margin-top:0}
.auth-security-flow .wp-security-sensitive{padding:0;border:0;background:transparent}
@media(max-width:560px){.auth-security-flow #account-security>.wp-card{padding:16px}}
.auth-security-flow .wp-security-sensitive textarea{font-size:12px;font-weight:400;line-height:1.7;white-space:pre;overflow-wrap:normal}