/* Figma 4143:2861, native text/rows in the original 1440 × 898 slot. */
.page-cc .cc-pathways{position:relative;container-type:inline-size;aspect-ratio:1440/898}
.page-cc .cc-pathways-content{position:absolute;inset:0;isolation:isolate}
.page-cc .cc-pathway-label,.page-cc .cc-pathway-row,.page-cc .cc-pathway-example,.page-cc .cc-pathway-asset{position:absolute;left:calc(var(--x)/14.4*1cqw);top:calc(var(--y)/14.4*1cqw);width:calc(var(--w)/14.4*1cqw);height:calc(var(--h)/14.4*1cqw)}
.page-cc .cc-pathway-label{z-index:2;margin:0;font-size:2.222222222cqw;line-height:1.25;font-weight:400;color:var(--t1);white-space:nowrap}
.page-cc .cc-pathway-label--layer{font-size:1.388888889cqw}
.page-cc .cc-pathway-row{z-index:2;display:flex;gap:1.666666667cqw;font-size:1.388888889cqw;line-height:1.45;font-weight:500;color:var(--white)}
.page-cc .cc-pathway-row > span{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;padding:.277777778cqw .555555556cqw;border:.069444444cqw solid #888;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);white-space:nowrap}
.page-cc .cc-pathway-row > .cc-pathway-more{flex:0 0 4.166666667cqw}
.page-cc .cc-pathway-row--strategies{gap:1.111111111cqw}
.page-cc .cc-pathway-row--base{font-size:1.666666667cqw}
.page-cc .cc-pathway-row--base > span{border:0}
.page-cc .cc-pathway-row--base > span:first-child{background:var(--green)}
.page-cc .cc-pathway-row--base > span:last-child{background:var(--blue)}
.page-cc .cc-pathway-example{z-index:2;max-width:none;min-width:0;overflow:hidden;border:.069444444cqw solid var(--green)}
.page-cc .cc-pathway-example--composite{border-color:var(--blue2)}
.page-cc .cc-pathway-example > img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.page-cc .cc-pathway-asset{z-index:0;display:block;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
.page-cc .cc-pathway-asset--horizontal{background-image:url(assets/course-pathways/horizontal-rule.svg)}
.page-cc .cc-pathway-asset--vertical{background-image:url(assets/course-pathways/vertical-rule.svg);transform:rotate(90deg);transform-origin:0 0}
.page-cc .cc-pathway-asset--routes > i{position:absolute;top:0;bottom:0;left:-.76%;right:-1.07%;background:url(assets/course-pathways/routes.svg) center/100% 100% no-repeat}
.page-cc .cc-pathway-preview{position:absolute;right:8px;bottom:8px;z-index:3;width:24px;height:24px}
.page-cc .cc-pathway-preview > img{display:none}
.page-cc .cc-pathway-preview .wl-preview-hint{inset:0}

/* Decorative signals never move content or paint outside the original wires. */
.page-cc .cc-pathway-pulses{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.page-cc .cc-pathway-pulse{opacity:0}
.page-cc .cc-pathway-row > span{position:relative}
.page-cc .cc-pathway-node-signal{position:absolute;inset:-1px;display:block;border:1px solid #f1f6f5;opacity:0;pointer-events:none}
.page-cc .cc-pathway-node-signal--green{border-color:#b7ffe3;box-shadow:inset 0 0 12px rgba(36,199,137,.24)}
.page-cc .cc-pathway-node-signal--blue{border-color:#d0e0ff;box-shadow:inset 0 0 12px rgba(73,137,255,.24)}
.page-cc .cc-pathway-node-signal--photo{inset:0;border-width:2px}
@media (prefers-reduced-motion:reduce){
  .page-cc .cc-pathway-pulses,.page-cc .cc-pathway-node-signal{display:none}
}