.siorai-linear-timeline{position:relative;width:100%;box-sizing:border-box;overflow:hidden}.timeline-horizontal,.timeline-responsive{position:relative}.timeline-responsive .timeline-events-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;position:relative;min-height:300px;align-items:flex-start;gap:30px;padding:10px 0 60px 0}.timeline-responsive .timeline-events-container::-webkit-scrollbar{display:none}.timeline-horizontal .timeline-events-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;position:relative;min-height:300px;align-items:flex-start;gap:30px;padding:10px 0 60px 0}.timeline-horizontal .timeline-events-container::-webkit-scrollbar{display:none}.timeline-vertical .timeline-events-container{display:flex;flex-direction:column;gap:30px;padding:20px 0}.timeline-horizontal .timeline-events-container .timeline-line,.timeline-responsive .timeline-events-container .timeline-line{position:absolute;height:4px;background-color:#55715B;border-radius:2px;z-index:1;pointer-events:none}.timeline-event{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.timeline-horizontal .timeline-event,.timeline-responsive .timeline-event{min-width:280px;max-width:320px;margin-bottom:0;align-items:center}.timeline-vertical .timeline-event{width:100%;max-width:600px;margin:0 auto;flex-direction:row;align-items:flex-start;gap:20px}.timeline-node{width:16px;height:16px;background-color:#D2A019;border:3px solid #FFF;border-radius:50%;position:relative;z-index:3;box-shadow:0 2px 8px rgb(0 0 0 / .1);flex-shrink:0}.timeline-horizontal .timeline-node,.timeline-responsive .timeline-node{margin-bottom:15px;margin-top:27px;position:relative}.timeline-vertical .timeline-node{margin-top:25px;margin-right:0;margin-bottom:0}.timeline-connector{width:3px;height:25px;background-color:#55715B;border-radius:1.5px;position:absolute;z-index:2}.timeline-horizontal .timeline-connector,.timeline-responsive .timeline-connector{top:calc(27px + 16px - 2px);left:50%;transform:translateX(-50%)}.timeline-vertical .timeline-connector{left:8px;top:45px;height:calc(100% - 20px);width:3px}.timeline-vertical .timeline-event:last-child .timeline-connector{display:none}.timeline-event-card{background:#FFF;border:1px solid rgb(85 113 91 / .2);border-radius:12px;padding:20px;box-shadow:0 4px 15px rgb(0 0 0 / .1);transition:all 0.3s ease;position:relative;z-index:4;width:100%}.timeline-event-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .15)}.historical-event{border-left:4px solid #D2A019;background:linear-gradient(135deg,#fff9e6 0%,#ffffff 100%)}.personal-event{border-left:4px solid #55715B}.event-icon{text-align:center;font-size:24px;margin-bottom:10px;line-height:1}.event-title{margin:0 0 8px 0;font-size:18px;font-weight:600;line-height:1.4;color:#55715B}.event-date{margin:0 0 8px 0;font-size:14px;color:#264330;font-weight:500}.event-description{margin:0 0 8px 0;color:#1A1A1A;line-height:1.6;font-size:15px}.event-location{margin:0;font-size:14px;color:#D2A019;font-style:italic}.timeline-progress{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:8px 16px;background:rgb(255 255 255 / .9);border-radius:20px;box-shadow:0 2px 8px rgb(0 0 0 / .1);z-index:20!important;backdrop-filter:blur(10px)}.progress-dot{width:12px;height:12px;border-radius:50%;background-color:rgb(85 113 91 / .5);cursor:pointer;transition:all 0.3s ease}.progress-dot:hover{background-color:rgb(85 113 91 / .8);transform:scale(1.1)}.progress-dot.active{background-color:#55715B;transform:scale(1.3)}.progress-dot.visible{background-color:#D2A019}.siorai-linear-timeline-empty{text-align:center;padding:60px 20px;color:#666;font-style:italic}.siorai-linear-timeline-empty p{margin:0;font-size:16px}@media (max-width:1024px){.timeline-responsive .timeline-events-container{flex-direction:column;overflow-x:hidden;overflow-y:visible;gap:30px;padding:20px 0;align-items:stretch}.timeline-responsive .timeline-line{display:none}.timeline-responsive .timeline-event{min-width:auto;max-width:100%;flex-direction:row;align-items:flex-start;gap:20px}.timeline-responsive .timeline-node{margin-top:25px;margin-bottom:0;margin-right:0}.timeline-responsive .timeline-connector{left:8px;top:45px;height:calc(100% - 20px);width:3px;transform:none}.timeline-responsive .timeline-event:last-child .timeline-connector{display:none}.timeline-responsive .timeline-progress{display:none}}@media (max-width:768px){.timeline-horizontal .timeline-event,.timeline-responsive .timeline-event{min-width:260px;max-width:280px}.timeline-event-card{padding:15px}.event-title{font-size:16px}.event-description{font-size:14px}.timeline-progress{bottom:5px;padding:6px 12px;gap:6px}.progress-dot{width:10px;height:10px}}@media (max-width:480px){.timeline-horizontal .timeline-event,.timeline-responsive .timeline-event{min-width:240px;max-width:260px}.timeline-event-card{padding:12px}.timeline-progress{padding:5px 10px;gap:5px}.progress-dot{width:8px;height:8px}}.timeline-event-card:focus{outline:2px solid #D2A019;outline-offset:2px}.progress-dot:focus{outline:2px solid #D2A019;outline-offset:2px}.timeline-event{opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.timeline-event:nth-child(1){animation-delay:0.1s}.timeline-event:nth-child(2){animation-delay:0.2s}.timeline-event:nth-child(3){animation-delay:0.3s}.timeline-event:nth-child(4){animation-delay:0.4s}.timeline-event:nth-child(5){animation-delay:0.5s}@media print{.timeline-progress{display:none}.timeline-event-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.timeline-horizontal .timeline-events-container,.timeline-responsive .timeline-events-container{flex-direction:column;overflow:visible}}