/* Manifesto and privacy: one column of text. */
.page { padding-block: 4.25rem var(--section-pad-y); }

.prose--page {
  max-width: var(--reading-measure);
  margin-block: 2.5rem 3rem;
}

.prose--page h2 {
  margin-top: 2.5rem;
  font-size: var(--fs-card-title);
}

.page__draft {
  display: inline-block;
  margin-top: 1.5rem;
  padding: .5rem 1rem;
  background: var(--highlight);
  border: var(--border-thin) solid var(--ink);
  border-radius: var(--radius-btn);
  font-weight: 700;
  font-size: var(--fs-control);
}

/* Access states follow the next task: inbox, sign-in, recovery or account choice. */
.access-page { max-width: 880px; padding-block: 3.5rem var(--section-pad-y); }
.access-state { padding: clamp(1.5rem, 4vw, 3rem); border: var(--border-thin) solid var(--ink); border-radius: var(--radius-card); background: var(--surface); }
.access-state__marker { display: grid; place-items: center; width: 4rem; height: 4rem; margin-bottom: var(--space-l); border-radius: var(--radius-btn); background: var(--surface-muted); }
.access-state__eyebrow { margin-bottom: var(--space-s); font-size: var(--fs-caption); font-weight: var(--fw-ui);  }
.access-state__title { max-width: 20ch; font-size: var(--fs-ui-title); line-height: var(--lh-ui-title); }
.access-state__lead { margin-top: var(--space-l); font-size: var(--fs-reading); line-height: var(--lh-body); }
.access-state__lead strong { overflow-wrap: anywhere; }
.access-state__actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-m) var(--space-l); margin-top: var(--space-xl); }
.access-state__actions .text-link { display: inline-block; padding-block: var(--space-s); }
.access-state__note { margin-top: var(--space-l); color: var(--ink-muted); font-size: var(--fs-ui-body); line-height: var(--lh-ui); }
.access-state ol.access-state__steps { display: grid; gap: var(--space-s); margin-top: var(--space-l); padding-left: 1.5rem; list-style: decimal; font-size: var(--fs-ui-body); line-height: var(--lh-ui); }
.access-state__steps li { padding-left: var(--space-xs); }
.access-state__help { margin-top: var(--space-xl); padding-top: var(--space-l); border-top: var(--border-thin) solid var(--rail-tie); }
.access-state__help h2 { font-size: var(--fs-ui-body); }
.access-state__help p { margin-top: var(--space-xs); color: var(--ink-muted); font-size: var(--fs-ui-body); line-height: var(--lh-ui); }
.access-state__help .access-state__actions { margin-top: var(--space-l); }
.access-state--pending .access-state__marker { background: var(--member-tint); color: var(--accent-3); }
.access-state--ready .access-state__marker { background: var(--ink); color: var(--surface); }
.access-state--problem .access-state__marker { color: var(--rails); background: var(--surface); border: var(--border-thin) solid var(--rails); }
.welcome-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: var(--space-xl); }
.welcome-intro { padding-block: var(--space-m); }
.welcome-account { display: flex; align-items: start; gap: var(--space-s); margin-top: var(--space-l); font-size: var(--fs-caption); color: var(--ink-muted); }
.welcome-account .icon { flex: none; }
.welcome-account strong { display: block; color: var(--ink); font-size: var(--fs-ui-body); overflow-wrap: anywhere; }
.welcome-consent__title { font-size: var(--fs-ui-body); line-height: var(--lh-ui-title); }
.welcome-consent { padding-top: var(--space-l); border-top: var(--border-thin) solid var(--rail-tie); }
.welcome-consent__title { margin-bottom: var(--space-m); }
@media (max-width: 760px) {
  .welcome-layout { grid-template-columns: 1fr; gap: var(--space-l); padding-top: var(--space-l); }
  .welcome-intro { padding-block: 0; }
}
@media (max-width: 560px) {
  .access-page { padding-top: 2rem; }
  .access-state__actions { align-items: stretch; flex-direction: column; }
  .access-state__actions .button, .access-state__actions form { width: 100%; }
  .access-state__actions .text-link { text-align: center; }
  .welcome-layout .form-card { padding: 1.5rem; }
}