.process { background: var(--color-surface); }
.process__list { list-style: none; border-top: 1px solid var(--color-border); }
.process__list > li { display: grid; grid-template-columns: minmax(4rem, 0.15fr) minmax(12rem, 0.35fr) minmax(15rem, 0.4fr) minmax(8rem, 0.2fr); align-items: baseline; gap: var(--space-5); border-bottom: 1px solid var(--color-border); padding-block: clamp(1.5rem, 3vw, 2.25rem); }
.process__number { color: var(--color-highlight); font-family: var(--font-display); font-size: var(--font-size-600); }
.process__list h3 { grid-column: 2; }
.process__list li > div { display: contents; }
.process__list p { grid-column: 3; color: var(--color-text-muted); font-size: var(--font-size-200); }
.process__list small { grid-column: 4; color: var(--color-text-muted); font-size: var(--font-size-100); text-align: right; }
@media (max-width: 767px) {
  .process__list > li { grid-template-columns: 3rem 1fr; gap: var(--space-3); }
  .process__number { grid-row: 1 / 4; font-size: var(--font-size-500); }
  .process__list h3, .process__list p, .process__list small { grid-column: 2; }
  .process__list small { text-align: left; }
}