// --------------------------------------------------------------------------------
// Details
// --------------------------------------------------------------------------------
details.block {
	margin: 0;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	padding: 0.75rem;
}

details.block > summary {
	margin-top: -0.75rem;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	margin-bottom: 0.75rem;
	cursor: pointer;
}

details.block > summary:has(h1),
details.block > summary:has(h2),
details.block > summary:has(h3),
details.block > summary:has(h4),
details.block > summary:has(h5),
details.block > summary:has(h6),
details.block > summary[data-heading] {
	font-variant: small-caps;
	font-weight: bold;
	line-height: 1.333em;
	padding: 0.5rem 0.75rem;
}

details.block > summary:has(h1),
details.block > summary[data-heading="1"] {
	font-size: 2.0rem;
	background: $theme-article-heading-h1-background;
}

details.block > summary:has(h2),
details.block > summary[data-heading="2"] {
	font-size: 1.8rem;
	background: $theme-article-heading-h2-background;
}

details.block > summary:has(h3),
details.block > summary[data-heading="3"] {
	font-size: 1.6667rem;
	background: $theme-article-heading-h3-background;
}

details.block > summary:has(h4),
details.block > summary[data-heading="4"] {
	font-size: 1.45rem;
	background: $theme-article-heading-h4-background;
}

details.block > summary:has(h5),
details.block > summary[data-heading="5"] {
	font-size: 1.3333rem;
	background: $theme-article-heading-h5-background;
}

details.block > summary:has(h6),
details.block > summary[data-heading="6"] {
	font-size: 1.2rem;
	background: $theme-article-heading-h6-background;
}

details.block > summary > h1,
details.block > summary > h2,
details.block > summary > h3,
details.block > summary > h4,
details.block > summary > h5,
details.block > summary > h6 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	font-variant: inherit;
	font-style: inherit;
	color: inherit;
	background-color: transparent;
}