.est-timeline{
	--est-accent:#0d8ee9;
	--est-dot-fill:#fff;
	--est-border:#fff;
	--est-line-width:2px;
	--est-offset:44px;
	--est-gap:40px;
	position:relative;
}
.est-timeline::before{
	content:"";
	position:absolute;
	top:0;bottom:0;left:50%;
	width:var(--est-line-width);
	background:var(--est-accent);
	transform:translateX(-50%);
}

/* Ред: [лява страна] [линия 60px] [дясна страна] */
.est-item{
	display:grid;
	grid-template-columns:1fr 60px 1fr;
	align-items:start;
	padding-bottom:var(--est-gap);
}
.est-item:last-child{padding-bottom:0}

.est-marker{grid-column:2;grid-row:1;position:relative;height:0}
.est-dot{
	position:absolute;
	left:50%;top:var(--est-offset);
	width:20px;height:20px;box-sizing:border-box;
	border-radius:50%;
	background:var(--est-dot-fill);
	border:4px solid var(--est-accent);
	transform:translate(-50%,-50%);
	z-index:2;
}
/* късата връзка от точката към годината */
.est-dot::before{
	content:"";
	position:absolute;
	top:50%;
	width:26px;height:var(--est-line-width);
	background:var(--est-accent);
	transform:translateY(-50%);
	z-index:-1;
}

.est-year{
	grid-row:1;
	margin-top:var(--est-offset);
	transform:translateY(-50%);
	line-height:1.2;
	padding:0 12px;
}

.est-card{
	grid-row:1;
	position:relative;
	box-sizing:border-box;
	min-width:0;
	border:1px solid var(--est-border);
	border-radius:6px;
	padding:20px;
}
.est-card::before{
	content:"";
	position:absolute;
	top:var(--est-offset);
	margin-top:-10px;
	border:10px solid transparent;
	border-width:10px;
}
.est-desc p{margin:0 0 .4em}
.est-desc p:last-child{margin-bottom:0}
.est-image img{display:block;width:100%;height:auto}

/* Карта вдясно, година вляво */
.est-card-right .est-card{grid-column:3}
.est-card-right .est-year{grid-column:1;text-align:right}
.est-card-right .est-dot::before{right:50%}
.est-card-right .est-card::before{left:-20px;border-right-color:var(--est-border)}

/* Карта вляво, година вдясно */
.est-card-left .est-card{grid-column:1}
.est-card-left .est-year{grid-column:3;text-align:left}
.est-card-left .est-dot::before{left:50%}
.est-card-left .est-card::before{right:-20px;border-left-color:var(--est-border)}

/* Мобилно: линия вляво, годината над картата */
@media (max-width:767px){
	.est-timeline::before{left:15px}
	.est-item,
	.est-card-left,
	.est-card-right{
		grid-template-columns:30px 1fr;
	}
	.est-marker{grid-column:1;grid-row:1 / span 2}
	.est-dot{left:15px;top:14px}
	.est-dot::before{display:none}
	.est-card-left .est-year,
	.est-card-right .est-year{
		grid-column:2;grid-row:1;
		margin-top:0;transform:none;
		text-align:left;padding:0 0 10px;
		line-height:28px;
	}
	.est-card-left .est-card,
	.est-card-right .est-card{grid-column:2;grid-row:2}
	.est-card::before{display:none}
}