/* ============================================================
   Cybercab Blog — Single post / page generic styles
   ============================================================ */

.ccb-main {
	min-height: calc(100vh - 64px - 400px);
}

.ccb-page-content {
	max-width: var(--ccb-content-width);
	margin-inline: auto;
	padding-block: var(--ccb-space-7);
}

/* Narrow reading column */
.ccb-entry-content {
	font-size: clamp(1rem, 1.5vw, 1.0625rem);
	line-height: 1.8;
}
.ccb-entry-content p { margin-bottom: var(--ccb-space-5); }
.ccb-entry-content h2 { margin-top: var(--ccb-space-7); margin-bottom: var(--ccb-space-4); }
.ccb-entry-content h3 { margin-top: var(--ccb-space-6); margin-bottom: var(--ccb-space-3); }
.ccb-entry-content ul, .ccb-entry-content ol { margin-bottom: var(--ccb-space-5); }
.ccb-entry-content li { margin-bottom: var(--ccb-space-2); }
.ccb-entry-content img { border-radius: var(--ccb-radius); }
.ccb-entry-content figure { margin-inline: 0; }
.ccb-entry-content figcaption {
	font-size: 0.85rem;
	color: var(--ccb-color-text-muted);
	text-align: center;
	margin-top: var(--ccb-space-2);
}
.ccb-entry-content blockquote {
	border-left: 3px solid var(--ccb-color-accent);
	margin-inline: 0;
	padding-left: var(--ccb-space-5);
	color: var(--ccb-color-text-muted);
	font-style: italic;
}