/* Shared markers for services, supporting points and real process stages. */
.rx-line-icon{display:block;width:24px;height:24px;flex:none;overflow:visible}
.rx-story-band__marker{display:flex;align-items:center;justify-content:center;width:24px;height:32px;flex:none;color:var(--rx-blue,#0068ff)}
.rx-story-band--dark .rx-story-band__marker{color:var(--rx-cyan,#00c2f0)}
.rx-story-band__marker--dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rx-cyan,#00c2f0)}
.rx-story-band--mosaic .rx-story-band__marker{position:absolute;top:16px;left:18px;color:#79e6ff}
.rx-story-band--cards .rx-story-band__marker{height:24px}
.rx-story-band__item--unmarked>.rx-story-band__item-copy{grid-column:1/-1}

/* Fixed centres: a single marker replaces the separate number and dot. */
.rogenx-site .rx-story-steps__track{padding-top:0;gap:0}
.rogenx-site .rx-story-steps__rail{top:15.5px;height:1px;z-index:0}
.rogenx-site .rx-story-step>.rx-story-step__marker{
  position:relative;z-index:2;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;margin:0 auto 18px;padding:0;border:1px solid #71cbe9;border-radius:50%;
  background:#f6fbff;color:#0077ce;font-size:14px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0;
  box-shadow:0 0 0 4px #f6fbff;transform:none;transition:box-shadow .2s ease,border-color .2s ease;
}
.rogenx-site .rx-story-step__marker .rx-line-icon{width:19px;height:19px}
.rogenx-site .rx-story-steps--dark .rx-story-step>.rx-story-step__marker{background:#03101f;color:#50d9ff;border-color:#36a6cb;box-shadow:0 0 0 4px #03101f}
.rogenx-site .rx-story-step:hover>.rx-story-step__marker{transform:none;border-color:#00a9d4;box-shadow:0 0 0 4px #f6fbff,0 0 16px rgba(0,194,240,.16)}
.rogenx-site .rx-story-steps--dark .rx-story-step:hover>.rx-story-step__marker{box-shadow:0 0 0 4px #03101f,0 0 16px rgba(0,194,240,.2)}

@media(max-width:760px){
  .rogenx-site .rx-story-steps--process .rx-story-steps__track{grid-template-columns:minmax(0,1fr);gap:24px}
  .rogenx-site .rx-story-step{border:0;padding:0;text-align:left}
  .rogenx-site .rx-story-steps--process .rx-story-step{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:4px}
  .rogenx-site .rx-story-steps--process .rx-story-step>.rx-story-step__marker{grid-column:1;grid-row:1/3;margin:0}
  .rogenx-site .rx-story-steps--process .rx-story-step b{grid-column:2;padding-top:4px;min-height:0;margin:0}
  .rogenx-site .rx-story-steps--process .rx-story-step em{grid-column:2;margin:0}
  .rogenx-site .rx-story-steps--process .rx-story-step:not(:last-child):after{content:"";position:absolute;left:15.5px;top:16px;width:1px;height:calc(100% + 24px);background:rgba(0,169,212,.35);z-index:0}
  .rogenx-site .rx-story-steps--areas .rx-story-steps__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .rogenx-site .rx-story-steps--areas .rx-story-step>.rx-story-step__marker{margin:0 0 14px}
}
@media(max-width:420px){
  .rogenx-site .rx-story-steps--areas .rx-story-steps__track{grid-template-columns:minmax(0,1fr)}
  .rogenx-site .rx-story-steps--areas .rx-story-step{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:4px}
  .rogenx-site .rx-story-steps--areas .rx-story-step>.rx-story-step__marker{grid-column:1;grid-row:1/3;margin:0}
  .rogenx-site .rx-story-steps--areas .rx-story-step b{grid-column:2;padding-top:4px;min-height:0;margin:0}
  .rogenx-site .rx-story-steps--areas .rx-story-step em{grid-column:2;margin:0}
}
