/* The signed-in account page (website_sessions/show), drawn on the article template: it carries
   .p-article as well as .p-account and adds only what a post has no counterpart for. Everything
   in the body sits in one reading column, downloads and verification tables included, so the page
   keeps a single left edge from top to bottom. */

/* What the account is licensed to — who holds it, what was paid, the demo's limits — is a fact
   about the account rather than about any one release, which is why it sits in the header beside
   the identity block rather than in a release section. */
.p-account__license {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

/* The controls take a rule of their own inside the frontmatter, dashed like the two that fence
   it, so they read as their own band rather than as more of the lede above them. */
.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, where a
   percentage resolves against a width the row has not settled yet and wraps the submit button
   onto a line of its own. */
.p-account__email-form .c-field { width: 22rem; max-width: 100%; }

.p-account__body { max-width: var(--measure); }
.p-account__sections {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

.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); }