/* سربرگ مقاله: یک کارت، نه یک نوار کمرنگ.
   بدون هیچ تصویری — همه‌ی تزئین با گرادیان و خط است، پس نه چیزی بارگذاری
   می‌شود و نه روی موبایل کند می‌کند. */

.article__head {
	background: none;
	padding: clamp(14px, 2.4vw, 28px) 0 clamp(18px, 2.6vw, 30px);
	text-align: start;
}

.article__head > .container {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-radius: clamp(18px, 2.4vw, 30px);
	padding-block: clamp(26px, 3.6vw, 48px);
	background: linear-gradient(135deg, #16606F 0%, #0D3F4A 52%, #092D36 100%);
	color: #fff;
	box-shadow: 0 26px 60px -34px rgba(9, 45, 54, .75);
}

/* نور گرم از یک گوشه، سبز عمیق از گوشه‌ی دیگر */
.article__head > .container::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		radial-gradient(760px 380px at 92% -18%, rgba(192, 86, 26, .46), transparent 62%),
		radial-gradient(620px 420px at 2% 116%, rgba(27, 122, 138, .60), transparent 64%);
}

/* بافت خیلی ملایم، فقط برای اینکه سطح تخت نباشد */
.article__head > .container::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .06;
	background-image: repeating-linear-gradient(135deg, #fff 0 1px, transparent 1px 13px);
}

.article__head .crumbs,
.article__head .crumbs p { text-align: start; margin-bottom: 14px; }
.article__head .crumbs ol,
.article__head .crumbs > * { justify-content: flex-start; }
.article__head .crumbs,
.article__head .crumbs * { color: rgba(255, 255, 255, .64); }
.article__head .crumbs a { color: rgba(255, 255, 255, .80); text-decoration: none; }
.article__head .crumbs a:hover { color: #fff; }

.article__head .eyebrow {
	margin: 0 0 14px;
	padding: 6px 15px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .13);
	border: 1px solid rgba(255, 255, 255, .26);
	color: #F6D3B4;
	font-size: 13px;
	font-weight: 700;
	backdrop-filter: blur(2px);
}
.article__head .eyebrow:hover { background: rgba(255, 255, 255, .2); color: #fff; }

.article__head .article__title {
	color: #fff;
	margin: 0 0 16px;
	max-width: 24ch;
	font-size: clamp(27px, 3.9vw, 46px);
	line-height: 1.5;
	letter-spacing: -.01em;
}

/* خط طلایی کوتاه، امضای کارت */
.article__head .article__title::after {
	content: '';
	display: block;
	width: 68px;
	height: 4px;
	border-radius: 999px;
	margin-top: 18px;
	background: linear-gradient(90deg, #E9A24B, rgba(233, 162, 75, 0));
}

.article__head .article__lead {
	margin: 0 0 22px;
	max-width: 58ch;
	color: rgba(255, 255, 255, .80);
	font-size: clamp(15px, 1.5vw, 17.5px);
	line-height: 1.95;
}

.article__head .article__meta {
	justify-content: flex-start;
	gap: 9px;
	color: rgba(255, 255, 255, .78);
	font-size: 13.5px;
}
.article__head .article__meta span {
	padding: 7px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .09);
	border: 1px solid rgba(255, 255, 255, .15);
}
.article__head .article__meta .icon { color: #E9A24B; }

@media (max-width: 640px) {
	.article__head > .container {
		margin-inline: 12px;
		padding-inline: 20px;
	}
	.article__head .article__title { max-width: none; line-height: 1.6; }
	.article__head .article__meta { gap: 7px; font-size: 12.5px; }
	.article__head .article__meta span { padding: 6px 11px; }
}

/* روی چاپ، کارت تیره فقط جوهر هدر می‌دهد */
@media print {
	.article__head > .container { background: none; color: #000; box-shadow: none; }
	.article__head > .container::before,
	.article__head > .container::after { display: none; }
	.article__head .article__title,
	.article__head .article__lead,
	.article__head .article__meta { color: #000; }
}