.ehs-path-diagram { display:grid; place-items:center; background:#fff; color:#2a2a2a; width:100%; height:100%; min-height:340px; container-type:inline-size; }
.ehs-path-diagram svg { width:100%; height:auto; max-height:100%; overflow:visible; font-family:Manrope,sans-serif; }
.ehs-path-diagram rect { fill:#fff; stroke:#e5dfd5; stroke-width:1.5; }
.ehs-path-diagram text { fill:#2a2a2a; text-anchor:middle; font-size:21px; font-weight:500; }
.ehs-path-diagram .ehs-path-diagram__eyebrow { font-size:11px; letter-spacing:2px; fill:#91622f; }
.ehs-path-diagram .ehs-path-diagram__detail { font-size:13px; font-weight:400; }
.ehs-path-diagram .ehs-path-diagram__action { font-size:11px; letter-spacing:1px; }
.ehs-path-diagram .ehs-path-diagram__pill { fill:#fff5e4; stroke:#ca9d5e; }
.ehs-path-diagram__lines path { stroke:#ca9d5e; stroke-width:3; }
.ehs-path-diagram__icon { fill:none; stroke:#91622f; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.ehs-path-diagram.is-waiting .ehs-path-diagram__lines path { stroke-dasharray:1; stroke-dashoffset:1; }
.ehs-path-diagram.is-waiting .ehs-path-diagram__branch { opacity:0; }
.ehs-path-diagram.is-playing .ehs-path-diagram__lines path { stroke-dasharray:1; animation:ehs-path-draw 1.3s ease both; }
.ehs-path-diagram.is-playing .ehs-path-diagram__branch { animation:ehs-path-reveal .65s ease .9s both; }
.ehs-path-diagram.is-playing .ehs-path-diagram__branch--quote { animation-delay:1.1s; }
@keyframes ehs-path-draw { from {stroke-dashoffset:1} to {stroke-dashoffset:0} }
@keyframes ehs-path-reveal { from {opacity:0} to {opacity:1} }
/* Separate SVG coordinates keep stacked branches within their intrinsic bounds. */
.ehs-path-diagram .ehs-path-diagram__mobile { display:none; }
.ehs-path-diagram__mobile .ehs-path-diagram__branch--online { transform:translate(160px,-85px); }
.ehs-path-diagram__mobile .ehs-path-diagram__branch--quote { transform:translate(-160px,175px); }
@container (max-width:440px) {
 .ehs-path-diagram .ehs-path-diagram__desktop { display:none; }
 .ehs-path-diagram .ehs-path-diagram__mobile { display:block; }
}
.ehs-path-diagram-editor .axiom-why-equity__slider-visual { display:none; }
.ehs-path-diagram-editor > .ehs-path-diagram { max-width:640px; height:auto; }
@media(prefers-reduced-motion:reduce) {
 .ehs-path-diagram .ehs-path-diagram__lines path { animation:none!important; stroke-dashoffset:0!important; }
 .ehs-path-diagram .ehs-path-diagram__branch { animation:none!important; opacity:1!important; }
}
/* Diagram content needs its full bounds rather than the photograph's crop. */
.ehs-home-next .axiom-why-equity__slider-visual:has(> .ehs-path-diagram) { clip-path:none!important; }
@media(max-width:900px) {
 .ehs-home-next .axiom-why-equity__slider .axiom-equity-slide .axiom-why-equity__slider-visual:has(> .ehs-path-diagram) { height:auto; min-height:340px; }
 .ehs-path-diagram { height:auto; }
}
/* Match the original out-of-flow photo so SVG sizing cannot stretch the slide row. */
@media (min-width:901px) {
 .ehs-home-next .axiom-why-equity__slider-visual:has(> .ehs-path-diagram) { min-height:0; }
 .ehs-home-next .axiom-why-equity__slider-visual > .ehs-path-diagram { position:absolute; inset:0; min-height:0; }
 .ehs-home-next .axiom-why-equity__slider-visual > .ehs-path-diagram svg { height:100%; min-height:0; }
}
