/* Sell with us and Seller Agreement pages (Phase 1, step 2b). */

.sell__lead { font-size: var(--fs-lg); font-weight: 700; }

.page__body ol { margin: 0 0 var(--space-5); padding-left: 1.5rem; }
.page__body ol li + li { margin-top: var(--space-2); }

/* The agreement: each section in its own box, with its tick box at the bottom. */
.agreement__section {
  margin: 0 0 var(--space-4);
  padding: var(--space-4);
  background: var(--surface-sunk);
  border-radius: var(--radius);
}

.agreement__section h2 { margin-top: 0; }
.agreement__section > :last-child { margin-bottom: 0; }

.agreement__tick {
  margin-top: var(--space-4);
  padding: var(--space-3);
  background: var(--surface);
  border: var(--outline-w) solid var(--border);
  border-radius: var(--radius);
  font-weight: 700;
}

.agreement__tick:has(input:checked) { border-color: var(--leaf-700); }

/* Links to the official pages: one per line, with room to tap. */
.page__body .agreement__links { margin: var(--space-1) 0 0; padding: 0; list-style: none; }
.page__body .agreement__links li + li { margin-top: 0; }
.agreement__links a { display: inline-flex; align-items: center; gap: .35rem; padding-block: .6rem; font-weight: 700; }
.agreement__links svg { width: 1em; height: 1em; flex: none; }

.agreement__count { margin: 0 0 var(--space-3); color: var(--text-muted); font-weight: 700; text-align: center; }
.agreement__version { margin: var(--space-2) 0 0; color: var(--text-muted); font-size: var(--fs-sm); text-align: center; }
.agreement__ticked { color: var(--text-muted); font-style: italic; }

.agreement__reread { margin: 0 0 var(--space-4); }
.agreement__reread summary { padding-block: .75rem; font-weight: 800; cursor: pointer; }
.agreement__reread[open] summary { margin-bottom: var(--space-3); }

/* The early sign-up form, under "Start selling". */
.sell__later { margin-top: var(--space-5); }
.sell__later h2 { margin-top: 0; }
.consent-more { margin: var(--space-1) 0 0; }
.consent-more a { padding-block: .75rem; } /* a bigger tap area */