/* Native SVG service stories; isolated from home, cases and demos. */
.sr-page [data-story-enhanced]{min-width:0;overflow:hidden}
.sr-page .story-canvas{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;border-radius:8px;background:#fff}
.sr-page .story-canvas>svg{display:block;width:100%;min-width:640px;height:auto;max-width:none;font-family:Inter,Arial,sans-serif;isolation:isolate}
.sr-page .story-canvas:focus-visible{outline:3px solid #0078d4;outline-offset:3px}
.sr-page .story-pan-hint{font-size:13px;color:#536e80;margin:0 0 10px;line-height:1.4}
.sr-page .story-download{display:inline-block;color:#005c99;font-size:14px;text-decoration:underline;text-underline-offset:3px;margin-top:14px}
.sr-page .story-equivalent{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:normal;border:0;font-size:14px;line-height:1.6}
.sr-page .story-interpretation{font-size:13px;line-height:1.5;color:#526979;margin:12px 0 0}
.sr-page .story-equivalent ul,.sr-page .story-equivalent ol{padding-left:20px;margin:12px 0}
.sr-page .story-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}
.sr-page .story-controls button,.sr-page .story-controls select{font:inherit;font-size:14px;min-height:44px;border:1px solid #b7cedd;background:#fff;color:#13516e;padding:8px 12px;border-radius:8px;cursor:pointer}
.sr-page .story-controls button[aria-pressed=true]{background:#0d618b;color:#fff;border-color:#0d618b}
.sr-page [data-story-enhanced] .story-controls button[aria-pressed=true]{background:#0d618b;color:#fff;border-color:#0d618b}
.sr-page .story-controls label{font-size:14px;color:#345e76}
.sr-page .story-controls :focus-visible,.sr-page .story-download:focus-visible{outline:3px solid #0078d4;outline-offset:3px}
.sr-page [data-story-enhanced] [hidden]{display:none!important}
.sr-page .story-state-note{font-size:14px;line-height:1.55;color:#3f6278;margin:12px 0}
@media(max-width:700px){.sr-page .story-canvas>svg{min-width:640px}.sr-page .story-controls{align-items:stretch}.sr-page .story-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:6px}}
/* Keep the existing copy and visual side by side, using the left column fully. */
@media(min-width:1160px){
 .sr-page .story-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.3fr);grid-template-areas:"copy visual" "capabilities visual" "example visual";grid-template-rows:min-content min-content minmax(0,1fr);gap:26px 40px;align-items:start}
 .sr-page .story-layout>.sr-intro-grid{display:contents}
 .sr-page .story-layout .sr-intro-copy{grid-area:copy}
 .sr-page .story-layout .sr-visual-region{grid-area:visual;min-width:0}
 .sr-page .story-layout>.sr-capabilities{grid-area:capabilities;margin:0;padding:22px 0 0}
 .sr-page .story-layout .sr-cap-grid{grid-template-columns:1fr}
 .sr-page .story-layout .sr-section-head{display:block;margin-bottom:12px}
 .sr-page .story-layout .sr-section-head h2{font-size:23px}
 .sr-page .story-layout .sr-section-head p{margin-top:6px}
 .sr-page .story-layout .sr-capability{padding:15px 0}
 .sr-page .story-layout>.sr-example{grid-area:example;display:block;margin:0;border-top:1px solid #d6e2eb;padding-top:18px}
 .sr-page .story-layout>.sr-example strong{display:block;white-space:normal;margin-bottom:6px}
}
@media(min-width:1001px) and (max-width:1159px){.sr-page .story-layout .sr-intro-grid{grid-template-columns:1fr}.sr-page .story-layout .sr-visual-region{width:100%;max-width:780px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.sr-page [data-story-enhanced] *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.sr-page .story-canvas{display:none}.sr-page .story-pan-hint{display:none}.sr-page .story-equivalent{position:static;width:auto;height:auto;overflow:visible;clip-path:none;margin:16px 0 0;color:CanvasText}.sr-page [data-story-enhanced]{background:Canvas;border:1px solid CanvasText}}
@media print{.sr-page .story-canvas{overflow:visible}.sr-page .story-canvas>svg{min-width:0;width:100%;max-width:100%}.sr-page .story-controls,.sr-page .story-download,.sr-page .story-pan-hint{display:none}.sr-page [data-story-enhanced]{break-inside:avoid;overflow:visible}.sr-page .story-layout,.sr-page .sr-intro-grid{display:block}}
@media print{.sr-page .story-equivalent{position:static;width:auto;height:auto;overflow:visible;clip-path:none;margin:12px 0 0;color:#111}}
