.account-security-panel{max-width:100%;overflow-wrap:anywhere;margin-block:24px}
.account-security-panel.auth-panel{max-width:640px;margin-inline:auto}
.account-security-panel .auth-form{display:flex;flex-direction:column;gap:12px;margin-block:20px}
.account-security-panel input:not([type=checkbox]):not([type=hidden]){width:100%;min-width:0;min-height:44px;font-size:16px}
.account-security-panel summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:600}
.account-security-panel details{border-top:1px solid var(--line,#ddd);margin-top:16px}
.account-feedback{white-space:pre-wrap;min-height:24px;margin-block:12px}
.account-feedback[data-error=true]{color:#a51e1e}
.account-feedback:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.account-security-panel button{min-height:44px;white-space:normal}
.account-code-panel{border:1px solid #dce8e8;border-top:4px solid #087d87;padding:clamp(24px,5vw,48px);border-radius:6px;background:#fff}
.account-code-brand{display:block;font:600 38px/1.2 var(--display,Georgia,serif);letter-spacing:.12em;color:#111}
.account-code-panel .eyebrow{color:#087d87;margin-block:12px 24px}
.account-code-panel h1{font-size:clamp(26px,4vw,36px);line-height:1.2;margin-bottom:16px}
.account-code-panel .button-dark{background:#087d87;border-color:#087d87;color:white}
.account-code-panel .button-dark:hover{background:#05626b}
.account-code-panel input.account-otp{font-size:28px!important;letter-spacing:.35em;text-align:center;font-weight:700;color:#b42318;background:#fffafa;min-height:62px}
.account-code-panel .button:disabled{opacity:.6;cursor:not-allowed}
.account-code-panel p{line-height:1.65}
.account-code-panel form[hidden],.account-code-panel form[data-completed=true] input,.account-code-panel form[data-completed=true] label,.account-code-panel form[data-completed=true] p:not(.account-feedback){display:none}
.account-feedback{scroll-margin-block:180px 80px}