.timeline-container{--color-card-bg:#fff;--color-timeline-bg:#d8d8d8;--color-timeline-start:#407ec9;--color-timeline-end:#002554;--color-shadow:rgba(0,0,0,.1);--spacing-base:0.5rem;--spacing-sm:calc(var(--spacing-base)*2);--spacing-md:calc(var(--spacing-base)*3);--spacing-lg:calc(var(--spacing-base)*4);--spacing-xl:calc(var(--spacing-base)*6);--card-padding:var(--spacing-md);--card-gap:var(--spacing-lg);--card-border-radius:8px;--timeline-bar-width:4px;--timeline-dot-size:16px;--timeline-dot-border:4px;--timeline-offset:var(--spacing-xl);--font-scale:0;--font-multiplier:calc(1 + var(--font-scale)*0.1);--heading-font-size:calc(1.25rem*var(--font-multiplier));--body-font-size:calc(1rem*var(--font-multiplier));box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:var(--timeline-offset);position:relative}.timeline-container:before{background:var(--color-timeline-bg);bottom:0;content:"";left:var(--spacing-sm);position:absolute;top:0;width:var(--timeline-bar-width)}.timeline-cards{display:grid;gap:var(--card-gap)}.timeline-card{background:var(--card-color,var(--color-timeline-start));border-radius:var(--card-border-radius);box-shadow:0 2px 8px var(--color-shadow);box-sizing:border-box;color:var(--text-color);font-size:var(--body-font-size);padding:var(--card-padding);position:relative}.timeline-card:before{background:var(--card-color);border:var(--timeline-dot-border) solid var(--color-card-bg);border-radius:50%;box-shadow:0 0 0 2px var(--card-color);box-sizing:content-box;content:"";height:var(--timeline-dot-size);left:calc(var(--timeline-offset)*-1 + var(--spacing-sm) - (var(--timeline-dot-size) + var(--timeline-dot-border)*2)/2 + var(--timeline-bar-width)/2);position:absolute;top:var(--card-padding);width:var(--timeline-dot-size)}.timeline-card *{color:var(--text-color);font-size:var(--body-font-size)}.timeline-card h3{color:var(--text-color);font-size:var(--heading-font-size);margin:0 0 calc(var(--spacing-base)*var(--font-multiplier)) 0}.timeline-card li,.timeline-card ol,.timeline-card p,.timeline-card ul{color:var(--text-color);font-size:var(--body-font-size)}.timeline-card p{margin:0 0 calc(var(--spacing-base)*var(--font-multiplier)) 0}.timeline-card p:last-child{margin-bottom:0}.timeline-card ol,.timeline-card ul{margin:0 0 calc(var(--spacing-base)*var(--font-multiplier)) 0;padding-left:calc(var(--spacing-md)*var(--font-multiplier))}.timeline-card ol:last-child,.timeline-card ul:last-child{margin-bottom:0}.timeline-card li{margin:0 0 calc(var(--spacing-base)*.5*var(--font-multiplier)) 0}.timeline-card li:last-child{margin-bottom:0}@media (min-width:768px){.timeline-container{padding-left:0;padding-top:var(--timeline-offset)}.timeline-container:before{bottom:auto;height:var(--timeline-bar-width);left:0;right:0;top:var(--spacing-sm);width:auto}.timeline-cards{gap:var(--card-gap);grid-template-columns:repeat(var(--grid-count),1fr)}.timeline-card{padding-top:var(--spacing-lg)}.timeline-card:before{left:50%;top:calc(var(--timeline-offset)*-1 + var(--spacing-sm) - (var(--timeline-dot-size) + var(--timeline-dot-border)*2)/2 + var(--timeline-bar-width)/2);transform:translateX(-50%)}}