/* Content-specific native SVGs. Full text stays readable without motion. */
.csx-story .vs-story-grid>div{min-width:0}
.case-diagram-pan{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:10px}
.case-diagram-pan:focus-visible{outline:3px solid #0078d4;outline-offset:4px}
.case-diagram-pan .case-illustration{display:block;width:100%;min-width:640px;max-width:none;height:auto}
.case-diagram-equivalent{display:none;list-style:none;padding:0;margin:16px 0 0}
.case-diagram-hint{display:none;font-size:12px;line-height:1.5;color:#486579;margin:10px 0}
.case-diagram-equivalent li{padding:8px 0;line-height:1.5;border-bottom:1px solid #dce7ee}
.case-diagram-equivalent svg,.case-diagram-equivalent .vs-mobile-step{display:none}
.case-diagram-equivalent strong{display:block;color:#153e54;font-size:15px}
.case-diagram-equivalent span{font-size:14px;color:#486579}
@media(max-width:700px){.case-diagram-hint{display:block}.case-diagram-equivalent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}
@media(forced-colors:active){.case-diagram-pan{display:none}.case-diagram-equivalent{display:block}}
@media print{.case-diagram-pan{overflow:visible}.case-diagram-pan .case-illustration{min-width:0;width:100%}.case-diagram-equivalent{display:none}}