/* =========================================================================
   Satsuma Timeline — DESIGN: Vertical (single side)
   Left line, dots, cards stacked on the right. The most theme-robust design.
   ========================================================================= */

.satsuma-tl--vertical-single {
	padding: 10px 0 10px 0;
}

.satsuma-tl--vertical-single .satsuma-tl__list {
	position: relative;
}

.satsuma-tl--vertical-single .satsuma-tl__line {
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 9px;
	width: 3px;
	background: var(--satsuma-tl-line);
	border-radius: 3px;
}

.satsuma-tl--vertical-single .satsuma-tl__item {
	position: relative;
	padding: 0 0 var(--satsuma-tl-gap) 44px;
}

.satsuma-tl--vertical-single .satsuma-tl__item:last-child {
	padding-bottom: 0;
}

.satsuma-tl--vertical-single .satsuma-tl__dot {
	position: absolute;
	top: 6px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--satsuma-tl-accent);
	border: 4px solid var(--satsuma-tl-card-bg);
	box-shadow: 0 0 0 2px var(--satsuma-tl-accent);
	z-index: 2;
}

.satsuma-tl--vertical-single .satsuma-tl__card {
	width: 100%;
}

@media (max-width: 480px) {
	.satsuma-tl--vertical-single .satsuma-tl__card {
		padding: 18px 18px;
	}
}