/* Custom dark timeline styles matching expected design */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
:root{--vt-accent:#3db24a;--vt-bg:transparent;--vt-line:#aaaaaa;--vt-content-bg:transparent}
.cd-timeline{background:var(--vt-bg);padding:0 1rem;font-family:'Open Sans',system-ui,Arial,sans-serif;color:#eee}
.cd-timeline__container{position:relative;max-width:1200px;margin:0 auto;padding:0 0}
.cd-timeline__container::before{content:'';position:absolute;top:5%;left:50%;transform:translateX(-50%);height:105%;width:4px;background:var(--vt-line);z-index:1}
.cd-timeline__block{display:flex;position:relative;margin:1.5rem 0;align-items:flex-start}
.cd-timeline__img{flex:0 0 24px;display:flex;align-items:center;justify-content:center;position:relative;z-index:3}
.cd-timeline__dot{width:16px;height:16px;background:var(--vt-accent);display:inline-block;box-shadow:0 0 0 3px rgba(61,178,74,0.06);border-radius:3px;z-index:3}
.cd-timeline__content{background:transparent;padding:6px 12px;border-radius:4px;flex:1;color:#ddd}
.cd-timeline__content h2{font-size:1.15rem;margin:0 0 6px;color:#17161A;font-weight:600}
.cd-timeline__content p{font-size:0.95rem;margin:0;color:#17161A;line-height:1.5}

/* Alternating layout on large screens */
@media (min-width: 900px){
	.cd-timeline__block{width:100%;position:relative;padding:2rem 0}
	.cd-timeline__img{width:40px;height:40px}
	.cd-timeline__dot{width:18px;height:18px}
	.cd-timeline__content{width:44%;position:absolute;top:50%;padding:10px 16px}
	.cd-timeline__content::before{content:'';position:absolute;top:18px;width:0;height:0;border:10px solid transparent}

	/* center marker */
	/* center the marker container on the central line */
	.cd-timeline__block .cd-timeline__img{position:absolute;left:50%;top:50%;transform:translate(-50%,-4%);width:40px;height:40px}
	/* center the square exactly over the line */
	.cd-timeline__dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

	/* odd: content on left */
	.cd-timeline__block:nth-child(odd) .cd-timeline__content{
		right:calc(50% + 28px);
		text-align:right;
	}
	.cd-timeline__block:nth-child(odd) .cd-timeline__content::before{
		right:-20px;border-left-color:var(--vt-bg);
	}

	/* even: content on right */
	.cd-timeline__block:nth-child(even) .cd-timeline__content{
		left:calc(50% + 28px);
		text-align:left;
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__content::before{
		left:-20px;border-right-color:var(--vt-bg);
	}
}

@media (min-width: 900px){
	/* horizontal connector from content edge toward center dot */
	.cd-timeline__content::after{content:'';position:absolute;top:18px;height:2px;width:36px;background:var(--vt-line);z-index:2}
	.cd-timeline__block:nth-child(odd) .cd-timeline__content::after{right:-28px}
	.cd-timeline__block:nth-child(even) .cd-timeline__content::after{left:-28px}

	/* subtle vertical offset so title center lines up with dot */
	.cd-timeline__content h2{margin:0 0 6px;line-height:1;display:inline-block;transform:translateY(-50%)}

	/* ensure the small content box centers vertically when text is short */
	.cd-timeline__content{display:block}
}