/* The chosen topic carries its colour through the icon and detail card. */
.process-stage[data-active-step="0"]{--topic-color:#75d4c4}
.process-stage[data-active-step="1"]{--topic-color:#ee8ca8}
.process-stage[data-active-step="2"]{--topic-color:#96b6ff}
.process-stage[data-active-step="3"]{--topic-color:#eeaa76}
.process-stage[data-active-step="4"]{--topic-color:#bb9feb}
.process-stage[data-active-step="5"]{--topic-color:#a6ca7c}
.process-section .process-stage{background:#141a1d;border-color:color-mix(in srgb,var(--topic-color) 32%,#202427);transition:border-color .4s,background .4s}
.process-stage .process-detail{background:linear-gradient(125deg,color-mix(in srgb,var(--topic-color) 10%,#13181b),#141a1d 85%);box-shadow:inset 3px 0 var(--topic-color);transition:background .45s,box-shadow .45s,border-color .45s}
.process-detail>.eyebrow,.process-detail .process-question{color:var(--topic-color);transition:color .35s}
.process-detail .process-progress>span{background:var(--topic-color);transition:width .5s,background .35s}
.process-detail h3{color:#f1f2ef}.process-detail>p{color:#c7ccce}
.process-step:is(:hover,:focus-visible,.active) .process-icon{background:color-mix(in srgb,var(--step-color) 10%,#101315)}
@media(max-width:700px){.process-stage .process-detail{border-color:color-mix(in srgb,var(--topic-color) 40%,#202427)}}
@media(prefers-reduced-motion:reduce){.process-stage .process-detail,.process-detail>.eyebrow,.process-detail .process-question,.process-detail .process-progress>span{transition:none}}