/* Editorial — HubSpot-inspired wide reading column */
.wpai-article-layout-editorial .entry-content,
.wpai-article-layout-editorial .tekton-single-post-shell .entry-content {
	max-width: 46rem;
	margin-inline: auto;
}

.wpai-article-layout-editorial .entry-title,
.wpai-article-layout-editorial .tekton-single-post-shell .entry-title {
	font-size: clamp(1.85rem, 3.2vw, 2.65rem);
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 0.75rem;
}

.wpai-article-layout-editorial .wpai-key-takeaways {
	border-color: #dbeafe;
	background: linear-gradient(145deg, #f8fafc 0%, #eff6ff 100%);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.wpai-article-layout-editorial .wpai-toc {
	border-color: #e2e8f0;
	box-shadow: none;
}

.wpai-article-layout-editorial .wpai-toc-title,
.wpai-article-layout-editorial .wpai-toc-collapsible > summary.wpai-toc-title {
	background: #f1f5f9;
	color: #334155;
}

.wpai-article-layout-editorial .wpai-toc-list a {
	color: #475569;
}

.wpai-article-layout-editorial .wpai-toc-list a:hover {
	color: #1d4ed8;
	border-bottom-color: #93c5fd;
}

.wpai-article-layout-editorial .wp-ai-faq-item {
	border-color: #e2e8f0;
	background: #f8fafc;
}

/* Wide screens: side TOC so sticky/scrollspy is usable */
@media (min-width: 960px) {
	.wpai-article-layout-editorial .entry-content:has(> .wpai-toc),
	.wpai-article-layout-editorial .tekton-single-post-shell .entry-content:has(> .wpai-toc) {
		display: grid;
		grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
		column-gap: 2rem;
		max-width: 62rem;
	}

	.wpai-article-layout-editorial .entry-content > .wpai-toc {
		grid-column: 1;
		grid-row: 1 / span 200;
		margin-bottom: 0;
	}

	.wpai-article-layout-editorial .entry-content > :not(.wpai-toc) {
		grid-column: 2;
	}
}