.diywf-toc {
	box-sizing: border-box;
	margin: 2rem 0;
	padding: 1.5rem 1.6rem;
	background: #f3eee8;
	color: inherit;
}
.diywf-toc__title { margin: 0 0 .85rem; font-size: 1.2em; line-height: 1.25; }
.diywf-toc__list { margin: 0; padding-left: 1.35rem; }
.diywf-toc__list li { margin: .35rem 0; }
.diywf-toc__list a { color: inherit; text-decoration: underline; text-underline-offset: .12em; }
.diywf-toc__list a:hover,.diywf-toc__list a:focus { text-decoration-thickness: 2px; }
.diywf-toc__extra { display: none; }
.diywf-toc.is-expanded .diywf-toc__extra { display: list-item; }
.diywf-toc__toggle {
	display: inline-block; margin-top: .85rem; padding: 0; border: 0; background: transparent;
	color: inherit; font: inherit; font-weight: 600; text-decoration: underline;
	text-underline-offset: .12em; cursor: pointer;
}
.diywf-toc__toggle-hide { display: none; }
.diywf-toc.is-expanded .diywf-toc__toggle-show { display: none; }
.diywf-toc.is-expanded .diywf-toc__toggle-hide { display: inline; }
.diywf-toc__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.diywf-toc__empty,.diywf-toc__editor-note { margin: .85rem 0 0; font-style: italic; opacity: .75; }

/* Editor-only affordance so the block has a clear selectable boundary. */
.editor-styles-wrapper .wp-block-diywf-table-of-contents { position: relative; }
.editor-styles-wrapper .wp-block-diywf-table-of-contents.is-selected {
	outline: 1px solid currentColor;
	outline-offset: 2px;
}

@media (max-width:600px) { .diywf-toc { padding: 1.25rem; } }