.process-gallery { text-align: center; margin-bottom: 22px; }
.process-track { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr); align-items: center; gap: clamp(5px,2vw,24px); max-width: 970px; margin-inline: auto; }
.process-track button, .process-track img { display: block; width: 100%; height: auto; border-radius: clamp(5px,1vw,13px); }
.process-track button { padding: 0; border: 0; background: transparent; cursor: pointer; opacity: .78; }
.process-track button:hover, .process-track button:focus-visible { opacity: 1; }
.process-track > img { box-shadow: 0 10px 26px #14263d36; }
.process-gallery-controls { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 15px; }
.process-gallery-controls button { min-width: 44px; min-height: 44px; border: 1px solid #cbd5e4; border-radius: 50%; background: #fff; color: #14263d; font: inherit; font-size: 20px; cursor: pointer; }
.process-gallery output { min-width: 4.5em; font-variant-numeric: tabular-nums; }
@media(max-width:620px) { .process-track { grid-template-columns: minmax(0,1fr) minmax(0,2.7fr) minmax(0,1fr); } }