/* ==========================================================================
   content.css — Szabad tartalom szakasz.
   A tipográfiát a base.css .prose blokkja adja, itt csak a szakasz körüli
   felület van. Fehér kártya, mert a lap háttere #FAFAFA, és egy hosszabb
   szövegblokk azon "lebegve" a szakaszok között elveszik.
   NULLA ÜRES SOR.
   ========================================================================== */
.blkcontent .container {
	padding-block: var(--sp-6);
}
/* A KARTYA A KULSO BURKOLON van, nem a szovegen. Indoka a base.css
   `.vls-more--fade` szabalyanal: a levagas szelet halvanyito maszk az elem
   hatteret is halvanyitja, tehat a hattérnek egy szinttel kijjebb kell lennie,
   mint a levagott szoveg. */
.blkcontent__panel {
	padding: var(--sp-6);
	border-radius: var(--r-lg);
	background: var(--c-surface);
	box-shadow: var(--sh-panel);
}
.blkcontent__body > :first-child {
	margin-top: 0;
}
.blkcontent__body > :last-child {
	margin-bottom: 0;
}
.blkcontent .container--text {
	margin-inline: auto;
}
.blkcontent .prose h1 {
	margin-top: 0;
	font-size: var(--fs-4xl);
	font-weight: 900;
	letter-spacing: 0;
}
@media (max-width: 575px) {
	.blkcontent .prose h1 {
		font-size: var(--fs-2xl);
	}
}