/* why--rx-steps: forge's numbered grid as terminal steps. The index reads as a bracketed
   file number in the accent, cells are charcoal panels with even gutters and no frame,
   titles in monospaced capitals. */
.s-why--rx-steps .section-head .eyebrow { font-family: var(--font-mono); letter-spacing: var(--ls-caps); color: var(--accent); }
.s-why--rx-steps .section-title { font-family: var(--font-mono); font-size: clamp(calc(var(--t-xl) * 0.832), 3.6vw, calc(var(--t-2xl) * 1.127)); font-weight: var(--w-bold); text-transform: uppercase; letter-spacing: -0.005em; line-height: 1.08; }
.s-why--rx-steps .section-pad { padding-block: clamp(calc(var(--s8) + var(--s2)), 10vw, var(--s10)); }
.s-why--rx-steps .why-grid { gap: var(--s4); }
.s-why--rx-steps .why-item { padding: var(--s6); border: 0; background: var(--surface); }
.s-why--rx-steps .why-index { font-family: var(--font-mono); font-size: var(--t-sm); color: var(--accent); }
.s-why--rx-steps .why-index::before { content: "["; }
.s-why--rx-steps .why-index::after { content: "]"; }
.s-why--rx-steps .why-title { margin-top: var(--s3); font-family: var(--font-mono); font-size: var(--t-base); text-transform: uppercase; letter-spacing: 0.02em; }
.s-why--rx-steps .why-body { margin-top: var(--s2); font-size: var(--t-sm); line-height: var(--lh-body); color: var(--muted); }