/* Spiderteck SEO – FAQ & HowTo blocks. Minimal, theme-friendly styling. */

.stseo-faq__item {
	margin: 0 0 1em;
}

.stseo-faq__q {
	margin: 0 0 0.35em;
	font-weight: 600;
}

.stseo-faq__a > :last-child {
	margin-bottom: 0;
}

details.stseo-faq__item {
	border: 1px solid currentColor;
	border-color: color-mix(in srgb, currentColor 20%, transparent);
	border-radius: 6px;
	padding: 0.75em 1em;
}

details.stseo-faq__item > summary {
	cursor: pointer;
	margin: 0;
}

details.stseo-faq__item[open] > summary {
	margin-bottom: 0.5em;
}

.stseo-howto__steps {
	padding-left: 1.4em;
}

.stseo-howto__step {
	margin-bottom: 0.9em;
}

.stseo-howto__step-title {
	display: block;
}

.stseo-howto__step-text {
	margin: 0.25em 0 0;
}

.stseo-toc {
	border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	border-radius: 6px;
	padding: 0.75em 1.25em;
	margin: 0 0 1.5em;
}

.stseo-toc__title {
	font-weight: 600;
	margin: 0 0 0.5em;
}

summary.stseo-toc__title {
	cursor: pointer;
	margin: 0;
}

.stseo-toc__details[open] > summary {
	margin-bottom: 0.5em;
}

.stseo-toc__list,
.stseo-toc__list ol {
	margin: 0;
	padding-left: 1.25em;
}

.stseo-toc__list li {
	margin: 0.2em 0;
}

.stseo-toc__empty {
	opacity: 0.7;
	font-style: italic;
	margin: 0;
}

/* Editor-only row controls */
.stseo-block-row {
	position: relative;
}

.stseo-block-row__controls {
	display: flex;
	justify-content: flex-end;
	gap: 2px;
	opacity: 0.35;
}

.stseo-block-row:hover > .stseo-block-row__controls,
.stseo-block-row:focus-within > .stseo-block-row__controls {
	opacity: 1;
}