/* Page-scoped one-off styles hoisted out of how-it-works.html for CSP unsafe-inline drop. */

.how-it-works-s1 {
  background: var(--live-bg);
  border-color: var(--live-edge);
}

.how-it-works-s2 {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-2);
}

.how-it-works-s3 {
  border-bottom: 1px solid var(--edge);
  padding: var(--s-3) 0;
}

.how-it-works-s4 {
  margin: var(--s-2) 0 0;
  font-size: 14px;
}

.how-it-works-s5 {
  border-bottom: 1px solid var(--edge);
  padding: var(--s-3) 0;
}

.how-it-works-s6 {
  margin: var(--s-2) 0 0;
  font-size: 14px;
}

.how-it-works-s7 {
  border-bottom: 1px solid var(--edge);
  padding: var(--s-3) 0;
}

.how-it-works-s8 {
  margin: var(--s-2) 0 0;
  font-size: 14px;
}

.how-it-works-s9 {
  padding: var(--s-3) 0;
}

.how-it-works-s10 {
  margin: var(--s-2) 0 0;
  font-size: 14px;
}

/* Extracted from how-it-works.html inline <style> — CSP style-src 'self' compliance (D27 emergency fix 2026-09-19T05:46Z). */
.step { display: grid; grid-template-columns: 60px 1fr; gap: var(--s-5); align-items: start; }
@media (max-width: 640px) { .step { grid-template-columns: 44px 1fr; gap: var(--s-3); } }
.step .n {
  font-size: clamp(38px, 6vw, 56px); font-weight: var(--fw-medium);
  color: var(--accent); letter-spacing: -0.03em; line-height: 0.9;
  font-variant-numeric: tabular-nums;
}
.step .body p:last-child { margin-bottom: 0; }
.step .body p { margin: 0 0 var(--s-3); color: var(--dim); font-size: 14.5px; line-height: 1.6; }
.step .body p.key { color: var(--ink-2); }
.step .body strong { color: var(--ink); font-weight: var(--fw-medium); }