.timeline-design-review{position:fixed;top:62px;left:50%;z-index:180;display:flex;max-width:calc(100vw - 20px);align-items:center;gap:3px;padding:5px;border:1px solid rgb(255 255 255/.2);border-radius:11px;background:rgb(7 10 18/.94);box-shadow:0 12px 36px rgb(0 0 0/.42);color:#dbe2ef;transform:translateX(-50%);backdrop-filter:blur(14px)}
.timeline-design-review>span{padding:0 8px;color:#929db1;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.timeline-design-review button{min-height:29px;padding:4px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#b8c1d1;font-size:9px;font-weight:760;white-space:nowrap;cursor:pointer}.timeline-design-review button:hover{background:#20283b;color:#fff}.timeline-design-review button[aria-pressed="true"]{border-color:#7b88a6;background:#35415e;color:#fff}.timeline-design-review button:focus-visible{outline:2px solid #fff;outline-offset:1px}

html[data-timeline-lab="true"] .tl{--lab-accent:#ffae42;--lab-violet:#9b8cf0;--lab-cyan:#65d6e0;transition:background .18s,border-color .18s,color .18s}
html[data-timeline-lab="true"] .tl-event{transition:color .14s,background .14s,transform .14s,box-shadow .14s}
html[data-timeline-lab="true"] .tl-event[data-selected]::after{background:var(--lab-accent)}
html[data-timeline-lab="true"] :is(.tl-live-next,.tl-live-clock){color:#edf2fa}
html[data-timeline-lab="true"] .tl-live-clock{color:#72dbe4}
html[data-timeline-lab="true"] :is(.tl-live-badge,.tl-live-plan){opacity:1}
.tl-phase-rail,.tl-scale{display:none}

/* 1 · Transit — partial contacts are termini; totality gets the enlarged express map. */
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl{background:#101522}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-events{position:relative;width:min(100%,850px);height:62px;grid-template-columns:minmax(58px,.8fr) minmax(220px,3.4fr) minmax(58px,.8fr);align-items:end;gap:8px}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-edge-event{height:42px;border-top:2px solid #566276}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-edge-start{justify-content:flex-start}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-edge-end{justify-content:flex-end}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-central-events{position:relative;height:62px;grid-template-rows:19px 43px}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-central-events::before{content:"";position:absolute;top:28px;right:15%;left:15%;height:3px;border-radius:99px;background:linear-gradient(90deg,#8979d4,#c49d69 50%,#8979d4);box-shadow:0 0 10px rgb(155 140 240/.24)}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-central-caption{color:#b7afe4}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-central-caption::after{background:#4e486e}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event{position:relative;z-index:1;min-height:42px;padding:18px 3px 1px;justify-items:center}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-edge-event .tl-event{padding-top:4px}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-central-events .tl-event::before{content:"";position:absolute;top:7px;left:50%;z-index:2;width:9px;height:9px;border:3px solid #101522;border-radius:50%;background:#9b8cf0;box-shadow:0 0 0 2px #aea3f4;transform:translateX(-50%)}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event.peak::before{width:14px;height:14px;top:5px;background:#e0a450;box-shadow:0 0 0 2px #ffd38e}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event[data-selected]::before{background:var(--lab-accent);box-shadow:0 0 0 2px #ffd59a,0 0 13px rgb(255 174 66/.65)}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event[data-selected]::after{display:none}
html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event-code{color:#96a2b5;font-size:7px}html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event-time{color:#edf1f7}.tl-event-time{font-variant-numeric:tabular-nums}
html[data-timeline-lab="true"][data-timeline-design="transit"] :is(.tl-phase,.tl-date,#tl-zone,.tl-duration-name){color:#9aa6b8}html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-duration-item strong{color:#e9edf4}

/* 2 · Orbit — contacts sit on a shallow celestial arc, with MAX at its apex. */
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl{background:radial-gradient(ellipse at 50% 120%,#25224a 0,#111629 44%,#090d18 100%)}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-events{position:relative;width:min(100%,790px);height:69px;grid-template-columns:minmax(58px,1fr) minmax(190px,2.8fr) minmax(58px,1fr);align-items:end;overflow:hidden}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-events::before{content:"";position:absolute;top:12px;right:6%;left:6%;height:64px;border:1px solid rgb(174 162 255/.5);border-color:rgb(174 162 255/.58) transparent transparent;border-radius:50% 50% 0 0/72% 72% 0 0;filter:drop-shadow(0 -2px 7px rgb(143 127 227/.24))}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-edge-event{height:45px;transform:translateY(8px)}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-central-events{height:64px;grid-template-rows:18px 38px;align-self:end}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-central-caption::after{background:transparent}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-central-caption{color:#c0b7ee}.tl-central-caption strong{font-variant-numeric:tabular-nums}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-central-events .tl-event:first-of-type,html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-central-events .tl-event:last-of-type{transform:translateY(5px)}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-event.peak{transform:translateY(-3px)}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-event[data-selected]::after{right:28%;left:28%;box-shadow:0 0 9px var(--lab-accent)}
html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-event-code{color:#9aa3b8}html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-event-time{color:#e8edf6}html[data-timeline-lab="true"][data-timeline-design="orbit"] :is(.tl-phase,.tl-date,#tl-zone,.tl-duration-name){color:#9aa6b8}html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-duration-item strong{color:#e9edf4}

/* 3 · Split — honest dual scale: partial-eclipse endpoints outside, totality magnified inside. */
html[data-timeline-lab="true"][data-timeline-design="split"] .tl{background:linear-gradient(180deg,#131827,#0d111d)}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-events{width:min(100%,820px);grid-template-columns:minmax(70px,1fr) minmax(220px,2.15fr) minmax(70px,1fr);gap:12px}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-edge-event{height:50px;border-top:1px solid #374054}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-central-events{height:55px;grid-template-rows:18px 36px;overflow:hidden;border:1px solid #4a426e;border-radius:10px;background:#17162a;box-shadow:0 7px 24px rgb(0 0 0/.23)}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-central-caption{background:#25213e;color:#c8bfff}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="split"] .tl-central-caption::after{display:none}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-central-events .tl-event+.tl-event{border-left:1px solid #35304e}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-event[data-selected]{background:#2b2545}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-event[data-selected]::after{right:0;left:0}
html[data-timeline-lab="true"][data-timeline-design="split"] .tl-event-code{color:#9da7b8}html[data-timeline-lab="true"][data-timeline-design="split"] .tl-event-time{color:#edf1f7}html[data-timeline-lab="true"][data-timeline-design="split"] :is(.tl-phase,.tl-date,#tl-zone,.tl-duration-name){color:#9aa6b8}html[data-timeline-lab="true"][data-timeline-design="split"] .tl-duration-item strong{color:#e9edf4}

/* 4 · Editorial — calculated phase images live on the time axis itself. */
html[data-timeline-design="editorial"] .tl{--sequence-surface:#111827;--sequence-raised:#171e31;--sequence-line:#303852;--sequence-text:#edf0f8;--sequence-muted:#8f9ab1;--sequence-accent:#e9a13a;grid-template-areas:"play read durations" "events events events" "track track track";gap:7px 12px;padding:9px 16px 11px;background:linear-gradient(145deg,#161d32,#0e1321);border-color:var(--sequence-line);color:var(--sequence-text);box-shadow:inset 0 1px rgb(129 213 255/.07),0 -5px 20px rgb(0 0 0/.13)}
html[data-timeline-design="editorial"] .play{border-color:var(--sequence-line);background:var(--sequence-raised);color:var(--sequence-text)}
html[data-timeline-design="editorial"] :is(.tlread,.tl-date,#tl-zone,.tl-duration-name){color:var(--sequence-muted)}
html[data-timeline-design="editorial"] .tlread .big{color:var(--sequence-accent);font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:18px;font-weight:650}
html[data-timeline-design="editorial"] .tl-phase{color:var(--sequence-text);font-family:system-ui,-apple-system,sans-serif;font-size:9px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
html[data-timeline-design="editorial"] .tl-duration-item strong{color:var(--sequence-text)}
html[data-timeline-design="editorial"] .tl-live-next{color:var(--sequence-text)}html[data-timeline-design="editorial"] .tl-live-clock{color:var(--sequence-accent)}
html[data-timeline-design="editorial"] .tltrack{height:82px;min-height:82px;padding-top:40px}
html[data-timeline-design="editorial"] .tl-landmarks{top:40px}
html[data-timeline-design="editorial"] .tl-scale{position:absolute;right:12px;bottom:0;left:12px;display:block;height:17px;border-top:1px solid var(--sequence-line);pointer-events:none}
html[data-timeline-design="editorial"] .tl-scale-tick{position:absolute;top:0;left:var(--tick-position);width:1px;height:5px;background:var(--sequence-line);transform:translateX(-.5px)}
html[data-timeline-design="editorial"] .tl-scale-tick.major{height:8px;background:var(--sequence-muted)}
html[data-timeline-design="editorial"] .tl-scale-tick>span{position:absolute;top:8px;left:50%;color:var(--sequence-muted);font:650 7px/1 "SF Mono",ui-monospace,Menlo,monospace;letter-spacing:-.03em;transform:translateX(-50%)}
html[data-timeline-design="editorial"] .tl-phase-rail{position:absolute;top:0;right:12px;left:12px;z-index:5;display:block;height:57px;pointer-events:none}
html[data-timeline-design="editorial"] .tl-phase-thumb{position:absolute;top:0;left:var(--phase-position);width:32px;height:38px;margin:0;padding:0;border:0;background:transparent;color:var(--sequence-muted);cursor:pointer;touch-action:manipulation;transform:translateX(calc(-50% + var(--phase-nudge,0px)));pointer-events:auto}
html[data-timeline-design="editorial"] .tl-phase-thumb.c2{--phase-nudge:-20px}
html[data-timeline-design="editorial"] .tl-phase-thumb.c3{--phase-nudge:20px}
html[data-timeline-design="editorial"] .tl-phase-connectors{position:absolute;top:31px;right:0;left:0;width:100%;height:25px;overflow:visible;fill:none;stroke:var(--sequence-muted);stroke-width:.45;vector-effect:non-scaling-stroke;opacity:.42;pointer-events:none}
html[data-timeline-design="editorial"] .tl-phase-connectors line{vector-effect:non-scaling-stroke}
html[data-timeline-design="editorial"] .tl-phase-thumb-content{position:absolute;top:0;left:50%;display:grid;width:32px;justify-items:center;gap:1px;transform:translateX(-50%)}
html[data-timeline-design="editorial"] .tl-phase-thumb-content>svg{display:block;width:30px;height:30px;overflow:visible;border-radius:50%;filter:drop-shadow(0 2px 5px rgb(0 0 0/.38))}
html[data-timeline-design="editorial"] .tl-phase-thumb-content>span{font:800 6px/1 "SF Mono",ui-monospace,Menlo,monospace;letter-spacing:.02em;white-space:nowrap}
html[data-timeline-design="editorial"] .tl-phase-thumb:not([data-contact]) .tl-phase-thumb-content>span{display:none}
html[data-timeline-design="editorial"] .tl-phase-thumb:is(.c2,.maximum,.c3){z-index:2}
html[data-timeline-design="editorial"] .tl-phase-thumb.maximum .tl-phase-thumb-content>svg{width:32px;height:32px}
html[data-timeline-design="editorial"] .tl-phase-thumb:hover .tl-phase-thumb-content>svg,html[data-timeline-design="editorial"] .tl-phase-thumb:focus-visible .tl-phase-thumb-content>svg{filter:drop-shadow(0 0 6px var(--sequence-accent));transform:scale(1.06)}
html[data-timeline-design="editorial"] .tl-phase-thumb:focus-visible{outline:1px solid var(--sequence-accent);outline-offset:2px;border-radius:999px}
html[data-timeline-design="editorial"] .tl-phase-thumb[data-linked] .tl-phase-thumb-content>svg{filter:drop-shadow(0 0 5px var(--sequence-accent))}
html[data-timeline-design="editorial"] .tl-phase-thumb[data-timeline-state="passed"]{opacity:.58}
html[data-timeline-design="editorial"] .tl-phase-thumb[data-selected]{color:var(--sequence-accent)}html[data-timeline-design="editorial"] .tl-phase-thumb[data-selected] .tl-phase-thumb-content>svg{filter:drop-shadow(0 0 7px var(--sequence-accent))}
html[data-timeline-design="editorial"] .tl-events{width:min(100%,900px);grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:42px;align-items:stretch;gap:0}
html[data-timeline-design="editorial"] .tl-events[data-sequence="partial"]{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-timeline-design="editorial"] :is(.tl-edge-event,.tl-central-events){display:contents}
html[data-timeline-design="editorial"] .tl-central-caption{display:none}
html[data-timeline-design="editorial"] .tl-event{min-height:42px;align-content:center;justify-items:center;gap:3px;padding:5px 4px;border-top:1px solid var(--sequence-line);border-bottom:1px solid var(--sequence-line);background:var(--sequence-surface);color:var(--sequence-muted)}
html[data-timeline-design="editorial"] .tl-edge-start .tl-event{justify-items:center;border-left:1px solid var(--sequence-line);border-radius:8px 0 0 8px}
html[data-timeline-design="editorial"] .tl-edge-end .tl-event{justify-items:center;border-right:1px solid var(--sequence-line);border-radius:0 8px 8px 0}
html[data-timeline-design="editorial"] :is(.tl-central-events,.tl-edge-end) .tl-event{border-left:1px solid var(--sequence-line)}
html[data-timeline-design="editorial"] .tl-event-code{color:var(--sequence-muted);font:800 8px/1 system-ui,-apple-system,sans-serif;letter-spacing:.08em}
html[data-timeline-design="editorial"] .tl-event-time{color:var(--sequence-text);font:700 10px/1 "SF Mono",ui-monospace,Menlo,monospace;text-align:center}
html[data-timeline-design="editorial"] .tl-event[data-selected]{z-index:2;border-color:var(--sequence-accent);background:color-mix(in srgb,var(--sequence-accent) 13%,var(--sequence-surface));box-shadow:inset 0 -2px var(--sequence-accent)}
html[data-timeline-design="editorial"] .tl-event[data-selected]::after{display:none}
html[data-timeline-design="editorial"] .tl-event[data-selected] :is(.tl-event-code,.tl-event-time){color:var(--sequence-accent)}
html[data-theme="light"][data-timeline-design="editorial"] .tl{--sequence-surface:#fff;--sequence-raised:#f4f6f8;--sequence-line:#cbd3dd;--sequence-text:#1d2a39;--sequence-muted:#667184;--sequence-accent:#a94c08;background:linear-gradient(145deg,#fff,#f4f6f8);box-shadow:inset 0 1px #fff,0 -5px 20px rgb(28 39 53/.08)}
html[data-theme="night"][data-timeline-design="editorial"] .tl{--sequence-surface:#120605;--sequence-raised:#190907;--sequence-line:#5a2922;--sequence-text:#ffe7e1;--sequence-muted:#c9877c;--sequence-accent:#ff9d8f;background:linear-gradient(145deg,#190907,#100404)}
html[data-timeline-design="editorial"] .tl[data-mode="live"]{grid-template-areas:"live durations" "events events" "track track"}
html[data-timeline-design="editorial"] .tl[data-mode="live"]>.tltrack{display:block}

/* 5 · Dial — totality becomes a compact eclipse dial between distant endpoints. */
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl{background:linear-gradient(180deg,#090b11,#111522)}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-events{width:min(100%,720px);grid-template-columns:minmax(66px,1fr) minmax(205px,1.55fr) minmax(66px,1fr);align-items:center}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-edge-event{height:64px;align-items:center}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-events{position:relative;height:68px;grid-template-rows:19px 47px;overflow:hidden;border:1px solid #4b4f62;border-radius:999px;background:radial-gradient(circle at 50% 57%,#050609 0 13px,#fcbd58 14px 15px,#292b3a 16px 29px,#131621 30px);box-shadow:inset 0 0 25px rgb(255 190 88/.08),0 6px 22px rgb(0 0 0/.35)}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-caption{color:#d1d5df;text-shadow:0 1px #000}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-caption::after{background:#505568}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-events .tl-event{color:#aeb5c5;text-shadow:0 1px 3px #000}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-events .tl-event-time{color:#fff}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-event[data-selected]::after{right:25%;left:25%;box-shadow:0 0 11px var(--lab-accent)}
html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-edge-event .tl-event-code{color:#9ca6b8}html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-edge-event .tl-event-time{color:#e9edf5}html[data-timeline-lab="true"][data-timeline-design="dial"] :is(.tl-phase,.tl-date,#tl-zone,.tl-duration-name){color:#9aa6b8}html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-duration-item strong{color:#e9edf4}

/* 6 · Field — a practical observer's card with totality boxed for action. */
html[data-timeline-lab="true"][data-timeline-design="field"] .tl{background-color:#dfe3d5;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgb(57 78 63/.075) 24px);color:#223128;border-color:#9ca99a;box-shadow:inset 0 3px #657b68}
html[data-timeline-lab="true"][data-timeline-design="field"] .play{border-color:#758678;background:#edf0e7;color:#26352b}
html[data-timeline-lab="true"][data-timeline-design="field"] :is(.tlread,.tl-date,#tl-zone,.tl-phase,.tl-duration-name){color:#4e6253}
html[data-timeline-lab="true"][data-timeline-design="field"] .tlread .big,html[data-timeline-lab="true"][data-timeline-design="field"] .tl-duration-item strong{color:#243b2c}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-live-next{color:#243b2c}html[data-timeline-lab="true"][data-timeline-design="field"] .tl-live-clock{color:#375a41}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-events{width:min(100%,850px);grid-template-columns:minmax(58px,.8fr) minmax(220px,3.2fr) minmax(58px,.8fr);gap:10px;border-top:1px dashed #738477}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-edge-event{height:48px;align-items:center}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-central-events{height:56px;grid-template-rows:18px 38px;border:1px solid #809084;border-top:0;background:rgb(244 246 237/.42)}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-central-caption{padding:0 7px;color:#3f5c47}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="field"] .tl-central-caption::after{border-top:1px dashed #809084;background:transparent}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event{min-height:38px;padding:6px 4px;color:#66766b}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event-time{color:#26372b;font-family:"SF Mono",monospace}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event-code::before{content:"□ ";color:#748779}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-edge-start .tl-event{justify-items:start}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-edge-end .tl-event{justify-items:end}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event[data-selected]{background:rgb(74 105 82/.11)}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event[data-selected] .tl-event-code::before{content:"■ ";color:#375a41}
html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event[data-selected]::after{background:#375a41}

/* 7 · Film — C2, MAX and C3 are the three decisive frames; C1/C4 are captions. */
html[data-timeline-lab="true"][data-timeline-design="film"] .tl{background:#070707;color:#eee;border-color:#262626;box-shadow:inset 0 5px #111,inset 0 -5px #111}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-events{width:min(100%,880px);grid-template-columns:minmax(56px,.7fr) minmax(220px,3.5fr) minmax(56px,.7fr);gap:8px}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-edge-event{height:52px;align-items:center;border-top:1px solid #363636;border-bottom:1px solid #363636}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-events{position:relative;height:62px;grid-template-rows:19px 39px;gap:0 4px;padding:3px 0}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-events::before,html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-events::after{content:"";position:absolute;right:0;left:0;height:3px;background:repeating-linear-gradient(90deg,#555 0 8px,transparent 8px 15px)}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-events::before{top:0}html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-events::after{bottom:0}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-caption{color:#aaa}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="film"] .tl-central-caption::after{background:#444}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-event{min-height:39px;border:1px solid #303030;background:#111;color:#aaa}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-edge-event .tl-event{border:0;background:transparent}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-event-time{color:#f4f4f4}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-event.peak{background:#17131c}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-event[data-selected]{border-color:#e3a54b;background:#241c12;box-shadow:inset 0 0 16px rgb(227 165 75/.13)}
html[data-timeline-lab="true"][data-timeline-design="film"] .tl-event[data-selected]::after{right:0;left:0;background:#e3a54b}

/* 8 · Signal — only the urgent totality interval becomes the live colour ribbon. */
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl{background:#151225}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-events{width:min(100%,890px);grid-template-columns:minmax(58px,.75fr) minmax(220px,3.6fr) minmax(58px,.75fr);align-items:center;gap:8px}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-edge-event{height:46px;align-items:center;border-top:1px solid #45405a;border-bottom:1px solid #45405a}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-central-events{height:58px;grid-template-rows:18px 40px;gap:3px;padding:4px;border-radius:14px;background:linear-gradient(90deg,#3e356f,#844d26 50%,#3e356f);box-shadow:0 7px 24px rgb(0 0 0/.25)}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-central-caption{color:rgb(255 255 255/.87)}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-central-caption::before,html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-central-caption::after{background:rgb(255 255 255/.27)}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event{min-height:36px;border-radius:9px;color:rgb(255 255 255/.74)}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-edge-start .tl-event{justify-items:start}html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-edge-end .tl-event{justify-items:end}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event-time{color:#fff}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-central-events .tl-event-code{color:#fff;font-size:8px;text-shadow:0 1px 4px rgb(0 0 0/.35)}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event[data-timeline-state="passed"]{opacity:.78}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event[data-selected]{background:#fff;color:#7f3f0a;box-shadow:0 3px 13px rgb(0 0 0/.26)}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event[data-selected] :is(.tl-event-code,.tl-event-time){color:#7f3f0a}
html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event[data-selected]::after{display:none}

@media (max-width:900px){
  .timeline-design-review{top:108px;right:8px;left:8px;overflow-x:auto;transform:none}.timeline-design-review>span{display:none}.timeline-design-review button{flex:0 0 auto}
  html[data-timeline-lab="true"] .tl-events{width:100%}
  html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-events{height:61px}.tl-central-events{min-width:0}
  html[data-timeline-lab="true"][data-timeline-design="orbit"] .tl-edge-event{transform:translateY(1px)}
  html[data-timeline-lab="true"][data-timeline-design="split"] .tl-events{grid-template-columns:minmax(54px,.8fr) minmax(170px,2.5fr) minmax(54px,.8fr);gap:5px}
  html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-events{grid-template-columns:minmax(52px,.7fr) minmax(190px,2fr) minmax(52px,.7fr)}
}

@media (max-width:520px){
  .timeline-design-review{top:106px;padding:4px}.timeline-design-review button{min-height:27px;padding-inline:7px;font-size:8px}
  html[data-timeline-lab="true"][data-timeline-design="transit"] .tl-event-time,
  html[data-timeline-lab="true"][data-timeline-design="film"] .tl-event-time,
  html[data-timeline-lab="true"][data-timeline-design="signal"] .tl-event-time{font-size:8px}
  html[data-timeline-lab="true"]:is([data-timeline-design="transit"],[data-timeline-design="field"],[data-timeline-design="film"],[data-timeline-design="signal"]) .tl-events{grid-template-columns:minmax(47px,.62fr) minmax(205px,3.2fr) minmax(47px,.62fr);gap:5px}
  html[data-timeline-design="editorial"] .tl{gap:5px 8px;padding:6px 10px 8px}
  html[data-timeline-design="editorial"] .tltrack{height:76px;min-height:76px;padding-top:36px}
  html[data-timeline-design="editorial"] .tl-landmarks{top:36px}
  html[data-timeline-design="editorial"] .tl-phase-rail{height:53px}
  html[data-timeline-design="editorial"] .tl-phase-thumb{width:22px;height:34px}
  html[data-timeline-design="editorial"] .tl-phase-thumb.c2{--phase-nudge:-15px}
  html[data-timeline-design="editorial"] .tl-phase-thumb.c3{--phase-nudge:15px}
  html[data-timeline-design="editorial"] .tl-phase-thumb:is(.ingress-1,.ingress-3,.ingress-4,.egress-1,.egress-2,.egress-4,.partial-ingress-1,.partial-ingress-3,.partial-ingress-4,.partial-egress-1,.partial-egress-2,.partial-egress-4){display:none}
  html[data-timeline-design="editorial"] .tl-phase-connectors{top:23px;height:27px}
  html[data-timeline-design="editorial"] .tl-phase-thumb-content{width:22px}
  html[data-timeline-design="editorial"] .tl-phase-thumb-content>svg{width:21px;height:21px}
  html[data-timeline-design="editorial"] .tl-phase-thumb.maximum .tl-phase-thumb-content>svg{width:23px;height:23px}
  html[data-timeline-design="editorial"] .tl-phase-thumb-content>span{font-size:5px}
  html[data-timeline-design="editorial"] .tl-events{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:40px;gap:0}
  html[data-timeline-design="editorial"] .tl-events[data-sequence="partial"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-timeline-design="editorial"] .tl-event{min-height:40px;gap:2px;padding-inline:2px}
  html[data-timeline-design="editorial"] .tl-event-time{font-size:8.5px}
  html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-events{grid-template-columns:minmax(47px,.62fr) minmax(168px,2.2fr) minmax(47px,.62fr)}
  html[data-timeline-lab="true"][data-timeline-design="dial"] .tl-central-events{height:64px;grid-template-rows:18px 44px}
  html[data-timeline-lab="true"][data-timeline-design="field"] .tl-event-code::before{display:none}
}