/*!
 * DST TOC
 * Premium TOC block for Daily Sun Travel v1.1.4-safe
 */

.dst-toc{
	background:#ffffff;
	border:1px solid #e6ebf2;
	border-radius:24px;
	padding:20px 18px;
	scroll-margin-top:140px;
}

.dst-toc__head{
	margin-bottom:18px;
}

.dst-toc__eyebrow{
	display:flex;
	width:fit-content;
	align-items:center;
	gap:8px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.16em;
	text-transform:uppercase;
	line-height:1.2;
	color:#0B1528;
	margin:0 0 10px 0;
}

.dst-toc__eyebrow::before{
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	background:#FFC107;
	box-shadow:0 0 0 5px rgba(255,193,7,.18);
	flex:0 0 auto;
}

.dst-toc__title{
	margin:0;
	font-size:28px;
	line-height:1.12;
	color:#10213A;
}

.dst-toc__desc{
	margin:10px 0 0;
	font-size:16px;
	line-height:1.75;
	color:#5F6F86;
	max-width:760px;
}

.dst-toc__list{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:1fr;
	gap:10px;
}

.dst-toc__item{
	margin:0;
	min-width:0;
}

.dst-toc__link{
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	align-items:center;
	gap:12px;
	padding:13px 14px;
	min-height:100%;
	border-radius:18px;
	text-decoration:none;
	background:#f8fafc;
	border:1px solid #edf2f7;
	color:#10213A;
	transition:transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
	will-change:transform;
}

.dst-toc__link:hover,
.dst-toc__link:focus-visible{
	transform:translateY(-1px);
	border-color:#d9e3f0;
	background:#ffffff;
	outline:none;
}

.dst-toc__link.is-active{
	border-color:#c9d7e7;
	background:#ffffff;
}

.dst-toc__index{
	width:42px;
	height:42px;
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#0B1528;
	color:#FFC107;
	font-size:15px;
	font-weight:800;
	line-height:1;
}

.dst-toc__text{
	font-size:16px;
	font-weight:700;
	line-height:1.45;
	color:#10213A;
}

.dst-toc__item--h3 .dst-toc__link{
	padding-left:24px;
}

.dst-toc__item--h4 .dst-toc__link{
	padding-left:34px;
}

.dst-toc-empty{
	padding:18px;
	border:1px dashed #d7dfea;
	border-radius:18px;
	color:#5F6F86;
	font-size:15px;
	line-height:1.8;
	background:#ffffff;
}

@media (min-width:768px){
	.dst-toc__list{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:14px;
	}
}

@media (max-width:1100px){
	.dst-toc{
		padding:20px 18px;
		border-radius:22px;
	}

	.dst-toc__title{
		font-size:26px;
	}

	.dst-toc__desc{
		font-size:15px;
	}

	.dst-toc__text{
		font-size:15px;
	}
}

@media (max-width:767px){
	.dst-toc{
		padding:18px 14px;
		border-radius:20px;
	}

	.dst-toc__head{
		margin-bottom:14px;
	}

	.dst-toc__title{
		font-size:23px;
	}

	.dst-toc__desc{
		font-size:14px;
		max-width:none;
	}

	.dst-toc__link{
		grid-template-columns:36px minmax(0,1fr);
		gap:10px;
		padding:12px 12px;
		border-radius:16px;
	}

	.dst-toc__index{
		width:36px;
		height:36px;
		border-radius:12px;
		font-size:14px;
	}

	.dst-toc__text{
		font-size:14px;
		line-height:1.5;
	}

	.dst-toc__item--h3 .dst-toc__link{
		padding-left:18px;
	}

	.dst-toc__item--h4 .dst-toc__link{
		padding-left:24px;
	}
}

@media (min-width:2200px){
	.dst-toc{
		padding:24px 22px;
		border-radius:28px;
	}

	.dst-toc__title{
		font-size:34px;
	}

	.dst-toc__desc{
		font-size:19px;
		max-width:940px;
	}

	.dst-toc__link{
		grid-template-columns:48px minmax(0,1fr);
		padding:15px 16px;
	}

	.dst-toc__index{
		width:48px;
		height:48px;
		font-size:17px;
		border-radius:16px;
	}

	.dst-toc__text{
		font-size:18px;
	}
}