.lead-time-explainer{--lead-ink:#173b29;--lead-muted:#586f60;--lead-line:#c8d4c7;color:var(--lead-ink);min-width:0;padding:22px 0;border-block:1px solid var(--lead-line);text-align:left}
.lead-time-heading{position:static!important;display:block!important;height:auto;min-height:0!important;padding:0;border:0;background:transparent!important;box-shadow:none!important}.lead-time-heading h2{font:400 clamp(22px,2.5vw,29px)/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em;margin:0;color:var(--lead-ink)}.lead-time-context{font:400 13px/1.6 Arial,sans-serif;color:var(--lead-muted);margin:12px 0 23px;max-width:610px}
.lead-time-content{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}.lead-time-content:has(.lead-cell){grid-template-columns:minmax(0,1fr) 100px}.lead-time-sequence{min-width:0}.lead-time-sequence>h3{font:500 11px/1.5 Arial,sans-serif;letter-spacing:.055em;margin:0 0 12px;color:var(--lead-ink)}
.lead-time-explainer .deployment-timeline{--ink:var(--lead-ink);--muted:var(--lead-muted);--track:var(--lead-line);--accent:#356b4c}.lead-time-explainer .deployment-axis{height:27px;font-size:11px}.lead-time-explainer .deployment-lane{min-height:92px}.lead-time-explainer .deployment-stage{padding:11px 12px 8px 0}.lead-time-explainer .deployment-stage strong{font-size:12px;line-height:1.45;max-width:145px}.lead-time-explainer .deployment-stage .stage-when{font-size:11px;margin-bottom:5px}.lead-time-explainer .deployment-stage-detail{font-size:12px;line-height:1.6;margin:6px 0 0;min-height:20px}
.lead-time-explainer .qualification-detail{padding-top:20px;margin-top:16px}.lead-time-explainer .qualification-detail[hidden]{display:none!important}.lead-time-explainer .qualification-heading{font-size:10px;gap:8px}.lead-time-explainer .qualification-line{margin-top:18px}.lead-time-explainer .qualification-line button strong{font-size:10px}.lead-time-explainer .qualification-node{background:#f6f7f2;font-size:10px;width:30px;height:30px}.lead-time-explainer .qualification-rail{top:15px}.lead-time-explainer .qualification-line .is-complete .qualification-node{background:#e1ebe0}.lead-time-explainer .qualification-line .is-current .qualification-node,.lead-time-explainer .qualification-line .is-selected .qualification-node{background:var(--accent);color:#fff}.lead-time-explainer .qualification-description{min-height:0;margin-top:18px;padding-left:12px}.lead-time-explainer .qualification-description>span{font-size:13px;font-weight:500}.lead-time-explainer .qualification-description p{font-size:12px;line-height:1.6;margin:6px 0 0}.lead-time-explainer .io-parallel{padding-top:16px;margin-top:12px}.lead-time-explainer .track-name{font-size:12px;margin-bottom:14px}.lead-time-explainer .track-name>span{font-size:10px}
.lead-cell{margin:0;align-self:start}.lead-cell-model{position:relative;height:250px}.lead-cell-model>img{width:100%;height:100%;object-fit:contain}.lead-cell-model [data-lead-model]{position:absolute;inset:0;touch-action:pan-y}.lead-cell-model:has(canvas)>img{opacity:0}.lead-cell-model canvas{width:100%;height:100%;display:block}.lead-cell figcaption{text-align:center;font:400 10px/1.5 Arial,sans-serif;color:var(--lead-muted);margin-top:5px}
.lead-time-dialog{background:#f6f7f2;color:#173b29;border:1px solid #c8d4c7;border-radius:12px;padding:0;width:min(820px,calc(100vw - 36px));max-height:90dvh;overflow:visible;box-shadow:0 24px 90px #001b1540}.lead-time-dialog::backdrop{background:#06140f9c;backdrop-filter:blur(5px)}.lead-dialog-scroll{padding:34px 30px 25px;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:12px;scrollbar-gutter:stable}.lead-dialog-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;border:0;background:#e6ebe2;color:#173b29;border-radius:50%;width:30px;height:30px;cursor:pointer;z-index:2}.lead-dialog-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.lead-time-dialog .lead-time-explainer{border:0;padding:0}.lead-time-dialog :focus-visible{outline:2px solid #356b4c;outline-offset:4px}
@media(max-width:760px){.lead-time-heading h2{font-size:22px;max-width:calc(100% - 16px)}.lead-time-content:has(.lead-cell){grid-template-columns:minmax(0,1fr)}.lead-cell{display:none}.lead-time-explainer .deployment-lane{min-height:105px}.lead-time-explainer .deployment-stage{padding-right:7px}.lead-time-explainer .deployment-stage strong{font-size:11px}.lead-time-explainer .qualification-line{margin-top:14px}.lead-time-explainer .qualification-line button{flex-basis:96px}.lead-time-explainer .qualification-line button:before{top:15px}.lead-time-explainer .qualification-line button strong{font-size:11px}.lead-time-dialog{width:calc(100vw - 22px);max-height:92dvh}.lead-dialog-scroll{padding:42px 18px 22px;max-height:90dvh}.lead-time-explainer:has(.io-parallel) .deployment-overview{overflow-x:auto;padding-top:3px;scrollbar-width:thin}.lead-time-explainer:has(.io-parallel) .deployment-axis,.lead-time-explainer:has(.io-parallel) .deployment-overview>.deployment-lane,.lead-time-explainer:has(.io-parallel) .io-parallel{min-width:520px}}
@media(prefers-reduced-motion:reduce){.lead-time-explainer *{scroll-behavior:auto!important;transition:none!important}}