.page { padding-top: 0; }
.page .top { position: sticky; top: 0; }
.page-body { padding: clamp(32px, 6vh, 72px) var(--gutter) 80px; }
.page-body h1 { font-size: var(--step-2); margin-bottom: 1rem; }
.page-body h2 { font: 400 var(--step-1)/1.25 var(--serif); margin: 2rem 0 .6rem; }
.page-body p, .page-body li { color: var(--ink); }
.page-body ul { padding-left: 1.2em; margin: .6em 0; }
.page-body li + li { margin-top: .35em; }
.page-body .updated { color: var(--muted); font-size: .9rem; margin-bottom: 1.6rem; }
.page-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
.page-body th, .page-body td { text-align: left; padding: .6rem .4rem; border-top: 1px solid var(--line-2); vertical-align: top; }
.page-body thead th { border-top: 0; border-bottom: 1px solid var(--line); font-weight: 500; }
.account-form { display: grid; gap: 14px; max-width: 24rem; margin-top: 1.2rem; }
.account-form label { display: grid; gap: 6px; font-size: .9rem; color: var(--muted); }
.account-form input { font: inherit; color: var(--ink); padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }
.account-form .button { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); cursor: pointer; }
.error { color: #a3261a; }