/* Alive's accent over the shared studio system: a warm, sunset orange instead of
   BerryBox teal. Ink values keep text at 4.5:1 or better on paper and white. */
:root {
  --accent: #E8590C;
  --accent-ink: #B5420A;
  --band: #B5420A;
}
.btn--primary:hover { background: #963608; }
.steps { list-style: none; padding: 0; margin-top: 1.4rem; display: grid; gap: 1.1rem; counter-reset: step; }
.steps li { counter-increment: step; display: grid; grid-template-columns: 2.2rem 1fr; gap: 0.8rem; max-width: 46rem; color: var(--ink-2); }
.steps li::before {
  content: counter(step);
  width: 2.2rem; height: 2.2rem; border-radius: 999px;
  display: grid; place-items: center;
  font-weight: 600; color: var(--accent-ink);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.steps strong { color: var(--ink); }
.doc__inner > section:first-child { margin-top: 0; }
.doc__inner--left { margin: 0; }