/*
 * Single artist-blog (and other single posts) — header layout fixes.
 *
 * Kadence renders the post header (eyebrow + h1 + author/date) overlaid
 * on the bottom of the featured image. The brand spec wants the header
 * to sit BELOW the image with breathing room, the title at the brand H1
 * size (clamp 32-40px), and the eyebrow tightened.
 *
 * Scope: `.single` only — leaves the index/archive cards alone.
 */

/* Push the entry-header below the featured image. Kadence absolute-positions
 * (or negative-margins) it onto the image; reset both at single-post scope. */
.single .post-thumbnail {
	margin-bottom: var(--isjac-section-sm);
}

.single .entry-header {
	position: static;
	transform: none;
	margin: 0 auto var(--isjac-section-sm);
	padding: 0;
	background: transparent;
}

.single .entry-header .entry-categories,
.single .entry-header .entry-taxonomies {
	margin-bottom: var(--isjac-pad-sm);
	font-size: var(--isjac-font-size-small);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 600;
}

/* Title size + leading — overrides Kadence's smaller "post title" preset
 * which inherited from a generic .post-title rule. */
.single .entry-header .entry-title,
.single .entry-header h1.entry-title,
.single .entry-header .post-title {
	font-size: var(--isjac-font-size-h1);
	line-height: 1.1;
	letter-spacing: -0.01em;
	font-weight: 700;
	color: var(--isjac-color-ink);
	margin: 0 0 var(--isjac-pad-sm);
}

.single .entry-header .entry-meta {
	font-size: var(--isjac-font-size-small);
	color: var(--isjac-text-muted);
	margin: 0;
}

/* ---------- Prose width ---------- *
 *
 * Kadence's "narrow" content setting clamps `.content-container` at
 * 842px (≈730px inner once the 24px side padding is removed → ≈63ch
 * in DM Sans). That reads short on a 1440px viewport and feels dated
 * next to modern long-form layouts. Bringhurst's optimal measure is
 * 65ch; the brand tokens expose `--isjac-content-prose` (65ch) for
 * body copy and `--isjac-content-prose-wide` (75ch) for sectioned
 * articles.
 *
 * Single-post body reads better at the wider end of the band — these
 * are essay-length pieces with H2/H3 punctuation that benefit from
 * longer measure. Widen the outer `.content-container` (where the
 * narrow constraint lives) and let `.entry-content` inherit the new
 * measure naturally. The featured image, which sits at the article
 * width, follows the same widening so the hero matches the body.
 *
 * Use 75ch + the container's own 24px×2 side padding so the inner
 * content lands exactly at 75ch.
 */
.single .content-container.site-container {
	max-width: calc(var(--isjac-content-prose-wide) + 2 * var(--isjac-space-5));
}