/* The account page: plain, in the brand's colour tokens (tokens.css, deployed beside it). */
body { margin: 0; background: var(--bg, #fff); color: var(--ink, #111); font-family: var(--sans, system-ui, sans-serif); line-height: 1.5; }
main { max-width: 40rem; margin: 0 auto; padding: 2rem 1rem; }
h1, h2 { font-family: var(--serif, inherit); font-weight: 600; }
h2 { margin-top: 2rem; border-top: 1px solid var(--rule, #ccc); padding-top: 1rem; font-size: 1.15rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1rem; }
dt { color: var(--muted, #555); }
dd { margin: 0; }
.note, #status { color: var(--muted, #555); }
button { background: var(--accent, #333); color: var(--on-accent, #fff); border: 0; border-radius: var(--radius, 2px); padding: .45rem .9rem; font: inherit; cursor: pointer; }
input { font: inherit; padding: .35rem .5rem; border: 1px solid var(--rule, #ccc); background: var(--surface, #fff); color: inherit; max-width: 100%; }
a { color: var(--accent-ink, inherit); }
code { font-family: var(--mono, monospace); word-break: break-all; }
ul { padding-left: 1.2rem; }