/* Case study single — hero + "At a glance" card */

.case-study-single {
	--cs-ink: #14192e;
	--cs-muted: #545a70;
	--cs-accent: #3053fe;
	--cs-navy: #13206b;
	--cs-check: #7a90ff;
	--cs-line: #e3e6ef;
}

.cs-hero {
	padding: 70px 0 60px;
	background: #F7F7F7;
	border-top: 1px solid var(--cs-line);
}

/* Same width as the article column (.post-area max-width) */
.cs-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	align-items: center;
	max-width: 900px;
	margin: 0 auto;
}

.cs-hero__grid--single {
	grid-template-columns: minmax(0, 1fr);
}

/* Topic label */
.cs-hero__label {
	display: inline-block;
	margin: 0 0 24px;
	padding: 7px 20px;
	background: linear-gradient(90deg, var(--cs-accent) 0%, var(--cs-navy) 100%);
	border-radius: 3px;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 400;
	color: #fff;
}

/* Title */
.cs-hero .cs-hero__title {
	margin: 0 0 24px;
	font-family: Inter, sans-serif;
	font-size: clamp(36px, 3.6vw, 52px);
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.035em;
	color: var(--cs-ink);
	max-width: 12em;
}

/* Subtitle */
.cs-hero .cs-hero__subtitle {
	margin: 0 0 28px;
	padding: 0;
	font-size: 18px;
	line-height: 1.65;
	color: var(--cs-ink);
	max-width: 34em;
}

/* Author / date / read time */
.cs-hero__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	font-size: 15px;
	line-height: 1.4;
	color: var(--cs-muted);
}

.cs-hero__avatar img {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 4px 0 0 !important;
	border-radius: 50%;
	object-fit: cover;
}

.cs-hero__dot {
	color: #b3b8c8;
}

/* At a glance card */
.cs-glance {
	padding: 14px 32px;
	background: #f7f7f8;
	border: 1px solid #dcdde0;
	border-radius: 12px;
}

.cs-glance__list {
	margin: 0;
	padding: 0;
}

.cs-glance__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 20px;
	padding: 20px 0;
	border-bottom: 1px solid #dcdde0;
	font-size: 16px;
	line-height: 1.55;
}

.cs-glance__row:last-child {
	border-bottom: 0;
}

.cs-glance__row dt,
.cs-glance__row dd {
	margin: 0;
	padding: 0;
}

.cs-glance__row dt {
	color: var(--cs-ink);
	font-weight: 400;
}

.cs-glance__row dd {
	color: var(--cs-ink);
	font-weight: 700;
}

.cs-glance__list+.cs-glance__badge {
	margin: 4px 0 18px;
}

.cs-glance__badge {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: var(--cs-navy);
	border-radius: 3px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.cs-glance__badge svg {
	flex: none;
	color: var(--cs-check);
}

/* Content below the hero */
.case-study-wrap .main-content {
	padding-top: 40px;
}

@media (max-width: 999px) {
	.cs-hero {
		padding: 50px 0 40px;
	}

	.cs-hero__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.cs-glance {
		max-width: 560px;
		padding: 10px 24px;
	}

	.cs-glance__row {
		padding: 18px 0;
		font-size: 16px;
	}
}