/* 08-pages/_account.css */
/* The account page reads as a post: it borrows the p-article template wholesale (frontmatter
   header, h2 section headings, prose at the article's reading size) and adds only what a post
   has no counterpart for — the account controls inside the header, the one-column body, and
   the earlier-releases disclosure. Everything in the body sits in a single reading column,
   downloads and tables included, so the page has one left edge from top to bottom. */

/* The license facts — who it is licensed to, what was paid, or the demo's limits — are a fact
   about the account, not about a release, so they sit in the header under the lede. */
.p-account__license {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

/* ── Header controls: signed-in-as line, the registered-email form, sign out. They sit under
   a rule of their own inside the frontmatter, matching the two that fence it, so the account
   controls read as their own band rather than as more of the lede. ── */
.p-account__identity {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding-block-start: var(--space-lg);
  border-block-start: var(--bw) dashed var(--line-strong);
}
.p-account__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-md);
}
.p-account__email-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-sm);
}
/* a fixed width rather than a percentage: the field is a flex item inside a flex row, and a
   percentage there resolves against a width the row has not settled yet, which wraps the
   submit onto its own line */
.p-account__email-form .c-field { width: 22rem; max-width: 100%; }

/* ── Body: one column, bounded to the prose measure so the download rows, the verification
   table and the terminal blocks all end where the paragraphs do. ── */
.p-account__body { max-width: var(--measure); }
.p-account__sections {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

/* A section's own parts sit at the prose gap; the gap above belongs to the stack. */
.p-account__section {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.p-account__rollback .c-disclosure__body { max-width: none; }
.p-account__rollback-body { padding-top: var(--space-md); }