/**
 * Simple SEO — Frontend styles (breadcrumbs).
 * Minimal, theme-agnostic styling. Sites are encouraged to override these
 * in their own theme stylesheet — class names are intentionally simple.
 */

.simple-seo-breadcrumbs {
	font-size: 13px;
	margin: 0 0 1.5em;
}

.simple-seo-breadcrumbs ol {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
}

.simple-seo-breadcrumbs li {
	display: flex;
	align-items: center;
}

.simple-seo-breadcrumbs li:not(:last-child)::after {
	content: "\203A";
	margin: 0 8px;
	opacity: 0.5;
}

.simple-seo-breadcrumbs a {
	text-decoration: none;
}

.simple-seo-breadcrumbs a:hover {
	text-decoration: underline;
}

.simple-seo-breadcrumbs [aria-current="page"] {
	opacity: 0.75;
}

/* FAQ block */
.simple-seo-faq { margin: 1.5em 0; }
.simple-seo-faq-item { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,0.08); }
.simple-seo-faq-question { margin: 0 0 0.4em; font-size: 1.05em; }
.simple-seo-faq-answer p:last-child { margin-bottom: 0; }

/* HowTo block */
.simple-seo-howto { margin: 1.5em 0; }
.simple-seo-howto-title { margin-bottom: 0.6em; }
.simple-seo-howto-steps { padding-left: 1.4em; }
.simple-seo-howto-step { margin-bottom: 1em; }
.simple-seo-howto-step strong { display: block; margin-bottom: 0.2em; }