/* Key takeaways + TOC + TTS button */
.wpai-key-takeaways {
	margin: 0 0 1.25rem;
	padding: 1rem 1.25rem;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
	font-size: 0.95rem;
	line-height: 1.6;
}

.wpai-key-takeaways ul {
	margin: 0.5rem 0 0 1.25rem;
	padding: 0;
}

.wpai-toc {
	margin: 0 0 1.5rem;
	padding: 0;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.07);
	overflow: hidden;
}

.wpai-toc-collapsible {
	margin: 0;
	padding: 0;
	border: none;
}

.wpai-toc-title,
.wpai-toc-collapsible > summary.wpai-toc-title {
	margin: 0;
	padding: 0.85rem 1.25rem;
	font-weight: 700;
	font-size: 1rem;
	color: #0f172a;
	background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
	border-bottom: 1px solid #e2e8f0;
	cursor: pointer;
	list-style: none;
}

.wpai-toc-collapsible > summary.wpai-toc-title::-webkit-details-marker {
	display: none;
}

.wpai-toc-collapsible > summary.wpai-toc-title::before {
	content: "▸";
	display: inline-block;
	margin-inline-end: 0.5rem;
	transition: transform 0.2s ease;
}

.wpai-toc-collapsible[open] > summary.wpai-toc-title::before {
	transform: rotate(90deg);
}

.wpai-toc-list {
	list-style: none;
	margin: 0;
	padding: 0.75rem 1.25rem 1rem;
}

.wpai-toc-list li {
	margin: 0.4rem 0;
	padding-left: 0;
}

.wpai-toc-h3 {
	padding-inline-start: 1.25rem;
	font-size: 0.92rem;
}

.wpai-toc-list a {
	text-decoration: none;
	color: #4338ca;
	border-bottom: 1px dashed transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.wpai-toc-list a:hover {
	color: #312e81;
	border-bottom-color: #4338ca;
}

[dir="rtl"] .wpai-toc-h3 {
	padding-inline-start: 1.25rem;
	padding-inline-end: 0;
}

.entry-content h2[id],
.entry-content h3[id],
.wpai-toc ~ * h2[id],
.wpai-toc ~ * h3[id],
h2[id^="wpai-"],
h3[id^="wpai-"] {
	scroll-margin-top: 5rem;
}

.wpai-read-aloud-wrap {
	margin: 0 0 1rem;
}

.wpai-read-aloud-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.45rem 0.9rem;
	font-size: 0.9rem;
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid #6366f1;
	background: #eef2ff;
	color: #312e81;
}

.wpai-read-aloud-btn:hover {
	background: #e0e7ff;
}

.wpai-related-reads {
	margin-top: 1.5rem;
	padding: 0.75rem 1rem;
	font-size: 0.95rem;
	border-left: 4px solid #6366f1;
	background: #f8fafc;
}

[dir="rtl"] .wpai-related-reads {
	border-left: none;
	border-right: 4px solid #6366f1;
}