.direction-visual{position:static;z-index:5;overflow:hidden;box-shadow:0 8px 32px #30263f09;isolation:isolate}
.direction-scene{position:relative;width:100%;aspect-ratio:1;margin:0 auto}
.direction-scene>img{width:100%;height:100%;object-fit:contain;transition:opacity .45s ease}
.direction-overlays{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.scene-disclaimer{position:absolute;left:20px;top:14px;color:#635b6d;font-size:11px;letter-spacing:.03em}
.direction-overlay{opacity:0;transition:opacity .4s ease}.direction-overlay.is-active{opacity:1}
.scene-line,.scene-flow{stroke:#6c479b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.scene-flow{stroke-width:5;stroke-dasharray:12 9}
.scene-target{stroke:#69448f;stroke-width:3;fill:#eee9f44a}.scene-target circle:last-of-type{fill:#69448f;stroke:#fff;stroke-width:3}
.scene-zone{stroke:#764fa4;stroke-width:4;fill:#8460b337;stroke-linejoin:round}
.scene-boundary{stroke:#735097;stroke-width:3;stroke-dasharray:12 8;fill:#7854980d;stroke-linejoin:round}
.scene-label rect{fill:#fbfaff;stroke:#b1a0c5;stroke-width:1.5}.scene-label text,.scene-timeline text{fill:#443054;font-family:Manrope,"Segoe UI",sans-serif;font-size:25px;font-weight:600;text-anchor:middle}
.scene-label{filter:drop-shadow(0 3px 5px #30263f12)}
.scene-badge{fill:#674589;stroke:#faf7ff;stroke-width:3}.scene-white{stroke:white;stroke-width:4;stroke-linecap:round}
.scene-timeline path{stroke:#725092;stroke-width:4}.scene-timeline circle{fill:#725092;stroke:#f4f1f7;stroke-width:4}.scene-timeline text{font-size:23px;paint-order:stroke;stroke:#f0f0f1;stroke-width:7;stroke-linejoin:round}
.scene-step circle{fill:#5c417b;stroke:#faf8fc;stroke-width:4}.scene-step text{fill:white;font-family:Manrope,"Segoe UI",sans-serif;font-size:34px;font-weight:500;text-anchor:middle}
.direction-overlay.is-active .trace{animation:scene-ink .65s ease-out both}
@keyframes scene-ink{from{opacity:0}to{opacity:1}}
.direction-visual[data-direction=decommissioning] .direction-scene>img{opacity:.55}
.direction-visual .scene-caption{padding:19px 22px 20px;background:#faf9fc;border-top:1px solid #d5cedf;position:relative}
.scene-heading{display:flex;align-items:baseline;gap:13px}.scene-heading>span{color:#806b96;font-size:12px;white-space:nowrap}.scene-heading strong{font-size:19px;font-weight:600;line-height:1.3;color:#35243f;letter-spacing:-.025em}
.scene-caption>p{font-size:14px;line-height:1.65;margin:8px 0 16px;color:#60576b;min-height:46px}
.scene-nav{display:flex;gap:8px}.scene-nav button{display:grid;place-items:center;flex:1;min-height:40px;max-width:62px;border:1px solid #d0c7dc;border-radius:10px;font-size:13px;color:#665275;transition:background .2s,color .2s}.scene-nav button:hover{background:#eee8f4}.scene-nav button[aria-pressed=true]{background:#50436b;border-color:#50436b;color:white}

.directions-layout{position:relative;gap:55px;align-items:start;overflow-anchor:none}
.direction-anchor{position:absolute;top:0;left:0;scroll-margin-top:24px}
.scene-nav button{font-family:inherit;cursor:pointer;background:transparent}
.direction-detail{position:relative;display:block;padding:0;min-height:0!important;scroll-margin-top:0}
.direction-detail:before{display:none}
.detail-symbol{display:none}
.direction-choice{font:inherit;text-align:left;color:inherit;background:none;border:0;width:100%;padding:21px 30px 21px 42px;cursor:pointer;position:relative;line-height:1.35}
.direction-choice:before{content:attr(data-number);position:absolute;left:0;top:25px;font-size:12px;color:#806b96;letter-spacing:0}
.direction-choice:after{content:"+";position:absolute;right:2px;top:22px;color:#806b96;font-size:23px;font-weight:400}
.direction-choice[aria-expanded=true]:after{content:"−"}
.direction-detail h2{font-size:24px;line-height:1.35}
.direction-detail.is-current h2{color:#50436b}
.direction-detail.is-current{background:#e9e6ef66}
.direction-detail p{margin:0;padding:0 22px 25px 42px;font-size:16px;line-height:1.8}
.direction-detail p[hidden]{display:none}
.direction-choice:hover{color:#50436b;background:#e9e6ef77}
.direction-choice:focus-visible,.scene-nav button:focus-visible{outline:2px solid #6c479b;outline-offset:3px}
@media(min-width:1001px){.directions-interactive .direction-detail p{min-height:148px}.scene-heading strong{min-height:50px}.scene-heading{align-items:flex-start}.scene-heading>span{padding-top:4px}}
@media(max-width:1150px){.directions-layout{gap:35px}.direction-detail h2{font-size:21px}.scene-heading strong{font-size:17px}}
@media(max-width:1000px){.direction-visual{position:static;display:grid;grid-template-columns:minmax(200px,40%) 1fr;align-items:center}.direction-visual .scene-caption{border-top:0;padding:22px;background:transparent}.scene-heading{display:block}.scene-heading>span{display:block;margin-bottom:8px}.scene-caption>p{min-height:46px}.direction-detail h2{font-size:24px}.direction-choice{padding-top:18px;padding-bottom:18px}.direction-choice:before{top:23px}.direction-choice:after{top:19px}.directions-layout{gap:24px}}
@media(max-width:700px){.direction-visual{display:block;max-width:470px;width:100%;margin:0 auto;border-radius:20px}.direction-scene{width:100%}.direction-visual .scene-caption{border-top:1px solid #d5cedf;background:#faf9fc;padding:16px 18px}.scene-heading{display:flex;align-items:flex-start;gap:12px}.scene-heading>span{margin-top:3px;font-size:12px}.scene-heading strong{font-size:17px;min-height:44px}.scene-caption>p{margin:6px 0 12px;min-height:46px}.scene-nav button{min-height:40px;font-size:13px}.direction-detail h2{font-size:20px}.direction-choice{padding-left:34px}.direction-detail p{padding-left:34px;padding-right:12px;font-size:16px}.scene-disclaimer{font-size:12px}.directions-layout{gap:26px}}
@media(prefers-reduced-motion:reduce){.direction-overlay,.direction-scene>img{transition:none}.direction-overlay.is-active .trace{animation:none}}