/**
 * Sekcja: treść case study.
 * Figma 14557:5576 — pas na bieli, padding 100/156, kolumna 886 px wyśrodkowana,
 * bloki w odstępie 75, wewnątrz bloku 25: nagłówek 24/33,6 w zieleni (szerokość 640),
 * lista przy zielonej linijce z wcięciem 12+24, opis 16/24 w szerokości 863.
 */

.single-case-body {
	background-color: var(--color-surface);
	padding-block: var(--space-section);
}

.single-case-body__inner {
	display: flex;
	flex-direction: column;
	gap: 75px;
	max-width: 886px;
	margin-inline: auto;
}

.single-case-body__block {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.single-case-body__title {
	max-width: 640px;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 400;
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-heading);
	color: var(--color-primary);
}

.single-case-body__hints {
	padding-left: 12px;
	border-left: 1px solid var(--color-primary);
}

/* ul[class] w resecie (0,1,1) zeruje listę — element+klasa dogania i wygrywa kolejnością. */
ul.single-case-body__hint-list {
	margin: 0;
	padding-left: 24px;
	list-style: disc;
}

.single-case-body__hint {
	font-size: var(--fs-body-sm);
	line-height: 24px;
	color: var(--color-body);
}

.single-case-body__content {
	max-width: 863px;
	font-size: var(--fs-body-sm);
	line-height: 24px;
	color: var(--color-ink);
}

.single-case-body__content > * {
	margin-block: 0 24px;
}

.single-case-body__content > *:last-child {
	margin-bottom: 0;
}

.single-case-body__content a {
	color: var(--color-primary);
}

.single-case-body__content ul,
.single-case-body__content ol {
	padding-left: var(--space-md);
}

@media (max-width: 991px) {
	.single-case-body__inner {
		gap: var(--space-xl);
	}
}