#account-settings { overflow-wrap: anywhere; padding: 20px; }
body main #account-settings a {
    color: var(--ui-ink) !important; -webkit-text-fill-color: currentColor !important;
    text-decoration: underline;
}
#account-settings .account-change { border-top: 1px solid var(--ui-border); padding: 16px 0; }
#account-settings summary { cursor: pointer; font-weight: 700; padding: 6px 0; }
#account-settings summary:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 4px; }
#account-settings form { margin-top: 16px; }
#account-settings fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
#account-settings label { display: block; margin: 14px 0 6px; font-weight: 600; }
body main #account-settings input,
body main #account-settings input:is(:focus, :active) {
    box-sizing: border-box; width: 100%; max-width: 480px;
    background: var(--ui-field) !important; color: var(--ui-ink) !important;
    -webkit-text-fill-color: var(--ui-ink); caret-color: var(--ui-ink);
    border: 1px solid var(--ui-border); border-radius: 8px; padding: 11px 12px; font-size: 16px;
}
#account-settings input:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
#account-settings button { margin-top: 14px; max-width: 100%; white-space: normal; }
#account-settings p { line-height: 1.5; }
#account-settings [role="status"]:empty { display: none; }
#account-settings [data-error="true"] { color: var(--ui-danger); }
#account-settings .account-delete { border-top: 1px solid var(--ui-border); padding-top: 16px; }
#account-settings [hidden] { display: none !important; }