.sctl{max-width:min(100%,60rem);margin-inline:auto;--sctl-rail: var(--rule-bright);--sctl-rail-fade: color-mix(in oklab, var(--rule-bright) 0%, transparent)}.sctl-spine{position:sticky;top:var(--sctl-top, 0px);z-index:3;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 72%,color-mix(in oklab,var(--bg) 70%,transparent) 100%);padding-top:var(--s-3);margin-inline:calc(-1 * var(--s-4));padding-inline:var(--s-4)}.sctl-spine-inner{border-bottom:var(--hair) solid var(--rule);padding-bottom:var(--s-3)}.sctl-readout{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-2);min-height:2.1em}.sctl-readout-date{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;line-height:1;color:var(--accent);text-shadow:var(--halo-star)}.sctl-readout-label{font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.sctl-rail{display:block;width:100%;height:auto;overflow:visible;cursor:pointer;touch-action:none}.sctl-rail:focus{outline:none}.sctl-rail:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-sm)}.sctl-rail-line{stroke:url(#sctl-rail-grad);stroke-width:1.5}.sctl-rail-fill{stroke:var(--accent);stroke-width:2;opacity:.55}.sctl-tick{cursor:pointer}.sctl-tick-line{stroke:var(--rule-bright);stroke-width:1}.sctl-tick-dot{fill:var(--bg-raised);stroke:var(--ink-faint);stroke-width:1.5;transition:r var(--dur-fast) var(--ease-out),fill var(--dur-fast) var(--ease-out),stroke var(--dur-fast) var(--ease-out)}.sctl-tick-date{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;fill:var(--ink-faint);transition:fill var(--dur-fast) var(--ease-out)}.sctl-tick--on .sctl-tick-dot{stroke:var(--accent-dim)}.sctl-tick--on .sctl-tick-date{fill:var(--ink-dim)}.sctl-tick--active .sctl-tick-dot{fill:var(--accent);stroke:var(--accent);filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 60%,transparent))}.sctl-tick--active .sctl-tick-date{fill:var(--ink);font-weight:600}.sctl-playhead{pointer-events:none}.sctl-playhead-stem{stroke:var(--accent);stroke-width:1.5;opacity:.7}.sctl-playhead-halo{fill:color-mix(in oklab,var(--accent) 16%,transparent)}.sctl-playhead-dot{fill:var(--accent);filter:drop-shadow(0 0 8px color-mix(in oklab,var(--accent) 70%,transparent))}.sctl-playhead-flag{fill:var(--accent)}.sctl-playhead--drag .sctl-playhead-halo{fill:color-mix(in oklab,var(--accent) 28%,transparent)}.sctl-hint{margin:var(--s-2) 0 0;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.sctl-sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sctl-stack{margin-top:var(--s-5)}.sctl-panel{min-height:74vh;display:flex;align-items:center;opacity:.32;transition:opacity var(--dur) var(--ease-out)}.sctl-panel--active{opacity:1}.sctl-tail{height:50vh}.sctl-panel-inner{max-width:var(--measure);margin-inline:auto;width:100%}.sctl-panel-head{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);border-left:2px solid var(--accent);padding-left:var(--s-3)}.sctl-panel-date{font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.04em;color:var(--accent)}.sctl-panel-label{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;line-height:var(--lh-tight);color:var(--ink);margin:0}.sctl-panel-prose{font-family:var(--font-read);font-size:var(--t-read);line-height:var(--lh-read);letter-spacing:var(--track-read);color:var(--read)}.sctl-panel-prose :where(p){margin:0 0 var(--s-4)}.sctl-panel-prose :where(p):last-child{margin-bottom:0}.sctl--stacked .sctl-stacked-list{list-style:none;margin:0;padding:0;counter-reset:sctl}.sctl-stacked-item{border-left:2px solid var(--rule-bright);padding:0 0 var(--s-6) var(--s-5);margin-left:var(--s-2);position:relative}.sctl-stacked-item:before{counter-increment:sctl;content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg-raised);border:2px solid var(--accent)}.sctl-stacked-item:last-child{padding-bottom:0}.sctl-stacked-head{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-2);flex-wrap:wrap}.sctl-stacked-date{font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.04em;color:var(--accent)}.sctl-stacked-label{font-family:var(--font-display);font-size:var(--t-md);font-weight:600;color:var(--ink)}.sctl-stacked-prose{font-family:var(--font-read);font-size:var(--t-read);line-height:var(--lh-read);letter-spacing:var(--track-read);color:var(--read)}.sctl-stacked-prose :where(p){margin:0 0 var(--s-4)}.sctl-stacked-prose :where(p):last-child{margin-bottom:0}@media(max-width:640px){.sctl-spine{margin-inline:0;padding-inline:0}.sctl-rail{overflow:hidden}.sctl-readout-date{font-size:var(--t-lg)}.sctl-readout{flex-wrap:wrap;gap:var(--s-2);min-height:3.4em}.sctl-readout-label{min-width:0;overflow-wrap:anywhere}.sctl-tick-date{font-size:13px}.sctl-panel{min-height:70vh}.sctl-panel-label{font-size:var(--t-md)}}@media(prefers-reduced-motion:reduce){.sctl-tick-dot,.sctl-tick-date,.sctl-panel{transition:none}.sctl-tick--active .sctl-tick-dot,.sctl-playhead-dot{filter:none}}