/* A readable example, not simulated telemetry. The sequence is always complete. */
.itdr-story-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.itdr-story-steps{list-style:none;margin:0;padding:0}
.itdr-story-steps li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:26px 6px}
.itdr-story-steps li:first-child{padding-top:6px}
.itdr-story-steps li:last-child{padding-bottom:12px}
.itdr-story-steps li+li{border-top:1px solid var(--sg-line)}
.itdr-story-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--sg-line);border-radius:50%;color:var(--sg-accent);font:500 15px/1 'DM Mono',monospace}
.itdr-story-steps h3{margin:0 0 10px;font:600 23px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.4px;color:var(--sg-ink);text-wrap:pretty}
.itdr-story-steps p{margin:0;font:400 18px/1.5 'DM Sans',sans-serif;color:var(--sg-ink);text-wrap:pretty}
.itdr-story-trigger h3{color:var(--sg-alert)}
.itdr-story-trigger .itdr-story-number{color:var(--sg-alert);border-color:var(--sg-alert)}
.security-graphic--itdr figcaption{border-top:1px solid var(--sg-line);padding-top:18px;margin-top:12px}
.product-main:has(.itdr-story) .service-hero-grid{align-items:start}
@media(max-width:420px){.itdr-story-steps li{gap:10px;padding-right:0;padding-left:0}.itdr-story-steps h3{font-size:21px}}