/* --- TimeNav Markers: Base --- */
.tl-timeline .tl-timenav .tl-timemarker .tl-timemarker-content-container {
    background-color: var(--cream) !important;
}
.tl-timeline .tl-timenav .tl-timemarker .tl-timemarker-content-container::after {
    border-top-color: var(--cream) !important;
}
.tl-timeline .tl-timenav .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    color: var(--warmer-gray) !important;
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
}

/* --- TimeNav Markers: Hover & Active --- */
.tl-timeline .tl-timenav .tl-timemarker:hover .tl-timemarker-content-container,
.tl-timeline .tl-timenav .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
    background-color: var(--plum) !important;
}
.tl-timeline .tl-timenav .tl-timemarker:hover .tl-timemarker-content-container::after,
.tl-timeline .tl-timenav .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container::after {
    border-top-color: var(--plum) !important;
}
.tl-timeline .tl-timenav .tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timeline .tl-timenav .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    color: white !important;
}
.tl-timeline .tl-timenav .tl-timemarker:hover .tl-icon-image,
.tl-timeline .tl-timenav .tl-timemarker.tl-timemarker-active .tl-icon-image,
.tl-timeline .tl-timenav .tl-timemarker:hover .tl-icon-youtube,
.tl-timeline .tl-timenav .tl-timemarker.tl-timemarker-active .tl-icon-youtube {
    color: white !important;
    filter: brightness(0) invert(1) !important;
}

/* --- TimeNav Axis --- */
.tl-timeline .tl-timenav .tl-timeaxis .tl-timeaxis-tick-text {
    font-size: 0.9rem !important;
    color: var(--warmer-gray) !important;
}

/* --- Slide Content --- */
.tl-timeline .tl-text .tl-headline-date, 
.tl-timeline .tl-text h3.tl-headline-date {
    color: var(--medium-green) !important;
    font-family: var(--font-mono) !important;
}
.tl-timeline .tl-text h2.tl-headline {
    font-size: 2.5rem !important;
    line-height: 1.2 !important; 
}
.tl-timeline p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--warmer-gray) !important;
}

/* --- Slide Navigation --- */
.tl-timeline .tl-slidenav-title,
.tl-timeline .tl-slidenav-description {
    color: var(--warmer-gray) !important;
    font-size: 0.9rem !important;
}
.tl-timeline .tl-slidenav-title {
    opacity: 1 !important;
}
.tl-timeline .tl-slidenav-description {
    line-height: 1.3 !important;
}
.tl-timeline .tl-slidenav-previous:hover .tl-slidenav-title,
.tl-timeline .tl-slidenav-next:hover .tl-slidenav-title {
    color: var(--plum) !important;
}
.tl-timeline .tl-slidenav-previous:hover .tl-slidenav-description,
.tl-timeline .tl-slidenav-next:hover .tl-slidenav-description {
    opacity: 1 !important;
}

.tl-timeline .tl-slidenav-previous,
.tl-timeline .tl-slidenav-next {
    height: 120px !important;
    top: 50% !important; 
    transform: translateY(-50%) !important; 
}