.cool-timeline-wrap{--ctl-line:color-mix(in oklab, canvasText 18%, transparent);--ctl-dot:#2563eb;--ctl-dot-ring:color-mix(in oklab, #2563eb 28%, transparent);--ctl-card-bg:color-mix(in oklab, canvas 92%, canvasText 8%);--ctl-card-border:color-mix(in oklab, canvasText 12%, transparent);--ctl-card-shadow:0 10px 30px color-mix(in oklab, canvasText 8%, transparent);--ctl-muted:color-mix(in oklab, canvasText 62%, transparent);--ctl-link:#2563eb;--ctl-year-bg:color-mix(in oklab, #2563eb 12%, canvas);--ctl-year-fg:#1d4ed8;--ctl-max:56rem;--ctl-gutter:1.25rem;--ctl-rail:2px;--ctl-col-gap:2.5rem;width:min(100%,var(--ctl-max));margin:2.5rem auto 4rem;padding:0 var(--ctl-gutter);color:canvasText}html.dark .cool-timeline-wrap,.dark .cool-timeline-wrap{--ctl-line:color-mix(in oklab, canvasText 22%, transparent);--ctl-dot:#60a5fa;--ctl-dot-ring:color-mix(in oklab, #60a5fa 32%, transparent);--ctl-card-bg:color-mix(in oklab, canvas 88%, canvasText 12%);--ctl-card-border:color-mix(in oklab, canvasText 16%, transparent);--ctl-card-shadow:0 12px 36px color-mix(in oklab, #000 45%, transparent);--ctl-muted:color-mix(in oklab, canvasText 68%, transparent);--ctl-link:#93c5fd;--ctl-year-bg:color-mix(in oklab, #60a5fa 18%, canvas);--ctl-year-fg:#bfdbfe}@media(prefers-color-scheme:dark){html:not(.light) .cool-timeline-wrap{--ctl-line:color-mix(in oklab, canvasText 22%, transparent);--ctl-dot:#60a5fa;--ctl-dot-ring:color-mix(in oklab, #60a5fa 32%, transparent);--ctl-card-bg:color-mix(in oklab, canvas 88%, canvasText 12%);--ctl-card-border:color-mix(in oklab, canvasText 16%, transparent);--ctl-card-shadow:0 12px 36px color-mix(in oklab, #000 45%, transparent);--ctl-muted:color-mix(in oklab, canvasText 68%, transparent);--ctl-link:#93c5fd;--ctl-year-bg:color-mix(in oklab, #60a5fa 18%, canvas);--ctl-year-fg:#bfdbfe}}.cool-timeline{position:relative;display:flex;flex-direction:column;gap:1.75rem;padding:.5rem 0 1rem}.cool-timeline::before{content:"";position:absolute;top:0;bottom:0;left:1.1rem;width:var(--ctl-rail);background:linear-gradient( to bottom,transparent,var(--ctl-line) 8%,var(--ctl-line) 92%,transparent );border-radius:999px}.cool-timeline-year{position:relative;z-index:1;display:flex;justify-content:flex-start;margin:.75rem 0 .25rem;padding-left:2.75rem}.cool-timeline-year span{display:inline-flex;align-items:center;min-height:2rem;padding:.3rem .85rem;border-radius:999px;background:var(--ctl-year-bg);color:var(--ctl-year-fg);font-size:.85rem;font-weight:700;letter-spacing:.04em;line-height:1}.cool-timeline-item{position:relative;display:grid;grid-template-columns:2.4rem minmax(0,1fr);grid-template-areas:"marker date" "marker card";column-gap:.85rem;row-gap:.35rem;align-items:start}.cool-timeline-marker{grid-area:marker;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:.35rem;z-index:1}.cool-timeline-dot{display:block;width:.85rem;height:.85rem;border-radius:50%;background:var(--ctl-dot);box-shadow:0 0 0 .35rem var(--ctl-dot-ring)}.cool-timeline-date{grid-area:date;margin:0;color:var(--ctl-muted);font-size:.9rem;font-weight:600;letter-spacing:.01em;line-height:1.4;padding-top:.15rem}.cool-timeline-card{grid-area:card;background:var(--ctl-card-bg);border:1px solid var(--ctl-card-border);border-radius:.9rem;box-shadow:var(--ctl-card-shadow);padding:1rem 1.15rem 1.1rem;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.cool-timeline-media{display:block;margin:-.15rem -.2rem .75rem;overflow:hidden;border-radius:.65rem}.cool-timeline-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:color-mix(in oklab,canvasText 6%,canvas)}.cool-timeline-item:hover .cool-timeline-card,.cool-timeline-item:focus-within .cool-timeline-card{transform:translateY(-2px);border-color:color-mix(in oklab,var(--ctl-dot) 35%,var(--ctl-card-border));box-shadow:var(--ctl-card-shadow),0 0 0 1px color-mix(in oklab,var(--ctl-dot) 18%,transparent)}.cool-timeline-title{margin:0 0 .4rem;font-size:1.15rem;line-height:1.35;font-weight:700}.cool-timeline-title a{color:inherit;text-decoration:none}.cool-timeline-title a:hover,.cool-timeline-title a:focus-visible{color:var(--ctl-link);text-decoration:underline;text-underline-offset:.15em}.cool-timeline-meta{margin:0 0 .55rem;color:var(--ctl-muted);font-size:.92rem;line-height:1.45}.cool-timeline-summary{margin:0 0 .85rem;color:color-mix(in oklab,canvasText 88%,transparent);font-size:.98rem;line-height:1.55}.cool-timeline-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--ctl-link);font-size:.92rem;font-weight:600;text-decoration:none}.cool-timeline-link::after{content:"→";transition:transform 160ms ease}.cool-timeline-link:hover,.cool-timeline-link:focus-visible{text-decoration:underline;text-underline-offset:.14em}.cool-timeline-link:hover::after,.cool-timeline-link:focus-visible::after{transform:translateX(3px)}@media(min-width:900px){.cool-timeline::before{left:50%;transform:translateX(-50%)}.cool-timeline-year{justify-content:center;padding-left:0;margin:1.25rem 0 .5rem}.cool-timeline-item{grid-template-columns:minmax(0,1fr)2.5rem minmax(0,1fr);column-gap:var(--ctl-col-gap);row-gap:.4rem;align-items:start}.cool-timeline-item--left{grid-template-areas:"date marker ." "card marker .";text-align:right}.cool-timeline-item--right{grid-template-areas:". marker date" ". marker card";text-align:left}.cool-timeline-item--left .cool-timeline-card,.cool-timeline-item--left .cool-timeline-date{justify-self:end;width:min(100%,26rem)}.cool-timeline-item--right .cool-timeline-card,.cool-timeline-item--right .cool-timeline-date{justify-self:start;width:min(100%,26rem)}.cool-timeline-marker{grid-area:marker;justify-content:center;padding-top:.4rem}.cool-timeline-item--left .cool-timeline-title a,.cool-timeline-item--left .cool-timeline-meta,.cool-timeline-item--left .cool-timeline-summary{text-align:right}.cool-timeline-item--left .cool-timeline-link{justify-content:flex-end;width:100%}.cool-timeline-item--left .cool-timeline-link::after{content:"←";order:-1}.cool-timeline-item--left .cool-timeline-link:hover::after,.cool-timeline-item--left .cool-timeline-link:focus-visible::after{transform:translateX(-3px)}}@media(prefers-reduced-motion:reduce){.cool-timeline-card,.cool-timeline-link::after{transition:none}.cool-timeline-item:hover .cool-timeline-card,.cool-timeline-item:focus-within .cool-timeline-card{transform:none}}