.idl-mini-timeline {
	--idl-mini-line-color: #f07f19;
	--idl-mini-line-width: 2px;
	--idl-mini-marker-color: #f07f19;
	--idl-mini-marker-fill: #ffffff;
	--idl-mini-marker-size: 16px;
	--idl-mini-marker-border-width: 2px;
	--idl-mini-marker-column: 2rem;
	--idl-mini-content-gap: 1rem;
	--idl-mini-item-gap: 1.4rem;
	max-width: 34rem;
	padding: 1rem;
	font-family: "Sora", "Segoe UI", sans-serif;
	box-sizing: border-box;
	color: #5e2f91;
}

.idl-mini-timeline *,
.idl-mini-timeline *::before,
.idl-mini-timeline *::after {
	box-sizing: inherit;
}

.idl-mini-timeline__header {
	margin-bottom: 1.5rem;
}

.idl-mini-timeline__title {
	margin: 0;
	font-size: clamp(1.35rem, 3vw, 2rem);
	line-height: 1.1;
	font-weight: 700;
	color: #40205f;
}

.idl-mini-timeline__intro {
	margin: 0.65rem 0 0;
	font-size: 0.98rem;
	line-height: 1.6;
	color: #6c6280;
}

.idl-mini-timeline__items {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--idl-mini-item-gap);
}

.idl-mini-timeline__items::before {
	content: "";
	position: absolute;
	top: calc(var(--idl-mini-marker-size) * 0.2);
	bottom: calc(var(--idl-mini-marker-size) * 0.2);
	left: calc((var(--idl-mini-marker-column) / 2) - (var(--idl-mini-line-width) / 2));
	width: var(--idl-mini-line-width);
	background: var(--idl-mini-line-color);
	border-radius: 999px;
}

.idl-mini-timeline__item {
	position: relative;
	display: grid;
	grid-template-columns: var(--idl-mini-marker-column) minmax(0, 1fr);
	column-gap: var(--idl-mini-content-gap);
	align-items: start;
}

.idl-mini-timeline__marker {
	position: relative;
	justify-self: center;
	width: var(--idl-mini-marker-size);
	height: var(--idl-mini-marker-size);
	margin-top: 0.08em;
	border: var(--idl-mini-marker-border-width) solid var(--idl-mini-marker-color);
	background: var(--idl-mini-marker-fill);
	transform: rotate(45deg);
	border-radius: 2px;
	z-index: 1;
}

.idl-mini-timeline__content {
	min-width: 0;
}

.idl-mini-timeline__item-label {
	margin: 0;
	font-size: clamp(1rem, 2vw, 1.18rem);
	line-height: 1.5;
	font-weight: 600;
	color: #5e2f91;
}

.idl-mini-timeline__item-description {
	margin-top: 0.55rem;
	font-size: 0.95rem;
	line-height: 1.65;
	color: #6f6781;
}

.idl-mini-timeline__item-description p {
	margin: 0 0 0.7rem;
}

.idl-mini-timeline__item-description p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.idl-mini-timeline {
		padding: 0.75rem;
	}

	.idl-mini-timeline__header {
		margin-bottom: 1.2rem;
	}

	.idl-mini-timeline__intro {
		font-size: 0.92rem;
		line-height: 1.55;
	}

	.idl-mini-timeline__item-label {
		font-size: 0.98rem;
		line-height: 1.4;
	}

	.idl-mini-timeline__item-description {
		font-size: 0.9rem;
		line-height: 1.55;
	}
}

@media (max-width: 640px) {
	.idl-mini-timeline {
		padding-inline: 0.25rem;
	}

	.idl-mini-timeline__item-label {
		font-size: 1rem;
		line-height: 1.45;
	}
}