/* Mục lục bài viết (single post) — gradient kiểu Rank Math KB */
.mmo-post-toc,
body.single-post .mmo-post-toc {
	margin: 0 0 1.5rem;
	border: 0;
	border-radius: 0;
	background: linear-gradient(90deg, #4a4f5c 0%, #3d7fd6 52%, #4a9cf0 100%);
	overflow: hidden;
	color: #fff;
	box-shadow: 0 8px 28px rgba(30, 58, 95, 0.18);
}

.mmo-post-toc__title,
body.single-post .mmo-post-toc__title {
	margin: 0 !important;
	padding: 0.9rem 1.15rem 0.9rem 2.5rem;
	background: rgba(0, 0, 0, 0.22);
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #fff !important;
	cursor: pointer;
	position: relative;
	user-select: none;
}

.mmo-post-toc__title::before,
body.single-post .mmo-post-toc__title::before {
	content: '';
	position: absolute;
	left: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #fff;
	transition: transform 0.2s ease;
}

.mmo-post-toc.is-collapsed .mmo-post-toc__title::before,
body.single-post .mmo-post-toc.is-collapsed .mmo-post-toc__title::before {
	transform: translateY(-50%) rotate(90deg);
}

.mmo-post-toc__nav,
body.single-post .mmo-post-toc__nav {
	padding: 1rem 1.25rem 1.15rem 1.35rem;
}

.mmo-post-toc.is-collapsed .mmo-post-toc__nav,
body.single-post .mmo-post-toc.is-collapsed .mmo-post-toc__nav {
	display: none;
}

.mmo-post-toc__nav ul,
body.single-post .mmo-post-toc__nav ul {
	list-style: disc;
	margin: 0;
	padding: 0 0 0 1.15rem;
}

.mmo-post-toc__nav li,
body.single-post .mmo-post-toc__nav li {
	margin: 0.45rem 0;
	line-height: 1.5;
	color: #fff;
}

.mmo-post-toc__nav li ul,
body.single-post .mmo-post-toc__nav li ul {
	margin: 0.3rem 0 0.4rem;
	padding-left: 1.1rem;
	border-left: 0;
	list-style: circle;
}

.mmo-post-toc__nav a,
body.single-post .mmo-post-toc__nav a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
}

.mmo-post-toc__nav a:hover,
.mmo-post-toc__nav a:focus,
.mmo-post-toc__nav a:focus-visible,
body.single-post .mmo-post-toc__nav a:hover,
body.single-post .mmo-post-toc__nav a:focus,
body.single-post .mmo-post-toc__nav a:focus-visible {
	color: #e0f2fe;
	text-decoration: underline;
}