/* ===== Bitta maqola sahifasi ===== */
.blog-post {
	max-width: 760px;
	padding-top: 3rem;
	padding-bottom: 5rem;
}

.blog-post-back {
	display: inline-block;
	margin-bottom: 2.5rem;
	color: var(--terracotta);
	font-family: var(--font-mono);
	font-size: 0.78rem;
	text-decoration: none;
}
.blog-post-back:hover { text-decoration: underline; }

.blog-post .category {
	margin: 0 0 0.9rem;
	color: var(--terracotta);
	font-family: var(--font-mono);
	font-size: 0.74rem;
	letter-spacing: 0.08em;
}

.blog-post h1 {
	max-width: none;
	margin: 0 0 1.1rem;
	font-family: var(--font-display);
	font-size: clamp(2rem, 4.2vw, 3rem);
	line-height: 1.14;
	letter-spacing: -0.02em;
	overflow-wrap: anywhere;
}

.blog-post .byline {
	padding-bottom: 1.4rem;
	border-bottom: 1px solid var(--line);
	color: var(--espresso-soft);
	font-family: var(--font-mono);
	font-size: 0.76rem;
}

/* matn sarlavha bilan bir chiziqda boshlanadi (avval markazga surilib, ichkariga kirib qolgan edi) */
.blog-post-content {
	max-width: 66ch;
	margin: 2.2rem 0 0;
	color: var(--espresso);
	font-family: var(--font-body);
	font-size: 1.14rem;
	line-height: 1.85;
	overflow-wrap: anywhere;
}

.blog-post-content p {
	margin: 0 0 1.35rem;
	white-space: pre-line;
}

.blog-post-content h2,
.blog-post-content h3 {
	margin: 2.2rem 0 0.8rem;
	font-family: var(--font-display);
	line-height: 1.25;
}

.blog-post-content blockquote {
	margin: 1.6rem 0;
	padding-left: 1.2rem;
	border-left: 3px solid var(--terracotta);
	color: var(--espresso-soft);
	font-style: italic;
}

@media (max-width: 620px) {
	.blog-post {
		padding-top: 1.5rem;
		padding-bottom: 3rem;
	}

	.blog-post-back { margin-bottom: 1.5rem; }
	.blog-post-content { font-size: 1.05rem; line-height: 1.8; }
}

/* ===== Muqova rasmlari: hamma joyda bir xil nisbat (1.55:1), rasm avtomatik kesilib moslashadi ===== */
.ph.has-img { opacity: 1; background: var(--card-bg); }
.ph.has-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.blog-featured .ph.has-img { aspect-ratio: 1.55; min-height: 0; width: 100%; }
.blog-card .ph.has-img { aspect-ratio: 1.55; }

/* Maqola ichidagi muqova: ro'yxatdagi bilan bir xil nisbat va kesilish */
.blog-post-cover {
	margin: 2rem 0 0;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--card-bg);
	aspect-ratio: 1.55;
}
.blog-post-cover[hidden] { display: none; }
.blog-post-cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}