/* 06 Jó tudni (/jo-tudni/): szekció elrendezés. A részek stílusa a pages/content.css-ben (.tf-lp-). */

.tf-jotudni-hero {
	--tf-hero-min-m: 380px;
}

/* ---------- Mielőtt nekiállsz ---------- */
.tf-jotudni-intro {
	margin-top: 36px;
}

.tf-jotudni-steps {
	margin-top: 36px;
}

/* ---------- Kiterítés (lenyitható) ---------- */
.tf-jotudni-spread {
	margin-top: 28px;
}

/* Mobilon a méretezési doboz a széles fotós sávok szélességében, desktopon középre zárt 900 px. */
.tf-jotudni-measure {
	margin-top: 40px;
	padding-inline: var(--wide-inset);
	scroll-margin-top: calc(var(--header-h) + 16px);
}

.tf-jotudni-measure .tf-lp-measure {
	scroll-margin-top: calc(var(--header-h) + 16px);
}

/* ---------- Karbantartás ---------- */
.tf-jotudni-care {
	margin-top: 48px;
}

.tf-jotudni-care__head {
	max-width: 760px;
	margin-bottom: 20px;
}

.tf-jotudni-care__title {
	font-size: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);
	line-height: 1.2;
}

.tf-jotudni-care__intro {
	margin-top: 10px;
	color: var(--c-text-2);
	font-size: var(--fs-body);
	line-height: 1.65;
}

.tf-jotudni-care__note {
	margin-top: 16px;
	color: var(--c-muted);
	font-size: var(--fs-sm);
	line-height: 1.6;
}

@media (min-width: 960px) {
	.tf-jotudni-intro {
		margin-top: 96px;
	}

	.tf-jotudni-steps {
		margin-top: 72px;
	}

	.tf-jotudni-spread {
		max-width: calc(901px + 2 * var(--gutter));
		margin-top: 56px;
	}

	.tf-jotudni-measure {
		max-width: calc(901px + 2 * var(--gutter));
		margin-top: 48px;
		padding-inline: var(--gutter);
	}

	.tf-jotudni-care {
		margin-top: 96px;
	}

	.tf-jotudni-care__head {
		margin-bottom: 32px;
	}

	.tf-jotudni-care__intro {
		margin-top: 14px;
		font-size: 1.125rem;
	}

	.tf-jotudni-care__note {
		margin-top: 22px;
	}
}