.center{margin-right:100px;margin-left:200px}.timeline-wrapper{position:relative;min-height:100vh;padding:20px 0}.timeline{position:relative;padding-left:30px;height:100vh;overflow-y:auto;margin-left:20px}.timeline-item{position:relative;padding-left:20px}.pin-wrapper{position:absolute;left:-25px;top:10px;z-index:2}.pin,.pin-wrapper{width:20px;height:20px}.pin{background:#fff;border:2px solid #00b0b0;display:flex;align-items:center;justify-content:center}.hole,.pin{border-radius:50%}.hole{width:8px;height:8px;background:#00b0b0}.timeline-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.timeline-year{font-size:1.25rem;font-weight:600;color:#00b0b0;margin-bottom:15px}.timeline-month{font-weight:500;margin-bottom:8px}.timeline-description{color:#666;line-height:1.6}.timeline-item{margin-bottom:30px}@media (max-width:991px){.timeline{padding-left:20px;margin-left:0;height:auto;overflow-y:visible;-webkit-overflow-scrolling:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-wrapper{min-height:auto;overflow:visible}.timeline-content{padding:15px;-webkit-tap-highlight-color:transparent}.pin-wrapper{left:-15px;pointer-events:none}}@media (max-width:930px){.center{margin-right:10px;margin-left:40px}}.year-tabs-wrapper{position:relative;background:#fff;margin-bottom:30px}.year-tabs{display:flex;flex-direction:column;gap:5px;background:#fff;height:100vh;overflow-y:auto}.year-tab{padding:7px 20px;cursor:pointer;border-left:3px solid transparent;transition:all .3s ease;white-space:nowrap}.year-tab:hover{background-color:#f5f5f5;border-left-color:#ddd}.year-tab.active{background-color:#f0f0f0;border-left-color:#00b0b0;font-weight:700}@media (max-width:991px){.year-tabs{flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px;justify-content:flex-start;height:auto;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.year-tabs::-webkit-scrollbar{display:none}.year-tab{font-size:14px;padding:6px 12px;border:1px solid #ddd;border-radius:16px;background:#fff;min-width:auto;flex:0 0 auto;margin:2px}.year-tab.active{border:1px solid #00b0b0;background-color:#00b0b0;color:#fff;box-shadow:0 2px 4px rgba(0,176,176,.2)}.year-tabs-wrapper{margin-bottom:20px;padding:0 10px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}}@media (max-width:576px){.year-tab{font-size:13px;padding:4px 10px}.year-tabs{padding:8px;gap:6px}}