.account-panel { max-width: 38rem; margin-inline: auto; }
.account-panel-wide { max-width: 58rem; }
.account-panel h2 { margin-top: 1.5rem; }
.account-panel .pform { display: grid; gap: 1rem; margin-block: 1rem; }
.account-panel .pform label { display: grid; gap: .35rem; }
.account-panel input:not([type=checkbox]), .account-panel select { width: 100%; }
.account-panel input[type=checkbox] { width: auto; }
.account-card { padding: 1.25rem; margin-block: 1rem; border: 1px solid var(--border, #494947); border-radius: .5rem; }
.account-card summary { cursor: pointer; padding-block: .5rem; }
.account-card > form { margin-block: 1rem; }
.readonly-notice { padding: .75rem 1rem; border: 1px solid var(--border, #494947); border-radius: .4rem; }
body[data-readonly=true] form[method=post]:not([data-account-form]) button[type=submit] { display: none; }