.block-toc {
	border: 1px solid var(--wp--preset--color--secondary);
}

.block-toc summary {
	font-family: var(--wp--preset--font-family--system-font);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	list-style-type: none;
	padding: 1rem 1.5rem;
	cursor: pointer;
}
.block-toc summary::-webkit-details-marker {
	display: none;
}

.block-toc summary span {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.block-toc summary svg {
	vertical-align: middle;
	flex-shrink: 0;
	transform: rotate(90deg);
}

.block-toc[open] summary svg {
	transform: rotate(270deg);
}

.block-toc > ol {
	margin: 0 1.5rem;
	padding: 1rem 1.5rem;
	list-style-type: disc;
	list-style-color: ;
	border-top: 1px solid var(--wp--preset--color--secondary);
}

.block-toc > ol > li {
	padding-left: 0.5rem;
}

.block-toc > ol > li::marker {
	color: var(--wp--preset--color--tertiary);
	font-size: 1.5rem;
}

.block-toc li a {
	text-decoration: none;
	font-weight: 500;
}
.block-toc li a:is(:focus, :hover) {
	text-decoration: underline;
}

.block-toc__preview {
	margin: 0 1.5rem;
	font-weight: 500;
	border-top: 1px solid var(--wp--preset--color--secondary);
	padding: 1rem 0;
}