/**
 * Single post page — layout & typography utilities.
 *
 * @package Chromatic_Arabic
 */

body.chromatic-single-post {
	font-family: "IBM Plex Sans Arabic", sans-serif;
}

/* ── Prose (article body) ───────────────────────────────── */
.chromatic-single-post .prose h2,
.chromatic-single-post .prose h3,
.chromatic-single-post .prose h4 {
	font-weight: 700;
	color: #0f172a;
	margin-top: 2rem;
	margin-bottom: 1rem;
	line-height: 1.3;
}

.dark .chromatic-single-post .prose h2,
.dark .chromatic-single-post .prose h3,
.dark .chromatic-single-post .prose h4 {
	color: #f1f5f9;
}

.chromatic-single-post .prose h2 { font-size: 1.5rem; }
.chromatic-single-post .prose h3 { font-size: 1.25rem; }

.chromatic-single-post .prose p {
	font-size: 1.0625rem;
	line-height: 1.85;
	color: #334155;
	margin-bottom: 1.25rem;
}

.dark .chromatic-single-post .prose p {
	color: #cbd5e1;
}

.chromatic-single-post .prose ul,
.chromatic-single-post .prose ol {
	padding-right: 1.5rem;
	margin-bottom: 1.5rem;
}

.chromatic-single-post .prose li {
	color: #334155;
	margin-bottom: 0.5rem;
	line-height: 1.75;
}

.dark .chromatic-single-post .prose li {
	color: #cbd5e1;
}

.chromatic-single-post .prose strong {
	font-weight: 700;
	color: #0f172a;
}

.dark .chromatic-single-post .prose strong {
	color: #f1f5f9;
}

.chromatic-single-post .prose blockquote {
	border-right: 4px solid #015C92;
	border-left: none;
	padding-right: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-style: italic;
	font-size: 1.25rem;
	color: #475569;
	margin: 2rem 0;
}

.dark .chromatic-single-post .prose blockquote {
	color: #94a3b8;
}

.chromatic-single-post .prose a {
	color: #015C92;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.chromatic-single-post .prose img {
	border-radius: 0.75rem;
	max-width: 100%;
	height: auto;
	margin: 1.5rem auto;
}

/* ── Featured image aspect ratio helper ─────────────────── */
.chromatic-single-post .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}