/* Figma 4143:3080: six native steps, original seven SVG wires. */
.page-cc .cc-flow-map{position:relative}
.page-cc .cc-flow-map-stage{position:relative;width:1676px;max-width:100%;height:698px;margin-inline:auto;container-type:inline-size}
.page-cc .cc-flow-map-content{position:absolute;inset:0;isolation:isolate;transform:translateX(-100px)}
.page-cc .cc-flow-step,.page-cc .cc-flow-wire{position:absolute;left:calc(var(--x)/16.75838623046875*1cqw);top:calc(var(--y)/698*100%);width:calc(var(--w)/16.75838623046875*1cqw);height:calc(var(--h)/698*100%)}
.page-cc .cc-flow-step{z-index:1;display:flex;flex-direction:column}
.page-cc .cc-flow-step > h3{display:flex;align-items:center;justify-content:center;flex:none;height:calc(32/16.75838623046875*1cqw);margin:0;background:#262625;color:var(--green);font-size:calc(16/16.75838623046875*1cqw);font-weight:500;line-height:1;white-space:nowrap}
.page-cc .cc-flow-step-body{position:relative;flex:1;min-height:0;margin-inline:calc(2/16.75838623046875*1cqw);padding:calc(16/16.75838623046875*1cqw);background:#1b1b1a}
.page-cc .cc-flow-step-body > p{margin:0;color:var(--mut2);font-size:calc(16/16.75838623046875*1cqw);font-weight:400;line-height:calc(27/16.75838623046875*1cqw);white-space:pre}
.page-cc .cc-flow-step-body::before,.page-cc .cc-flow-step-body::after{content:"";position:absolute;top:50%;width:calc(2/16.75838623046875*1cqw);height:calc(52/16.75838623046875*1cqw);transform:translateY(-50%);background:linear-gradient(#d8a24a 0 23.0769%,transparent 23.0769% 38.4615%,#d8a24a 38.4615% 61.5385%,transparent 61.5385% 76.9231%,#d8a24a 76.9231%)}
.page-cc .cc-flow-step-body::before{left:calc(-2/16.75838623046875*1cqw)}
.page-cc .cc-flow-step-body::after{right:calc(-2/16.75838623046875*1cqw)}
.page-cc .cc-flow-step-rail{display:block;flex:none;height:calc(8/16.75838623046875*1cqw);background:rgba(105,152,239,.5);border:calc(1/16.75838623046875*1cqw) solid #6998ef}
.page-cc .cc-flow-wire{z-index:0;display:block;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.page-cc .cc-flow-map-reference{position:absolute;right:8px;bottom:8px;z-index:2;width:24px;height:24px}
.page-cc .cc-flow-map-reference > img{display:none}
.page-cc .cc-flow-map-reference .wl-preview-hint{inset:0}
@media(max-width:1679px){.page-cc .cc-flow-map-stage{height:auto;aspect-ratio:3358/1396}.page-cc .cc-flow-map-content{transform:none}}
.page-cc .cc-flow-wire--92{background-image:url(assets/course-flow-map/vector-92.svg)}
.page-cc .cc-flow-wire--90{background-image:url(assets/course-flow-map/vector-90.svg)}
.page-cc .cc-flow-wire--93{background-image:url(assets/course-flow-map/vector-93.svg)}
.page-cc .cc-flow-wire--94{background-image:url(assets/course-flow-map/vector-94.svg)}
.page-cc .cc-flow-wire--95{background-image:url(assets/course-flow-map/vector-95.svg)}
.page-cc .cc-flow-wire--96{background-image:url(assets/course-flow-map/vector-96.svg)}
.page-cc .cc-flow-wire--97{background-image:url(assets/course-flow-map/vector-97.svg)}

/* Only these decorative signals loop; the six steps remain fully readable. */
.page-cc .cc-flow-pulses{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.page-cc .cc-flow-pulse,.page-cc .cc-flow-node-cue{opacity:0;pointer-events:none}
.page-cc .cc-flow-step-rail{position:relative}
.page-cc .cc-flow-node-cue{position:absolute;inset:0;display:block}
.page-cc .cc-flow-node-cue--rail{background:#b8d3ff}
.page-cc .cc-flow-node-cue--body::before,.page-cc .cc-flow-node-cue--body::after{content:"";position:absolute;top:50%;width:calc(2/16.75838623046875*1cqw);height:calc(52/16.75838623046875*1cqw);transform:translateY(-50%);background:linear-gradient(#ffdc91 0 23.0769%,transparent 23.0769% 38.4615%,#ffdc91 38.4615% 61.5385%,transparent 61.5385% 76.9231%,#ffdc91 76.9231%)}
.page-cc .cc-flow-node-cue--body::before{left:calc(-2/16.75838623046875*1cqw)}
.page-cc .cc-flow-node-cue--body::after{right:calc(-2/16.75838623046875*1cqw)}
@media(prefers-reduced-motion:reduce){.page-cc .cc-flow-pulses,.page-cc .cc-flow-node-cue{display:none}}
