#account-view .account-page{display:grid;gap:20px;max-width:960px;margin:0 auto}
#account-view .card{margin:0;min-width:0;padding:24px}
#account-view h2{font-size:18px;line-height:1.5;margin:0 0 18px}
#account-view .account-identity{display:flex;align-items:center;gap:18px}
#account-view .account-identity .social-avatar{width:64px;height:64px;font-size:36px;flex-shrink:0}
#account-view .account-identity-copy{min-width:0}
#account-view .account-identity-copy h2{font-size:22px;margin:0 0 4px;overflow-wrap:anywhere}
#account-view .account-identity-copy p{margin:0 0 8px;color:var(--muted);overflow-wrap:anywhere}
#account-view .account-settings{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}
#account-view .form-field{margin:0 0 18px}
#account-view .form-field input,#account-view .form-field select{font-size:16px;min-height:48px;max-width:100%}
#account-view .form-help{font-size:13px;line-height:1.7;margin:8px 0 16px}
#account-view .button,#account-view .text-button{min-height:44px}
#account-view .account-photo-edit{display:block;margin-top:12px}
#account-view .account-save-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#account-view .account-links>.text-button{display:block}
#account-view .account-legal{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
#account-view .account-session-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#account-view .account-session-actions .danger{font-size:13px}
#account-view [aria-invalid=true]{outline:2px solid var(--negative);outline-offset:2px}
@media(max-width:760px){#account-view .account-settings{grid-template-columns:1fr}#account-view .card{padding:20px}#account-view form>.button,#account-view .account-save-actions>.button{width:100%}}