@layer components{
 .security-page{padding-block:65px 90px;max-width:1150px}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.security-card{min-width:0;border:1px solid var(--line);border-radius:9px;padding:28px}.security-card h2{font-size:26px;line-height:1.2;margin-bottom:16px}.security-card h3{font-size:20px;margin:0 0 12px}.security-card p{font-size:13px;line-height:1.8;margin-bottom:18px}.security-card form{margin-top:22px}.security-card .button{margin:4px 0 10px}.security-card label:not(.check){display:block;font-size:12px;margin:12px 0 7px}.security-wide{grid-column:1/-1}.security-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block:15px}.security-records{margin-block:20px}.security-record{border-top:1px solid var(--line);padding-block:15px;overflow-wrap:anywhere}.security-record strong{font-size:13px}.security-record p{font-size:12px;margin:7px 0}.security-record .button{font-size:11px;padding:9px 13px}.security-secret{display:block;width:100%;font:13px/1.9 ui-monospace,SFMono-Regular,monospace;border:1px solid var(--line);border-radius:5px;padding:12px;overflow-wrap:anywhere;resize:vertical}.security-recovery{border-top:2px solid var(--brand);padding-top:24px;margin-top:25px}.security-danger{border-color:#bca5ad;background:#fdfbfc}.security-danger .button{background:#704e5a;border-color:#704e5a}.security-card summary{font-size:14px}.signin-mfa{padding-top:18px}.signin-mfa h2{font-size:27px;margin-bottom:18px}.signin-mfa>p{font-size:13px;margin-bottom:20px}.signin-mfa .auth-links button{font:inherit;color:var(--ink);background:none;border:0;padding:4px 0;text-decoration:underline;cursor:pointer}.signin-mfa input{font-variant-numeric:tabular-nums;letter-spacing:.08em}.security-page #security-status{scroll-margin-top:100px}
}
@layer responsive{
 @media(max-width:760px){.security-page{padding-block:40px 65px}.security-grid{grid-template-columns:1fr;gap:18px}.security-card{padding:23px}.security-wide{grid-column:auto}.security-card h2{font-size:24px}.security-actions{align-items:stretch}.security-actions .button{flex:1 1 160px}.security-card .check{font-size:12px}}
 @media(max-width:390px){.security-card{padding:18px}.security-card .button{width:100%;gap:12px;padding-inline:14px}.security-secret{font-size:12px}.security-card h2{font-size:23px}.security-page .page-intro h1{font-size:35px}}
}