.account { max-width: 70rem; }
.account-intro { max-width: 42rem; margin-block-end: 1.5rem; }
.account-intro p { margin-block: .35rem; }
.account-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 1rem; align-items: start; }
.account-note { background: var(--tint); }
.account-note a { display: inline-flex; align-items: center; min-height: var(--target-size); color: var(--accent); }
.account-error { color: #992b16; }
.account p:empty { margin: 0; }
.account .section-heading h2 { margin: 0; }
.account .section-heading { margin-block-end: .75rem; }
.account .transfer-records .choice { border-block-end: 1px solid var(--line); }
.account :disabled { cursor: default; }
.account-recovery { margin-block-start: 1rem; }
#recovery-codes { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .account-grid { grid-template-columns: minmax(0, 1fr); }
}