.k20-container {
	width: 100%;
	max-width: calc(var(--k20-container) + 2 * var(--k20-gutter));
	margin-inline: auto;
	padding-inline: var(--k20-gutter);
}

.k20-container--narrow {
	max-width: calc(var(--k20-container-narrow) + 2 * var(--k20-gutter));
}

.k20-section {
	padding-block: var(--k20-ritm);
}

.k20-section--alt {
	background: var(--k20-fundal-alt);
}

.k20-section--inchis {
	background: var(--k20-fundal-inchis);
	color: var(--k20-text-pe-inchis);
}

.k20-section--inchis :where(h1, h2, h3, h4) {
	color: var(--k20-alb);
}

.k20-section--inchis a {
	color: var(--k20-link-pe-inchis);
}

.k20-section--inchis :focus-visible {
	outline-color: var(--k20-focus-pe-inchis);
}

.k20-section > :last-child,
.k20-container > :last-child {
	margin-bottom: 0;
}

.k20-grid {
	display: grid;
	gap: var(--k20-s-5);
	align-items: start;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

.k20-main {
	display: block;
	flex: 1 0 auto;
}

.k20-prose {
	max-width: var(--k20-container-narrow);
}

.k20-prose > :last-child {
	margin-bottom: 0;
}