/**
 * Clique blog typography — single post body + blog index.
 * On-brand: Fraunces headings, Inter Tight body, JetBrains Mono labels/code,
 * brand #8A2A1E accents, charcoal #3A3933 reading text. Reading column ~760px.
 */

/* ---------- single post: header + meta ---------- */
.single-content .entry-header { max-width: 760px; margin: 56px auto 18px; padding: 0 24px; }
.single-content .entry-title {
	font-family: 'Fraunces', Georgia, serif; font-weight: 400; font-size: clamp(34px, 4.5vw, 52px);
	line-height: 1.08; letter-spacing: -0.025em; color: #1A1915; margin: 0 0 14px;
}
.single-content .entry-meta {
	font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.14em;
	text-transform: uppercase; color: #6F6C63; display: flex; gap: 14px; align-items: center;
}
.single-content .entry-meta .sep { color: #C9C1AE; }
.single-content .entry-featured { max-width: 1000px; margin: 8px auto 40px; padding: 0 24px; }
.single-content .entry-featured img { width: 100%; height: auto; border-radius: 14px; display: block; }

/* ---------- the article body ---------- */
.entry-content {
	max-width: 760px; margin: 0 auto; padding: 0 24px 64px;
	font-family: 'Inter Tight', system-ui, sans-serif; font-size: 18.5px; line-height: 1.75;
	color: #3A3933;
}
.entry-content > * { margin: 0 0 1.45em; }
.entry-content > *:first-child { margin-top: 0; }

/* lead paragraph */
.entry-content > p:first-of-type { font-size: 21px; line-height: 1.65; color: #1A1915; }

/* headings */
.entry-content h2, .entry-content h3, .entry-content h4 {
	font-family: 'Fraunces', Georgia, serif; color: #1A1915; letter-spacing: -0.02em;
}
.entry-content h2 { font-weight: 400; font-size: 34px; line-height: 1.15; margin: 1.9em 0 0.5em; }
.entry-content h3 { font-weight: 500; font-size: 26px; line-height: 1.2; margin: 1.7em 0 0.45em; }
.entry-content h4 { font-weight: 600; font-size: 20px; line-height: 1.3; margin: 1.6em 0 0.4em; letter-spacing: -0.01em; }
.entry-content h2 + p, .entry-content h3 + p, .entry-content h4 + p { margin-top: 0; }

/* links */
.entry-content a { color: #8A2A1E; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .15s; }
.entry-content a:hover { color: #6B1E14; }

/* emphasis */
.entry-content strong { font-weight: 600; color: #1A1915; }
.entry-content em { font-style: italic; }

/* lists */
.entry-content ul, .entry-content ol { padding-left: 1.3em; }
.entry-content li { margin: 0.45em 0; padding-left: 0.2em; }
.entry-content li::marker { color: #8A2A1E; }
.entry-content ul ul, .entry-content ol ol, .entry-content li > ul, .entry-content li > ol { margin: 0.4em 0; }

/* blockquote */
.entry-content blockquote {
	border-left: 3px solid #8A2A1E; padding: 4px 0 4px 26px; margin: 1.7em 0; color: #1A1915;
	font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 23px; line-height: 1.4;
}
.entry-content blockquote p { margin-bottom: 0.5em; }
.entry-content blockquote cite, .entry-content blockquote footer {
	display: block; margin-top: 10px; font-family: 'JetBrains Mono', monospace; font-style: normal;
	font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #6F6C63;
}

/* pullquote (wide, centered) */
.entry-content .wp-block-pullquote { border: 0; text-align: center; margin: 2em 0; padding: 0; }
.entry-content .wp-block-pullquote p {
	font-family: 'Fraunces', Georgia, serif; font-weight: 400; font-style: italic;
	font-size: clamp(26px, 4vw, 38px); line-height: 1.2; letter-spacing: -0.02em; color: #8A2A1E;
}

/* images + figures */
.entry-content img { max-width: 100%; height: auto; border-radius: 12px; display: block; }
.entry-content figure { margin: 2em 0; }
.entry-content figcaption, .entry-content .wp-element-caption {
	margin-top: 10px; text-align: center; font-family: 'JetBrains Mono', monospace;
	font-size: 12.5px; letter-spacing: 0.04em; color: #6F6C63;
}

/* code */
.entry-content code {
	font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.86em;
	background: #EDE7DD; color: #6B1E14; padding: 2px 6px; border-radius: 4px;
}
.entry-content pre {
	background: #1A1915; color: #F5F1EC; padding: 22px 24px; border-radius: 10px; overflow-x: auto;
	font-family: 'JetBrains Mono', monospace; font-size: 14.5px; line-height: 1.6;
}
.entry-content pre code { background: none; color: inherit; padding: 0; font-size: inherit; }

/* rule */
.entry-content hr { border: 0; border-top: 1px solid #C9C1AE; margin: 2.6em auto; max-width: 120px; }

/* tables */
.entry-content table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 1.8em 0; }
.entry-content th {
	text-align: left; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.1em;
	text-transform: uppercase; color: #6F6C63; padding: 10px 14px; border-bottom: 2px solid #C9C1AE;
}
.entry-content td { padding: 12px 14px; border-bottom: 1px solid #E1D9CA; color: #3A3933; }

/* buttons inside content */
.entry-content .wp-block-button__link {
	display: inline-block; background: #8A2A1E; color: #F5F1EC; font-family: 'JetBrains Mono', monospace;
	font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
	padding: 14px 26px; border-radius: 8px;
}

/* ---------- blog index cards ---------- */
.clique-post-list .entry { border-bottom: 1px solid #C9C1AE; padding-bottom: 36px; }
.clique-post-list .entry-meta {
	font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.14em;
	text-transform: uppercase; color: #6F6C63; margin-bottom: 8px;
}
.clique-post-list h2 a { color: #1A1915; text-decoration: none; }
.clique-post-list h2 a:hover { color: #8A2A1E; }
.clique-post-list .entry img { transition: transform .3s ease; }
.clique-post-list .entry a:hover img { transform: scale(1.01); }

/* responsive */
@media (max-width: 767px) {
	.entry-content { font-size: 17.5px; }
	.entry-content > p:first-of-type { font-size: 19px; }
	.entry-content h2 { font-size: 28px; }
	.entry-content h3 { font-size: 23px; }
}