.account-page { max-width: 800px; margin: 48px auto; padding: 0 24px; }
.account-page h1 { font-size: 2.5rem; letter-spacing: -.035em; margin: 8px 0 24px; }
.account-page section { padding: 28px 0; border-top: 1px solid var(--line); }
.account-page h2 { margin: 0 0 20px; font-size: 1.25rem; }
.account-page label { display: block; margin: 12px 0 6px; font-size: .875rem; }
.account-page input { padding: 12px; width: min(100%,360px); display: block; border: 1px solid var(--line); background: var(--paper); border-radius: 6px; font: inherit; }
.account-page .button { margin-top: 12px; border-radius: 999px; min-height: 44px; }
.account-page .text-button { border: 0; background: none; color: var(--ink); padding: 6px 0; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.account-page [role=status]:empty { display: none; }
.account-page :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.account-section-heading { display: flex; justify-content: space-between; align-items: baseline; }
.usage-values { display: grid; grid-template-columns: 1fr auto; gap: 12px 32px; margin: 0; }
.usage-values dt { color: var(--muted); }.usage-values dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; }
.account-hint, #usage-note, #profile-verification { font-size: .85rem; color: var(--muted); }
.account-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; }
@media(max-width:600px){ .account-page { margin-block:32px; }.account-actions { flex-direction:column; align-items:flex-start; } }