.model-timeline{--model-0:#14c7ff;--model-1:#c4b6ff;--model-2:#cee88c;--label-width:142px;--marker-color:#fff;margin:0 0 34px;padding:28px 30px 22px;border:1px solid #40606b;background:#142026;scroll-margin-top:24px}
.mt-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}
.mt-heading .eyebrow{color:var(--cyan);margin-bottom:9px;font-size:11px}
.mt-heading h2{font-size:clamp(32px,3.3vw,46px);line-height:1}
.mt-clock{display:flex;align-items:center;gap:16px;flex-shrink:0}
.mt-clock time{font-size:25px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.mt-live{border:1px solid #698391;background:transparent;border-radius:30px;min-height:42px;padding:9px 14px;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:7px}
.mt-live span{width:6px;height:6px;border-radius:50%;background:#f6d88f}
.mt-live.is-live{color:var(--cyan);border-color:var(--cyan)}
.mt-live.is-live span{background:var(--cyan)}
.mt-live:hover{background:#233944}
.mt-summary{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #35505c;padding-top:18px;margin:22px 0 27px}
.mt-summary p:last-child{text-align:right}
.mt-caption{display:block;color:#b9c9d0;font-size:11px;margin-bottom:4px}
.mt-summary strong{font-size:23px;font-weight:700;font-stretch:90%;line-height:1.15;display:block}
.mt-summary p:last-child strong{color:var(--cyan);font-variant-numeric:tabular-nums}
.mt-chart{padding-right:14px}
.mt-axis{position:relative;height:35px;margin-left:var(--label-width);color:#c3d0d6;font-size:11px}
.mt-tick{position:absolute;transform:translateX(-50%);white-space:nowrap}
.mt-tick:first-child{transform:none}
.mt-tick:last-child{transform:translateX(-100%)}
.mt-plot{position:relative;padding:8px 0;border-bottom:1px solid #45616e}
.mt-grid{position:absolute;left:var(--label-width);right:0;top:0;bottom:0;border-left:1px solid #45616e;border-right:1px solid #45616e;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),#35505c calc(10% - 1px),#35505c 10%);pointer-events:none}
.mt-row{position:relative;display:grid;grid-template-columns:var(--label-width) minmax(0,1fr);align-items:center;min-height:71px}
.mt-name{padding-right:12px;min-width:0}
.mt-name strong{display:block;color:var(--model-color);font-weight:750;font-size:21px;font-stretch:90%;line-height:1.1}
.mt-name span{display:block;color:#c3d0d6;font-size:11px;line-height:1.3;margin-top:5px;font-variant-numeric:tabular-nums}
.mt-row.is-active .mt-name span{color:#fff}
.mt-lane{position:relative;height:44px;min-width:0}
.mt-bar{position:absolute;height:44px;border:0;border-radius:5px;background:var(--model-color);color:#111;overflow:hidden;isolation:isolate;padding:0;min-width:0;transition:box-shadow .15s ease}
.mt-bar:focus-visible{outline:2px solid white;outline-offset:5px}
.mt-row.is-selected .mt-bar{box-shadow:0 0 0 2px #142026,0 0 0 3px #fff}
.mt-prep{position:absolute;inset:0 auto 0 0;width:var(--prep);border-right:1px solid #17242d;background:repeating-linear-gradient(135deg,transparent 0 4px,#17313c66 4px 6px);pointer-events:none}
.mt-elapsed{position:absolute;inset:0 auto 0 0;background:#1420264d;width:var(--elapsed,0%);pointer-events:none}
.mt-bar-label{position:relative;display:block;text-align:center;padding:0 8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mt-row.is-complete .mt-bar{opacity:.65}
.mt-marker-space{position:absolute;left:var(--label-width);right:0;top:-8px;bottom:0;pointer-events:none}
.mt-marker{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:var(--marker-color);filter:drop-shadow(0 0 2px #142026)}
.mt-marker[hidden]{display:none}
.mt-marker>span{position:absolute;left:50%;top:0;transform:translate(-50%,-100%);font-size:10px;font-weight:750;line-height:1.4;padding:2px 7px;background:var(--marker-color);color:#111;border-radius:4px;white-space:nowrap}
.mt-marker.near-start>span{transform:translate(0,-100%);left:0}
.mt-marker.near-end>span{transform:translate(-100%,-100%);left:0}
.is-preview{--marker-color:#ffe0a0}
.is-preview .mt-clock time{color:#ffe0a0}
.mt-scrub{margin:19px 0 13px}
.mt-scrub-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c3d0d6;gap:12px}
.mt-scrub-label label{font-weight:600;color:white}
.mt-scrub-label output{font-variant-numeric:tabular-nums}
.mt-scrub input{width:100%;height:30px;margin:4px 0 0;accent-color:var(--cyan);cursor:ew-resize;touch-action:pan-y}
.mt-scrub input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.is-preview .mt-scrub input{accent-color:#ffe0a0}
.mt-legend{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;font-size:10px;color:#c3d0d6}
.mt-legend>span{display:flex;gap:7px;align-items:center}
.mt-legend i{display:inline-block;width:12px;height:10px;border:1px solid #c3d0d6;border-radius:2px}
.mt-legend-solid{background:#c3d0d6}
.mt-legend-prep{background:repeating-linear-gradient(135deg,transparent 0 3px,#c3d0d6 3px 4px)}
.mt-legend .mt-help{margin-left:auto}
.mt-detail{margin-top:19px;padding:15px 17px;background:#0f191e;border:1px solid #35505c;min-height:102px}
.mt-detail-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px}
.mt-detail-header strong{font-size:18px;font-weight:700}
.mt-detail-header span{font-size:12px;color:var(--cyan);font-variant-numeric:tabular-nums;text-align:right}
.mt-detail p{font-size:12px;line-height:1.5}
.mt-detail .mt-detail-pair{font-size:11px;color:#bdcbd1;margin-top:4px}
.mt-footnote{font-size:10px;color:#b0c3cc;margin-top:11px}
@media(max-width:1050px){.model-timeline{--label-width:118px;padding:24px}.mt-bar-label{font-size:10px}.mt-legend .mt-help{margin-left:0;width:100%}}
@media(max-width:760px){.model-timeline{--label-width:88px;padding:20px 16px 16px;margin-bottom:27px}.mt-heading{align-items:flex-start;gap:16px}.mt-heading .eyebrow{font-size:9px;max-width:190px;line-height:1.5}.mt-heading h2{font-size:32px}.mt-clock{flex-direction:column;align-items:flex-end;gap:10px}.mt-clock time{font-size:20px;white-space:nowrap}.mt-live{font-size:10px;min-height:36px;padding:7px 10px}.mt-summary{margin-top:19px;margin-bottom:24px;gap:14px;padding-top:15px}.mt-caption{font-size:10px}.mt-summary strong{font-size:19px}.mt-summary p:first-child{max-width:60%}.mt-axis{font-size:9px;height:33px}.mt-tick-minor{display:none}.mt-grid{background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#35505c calc(20% - 1px),#35505c 20%)}.mt-chart{padding-right:0}.mt-name strong{font-size:19px}.mt-name span{font-size:10px;max-width:78px}.mt-row{min-height:67px}.mt-bar-label{display:none}.mt-marker>span{font-size:9px}.mt-scrub-label{font-size:10px}.mt-legend{font-size:9px;gap:9px 14px}.mt-detail{padding:13px 12px;min-height:118px}.mt-detail-header strong{font-size:17px}.mt-detail-header span{font-size:11px;max-width:45%}.mt-detail p{font-size:11px}.mt-detail .mt-detail-pair{font-size:10px}.mt-footnote{font-size:9px}}
@media(max-width:400px){.model-timeline{padding-left:12px;padding-right:12px;--label-width:76px}.mt-heading{gap:8px}.mt-heading h2{font-size:29px}.mt-clock time{font-size:18px}.mt-summary strong{font-size:17px}.mt-name strong{font-size:18px}.mt-name span{font-size:9px}.mt-caption{font-size:9px}.mt-tick{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mt-bar{transition:none}}
@media print{.model-timeline{display:none!important}}
