/**
 * MF Post-Header variant: classic (ported from demo mfk1).
 * Loaded only when a post's header variant is `classic`.
 */

.mfph-classic__banner {
	margin: 0;
	background: var(--mf-ink);
}

.mfph-classic__metaband {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	background: var(--mf-ink);
	color: #cfd6e2;
	padding: 12px clamp(20px, 4vw, 48px);
	font-size: 13px;
}

.mfph-classic__metaband b {
	color: #fff;
}

.mfph-classic__avatar {
	width: 30px;
	height: 30px;
}

.mfph-classic__chip {
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	padding: 4px 11px;
	font-size: 12px;
}

.mfph-classic__cat {
	margin-left: auto;
	font: 700 11px/1 var(--mf-mono);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--mf-lime);
}

.mfph-classic__body {
	max-width: 760px;
	margin: 0 auto;
	padding: 30px 24px 44px;
}

.mfph-classic__title {
	font-family: var(--mf-serif);
	font-weight: 900;
	font-size: clamp(28px, 4.4vw, 50px);
	line-height: 1.05;
	margin: 0 0 18px;
}

.mfph-classic__lead {
	font-size: 19px;
	line-height: 1.55;
	color: #2a2f3a;
	margin: 0 0 22px;
}

/* Ad slot: full width, centered 720px. */
.mfph-classic__slot {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}