.wp-block-perspective-table-of-contents .perspective-toc,
.perspective-toc {
	padding: var(--wp--preset--spacing--medium);
	border: 0;
	border-radius: 12px;
	background: var(--wp--preset--color--base);
}

.perspective-toc__title {
	margin: 0 0 var(--wp--preset--spacing--tiny);
	color: var(--wp--preset--color--text-secondary);
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

.perspective-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.perspective-toc__item {
	margin: 0;
    padding: 4px 0;
	border-left: 2px solid var(--wp--preset--color--text-secondary);
	line-height: 1.35;
}

.perspective-toc__item:has(.is-active) {
    border-left-color: var(--wp--preset--color--dark-primary);
}

.perspective-toc__item--h3 {
	padding-left: 0;
}

.perspective-toc__item--h3 a {
    padding-left: 16px;
}

.perspective-toc__item--h4 {
	padding-left: 0;
}

.perspective-toc__item--h4 a {
    padding-left: 24px;
}


.perspective-toc__link {
	display: inline-block;
	color: var(--wp--preset--color--text-secondary);
	text-decoration: none;
	padding-left: var(--wp--preset--spacing--tiny);
	font-size: var(--wp--preset--font-size--xsmall);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.perspective-toc__link:hover {
	color: var(--wp--preset--color--dark-primary);
}

.perspective-toc__link.is-active {
	color: var(--wp--preset--color--dark-primary);
}

h2[id] {
	scroll-margin-top: var(--wp--preset--spacing--large);
}