/* Case-study storytelling only. Photos, source diagrams and result geometry are retained. */
.csx-story .csx-navigation{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 0 22px;border-bottom:1px solid #d8e5ed;font:600 13px/1.5 Inter,Arial,sans-serif}
.csx-navigation a{color:#075b95;text-decoration:underline;text-underline-offset:5px}
.csx-navigation a:focus-visible,.csx-notes summary:focus-visible{outline:3px solid #087dbe;outline-offset:5px}
.csx-story section[id]{scroll-margin-top:110px}
.csx-section{padding:38px 0;border-top:1px solid #e4edf4}
.csx-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.csx-copy h2{font:700 clamp(25px,2.4vw,33px)/1.18 'Space Grotesk',Arial,sans-serif;letter-spacing:-.025em;color:#0a1626;margin:8px 0 18px;max-width:24ch}
.csx-copy p{font:400 16px/1.7 Inter,Arial,sans-serif;color:#344f64;margin:0 0 14px;max-width:64ch}
.csx-visual{margin:0;min-width:0;border-radius:18px;border:1px solid #cddfea;background:#f5f9fc;padding:24px}
.csx-visual figcaption{font:700 16px/1.45 Inter,Arial,sans-serif;color:#123e5d;margin:0 0 20px}
.csx-items{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.csx-item{position:relative;min-width:0;padding:16px;background:#fff;border:1px solid #d6e4ec;border-radius:10px}
.csx-item strong{display:block;font:700 16px/1.4 Inter,Arial,sans-serif;color:#123e5d;margin-bottom:6px}
.csx-item p{font:400 14px/1.6 Inter,Arial,sans-serif;color:#466177;margin:0}
.csx-symbol{width:30px;height:30px;display:block;margin-bottom:12px;color:#087b8b;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.csx-note{font:400 12px/1.65 Inter,Arial,sans-serif;color:#466177;margin:16px 0 0}
.csx-compare .csx-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.csx-compare .csx-item:last-child{background:#edf8f5;border-color:#83bdb4}
.csx-checkpoints .csx-item{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;border:0;border-left:3px solid #81b7c5;border-radius:0;background:transparent;padding:8px 0 8px 18px}
.csx-checkpoints .csx-symbol{grid-row:1 / span 2;margin:3px 0 0}
.csx-checkpoints .csx-item p{grid-column:2}
.csx-checkpoints .csx-item+.csx-item{margin-top:4px}
.csx-gate .csx-item:not(:last-child)::after{content:'↓';position:absolute;bottom:-23px;left:50%;font-size:18px;line-height:24px;color:#477c93;z-index:1}
.csx-gate .csx-items{gap:28px}
.csx-gate .csx-item:last-child{background:#edf8f5;border-color:#83bdb4}
.csx-lanes .csx-item{border-left:4px solid #348ebc;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px}
.csx-lanes .csx-item:nth-child(2){border-left-color:#0b9284}
.csx-lanes .csx-item:nth-child(3){border-left-color:#bb8c3c}
.csx-lanes .csx-symbol{grid-row:1 / span 2;margin:4px 0 0}
.csx-lanes .csx-item p{grid-column:2}
.csx-lanes .csx-item .csx-tool,.csx-checkpoints .csx-item .csx-tool{grid-column:2}
.csx-tool{display:flex;align-items:center;gap:10px;font:600 12px/1.4 Inter,Arial,sans-serif;color:#335b72;margin:14px 0 0}
.csx-tool img{width:28px;height:28px;object-fit:contain;flex:none}
.csx-technology{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 12px/1.4 Inter,Arial,sans-serif;color:#335b72}
.csx-technology img{width:30px;height:30px;object-fit:contain}
.csx-notes{padding:24px 0 38px;border-top:1px solid #e4edf4}
.csx-notes details{padding:15px 0;border-bottom:1px solid #d8e5ed;max-width:900px}
.csx-notes summary{font:600 15px/1.5 Inter,Arial,sans-serif;color:#154965;cursor:pointer}
.csx-notes details p{font:400 14px/1.7 Inter,Arial,sans-serif;color:#466177;margin:12px 0 0;max-width:80ch}
.csx-story .vs-mobile-step{display:none}
.csx-story .sr-cv-packet{animation:none}
@media(max-width:960px){.csx-layout{grid-template-columns:1fr;gap:18px}.csx-copy h2{max-width:32ch}.csx-visual{max-width:760px;width:100%;box-sizing:border-box}}
@media(max-width:650px){.csx-section{padding:28px 0}.csx-visual{padding:18px}.csx-compare .csx-items{grid-template-columns:1fr}.csx-copy p{font-size:15px}.csx-navigation{gap:12px 20px}.csx-story section[id]{scroll-margin-top:96px}}
@media(prefers-reduced-motion:reduce){.csx-story .vs-packet{opacity:0!important}.csx-story .vs-bar,.csx-symbol{transform:none!important}}
@media(forced-colors:active){.csx-story .vs-diagram{display:none}.csx-story .vs-mobile-flow{display:block}.csx-story .vs-bar,.csx-story .vs-band-solid{background:Highlight}.csx-story .vs-track{border:1px solid CanvasText}.csx-item,.csx-visual{border-color:CanvasText}.csx-symbol{color:CanvasText}}
@media print{.csx-navigation{display:none!important}.csx-section,.vs-section{padding:20px 0}.csx-visual,.csx-item{break-inside:avoid}.csx-story .vs-packet{display:none}.csx-story .vs-bar{transform:none!important}.csx-notes details>p{display:block!important}.csx-layout{grid-template-columns:1fr 1fr;gap:24px}}
@media print and (max-width:650px){.csx-layout{grid-template-columns:1fr}}