.home-history{padding-block:8px 44px}.history-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:30px;border-top:1px solid #d9e2ef;margin-bottom:28px}.history-heading h2{font-size:27px;margin:8px 0 7px}.history-heading>div>p:last-child{font-size:13px;color:var(--muted)}.history-controls{display:flex;gap:10px}.history-controls button{border:1px solid #bfcce0;background:white;width:42px;height:42px;border-radius:50%;font-size:20px}.history-controls button:disabled{opacity:.35;cursor:default}.history-controls button:not(:disabled):hover{background:var(--blue);border-color:var(--blue);color:white}.history-track{display:flex;list-style:none;margin:0;padding:4px 0 18px;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b4c5df transparent;cursor:grab}.history-track:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.history-track li{flex:0 0 33.333%;min-width:270px;scroll-snap-align:start;padding-right:30px}.history-year{display:block;font-size:36px;letter-spacing:-1px;line-height:1.4;color:var(--blue);font-weight:600}.history-dot{display:block;position:relative;margin:19px -30px 22px 0;height:1px;background:#c3d2e7}.history-dot:before{content:'';display:block;position:absolute;top:-5px;left:0;width:11px;height:11px;border:3px solid var(--blue);background:#f3f6fa;border-radius:50%}.history-track h3{font-size:19px;margin:0 0 12px}.history-track li>p{font-size:14px;line-height:1.9;color:#657489;max-width:320px}.history-track.is-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none}.history-footer{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:12px}.history-footer>span{color:#8795a9}.history-footer>a{color:var(--blue)}
@media(max-width:800px){.home-history{padding-bottom:30px}.history-heading{padding-top:22px}.history-heading h2{font-size:24px}.history-track li{flex-basis:46%;min-width:260px}.history-year{font-size:32px}.history-track li>p{font-size:13px}.history-controls button{width:38px;height:38px}}
@media(max-width:540px){.history-track li{flex-basis:82%;min-width:0;padding-right:24px}.history-dot{margin-right:-24px}.history-heading{gap:12px}.history-heading h2{font-size:23px}.history-footer{font-size:11px;gap:12px}}
