/* TOC: card with gradient edge; FAQ: rounded accordion items with a blue plus. */

body .v6-toc {
	position: relative;
	background: var(--cg-surface) !important;
	border: 1px solid var(--cg-line);
	border-radius: var(--cg-radius);
	overflow: hidden;
}

body .v6-toc::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--cg-grad);
}

body .v6-toc__title {
	font-weight: 800;
}

body .v6-toc__button {
	color: var(--cg-sky) !important;
	font-weight: 700;
}

body .v6-toc__menu-item__link {
	color: var(--cg-muted);
	font-weight: 600;
	transition: color .2s;
}

body .v6-toc__menu-item__link:hover {
	color: var(--cg-sky);
}

body .v6-toc__menu-item::marker,
body .v6-toc__menu-item::before {
	color: var(--cg-sky) !important;
}

/* FAQ */
body .v6-faq__list {
	gap: 12px;
}

body .v6-faq__list-item {
	background: var(--cg-surface) !important;
	border: 1px solid var(--cg-line) !important;
	border-radius: var(--cg-radius-sm) !important;
	overflow: hidden;
	transition: border-color .2s, box-shadow .2s;
}

body .v6-faq__list-item[open] {
	border-color: rgba(97, 198, 255, .55) !important;
	box-shadow: 0 0 0 1px rgba(97, 198, 255, .25), var(--cg-shadow);
}

body .v6-faq__list-item summary {
	padding-top: 18px;
	padding-bottom: 18px;
}

body .v6-faq__list-item__question {
	font-weight: 700;
	font-size: 17px;
	color: var(--cg-text);
}

body .v6-faq__list-item[open] .v6-faq__list-item__question {
	color: var(--cg-sky);
}

body .v6-faq__list-item summary::after,
body .v6-faq__list-item summary svg {
	color: var(--cg-sky) !important;
	fill: var(--cg-sky) !important;
}

body .v6-faq__list-item > .text-block {
	border-top: 1px solid var(--cg-line);
	padding-top: 14px;
}