* { box-sizing: border-box; }
body { margin: 0; background: #f5f6f8; color: #192539; font: 1rem/1.5 system-ui, sans-serif; }
.account-page { max-width: 48rem; margin: 2rem auto; padding: 1.5rem; background: white; border-radius: .75rem; }
h1 { font-size: 1.7rem; }
.account-languages { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .875rem; }
.account-languages a[aria-current] { font-weight: 700; }
form, section { display: grid; gap: 1rem; margin: 1.5rem 0; }
.account-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
label { display: grid; gap: .3rem; min-width: 0; }
input, textarea { width: 100%; min-width: 0; padding: .7rem; border: 1px solid #7a899b; border-radius: .3rem; font: inherit; }
textarea { resize: vertical; }
.account-private-message { white-space: pre-wrap; }
button { max-width: 100%; justify-self: start; padding: .7rem 1rem; border: 0; border-radius: .35rem; color: white; background: #184b7d; font: inherit; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
button.account-danger { background: #a51d24; }
a { color: #184b7d; }
p { overflow-wrap: anywhere; }
.account-confirm { display: flex; align-items: flex-start; gap: .65rem; }
.account-confirm input { width: auto; flex: 0 0 auto; margin-top: .3rem; }
.account-confirm span { min-width: 0; overflow-wrap: anywhere; }
.account-notice { white-space: pre-line; border-left: .25rem solid #517692; padding-left: 1rem; }
@media (max-width: 520px) { .account-page { margin: .5rem; padding: 1rem; } .account-fields { grid-template-columns: 1fr; } }