/*
 * Uklad: kontener, sekcje, podstawy tresci z edytora.
 */

.s113-container {
	max-width: var(--s113-container);
	margin-inline: auto;
	padding-inline: clamp(20px, 5vw, 72px);
}

.s113-main {
	padding-block: clamp(32px, 5vw, 72px) clamp(56px, 7vw, 112px);
}

.s113-main:focus {
	outline: none;
}

.s113-skip {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100;
	background: var(--s113-accent);
	color: var(--s113-ink);
	padding: 12px 18px;
	font-weight: 700;
}

.s113-skip:focus {
	left: 0;
	color: var(--s113-ink);
}

/*
 * Minimalne, neutralne style dla tresci z edytora (na czas migracji tresci
 * z YOOtheme Buildera). Nie odwzorowuja klas uk-*.
 */
/*
 * Dlugosc linii ograniczamy tylko elementom tekstowym. Sekcje, figury
 * i siatki z content/pages/*.html moga byc szersze.
 */
.s113-entry > p,
.s113-entry > ul,
.s113-entry > ol,
.s113-entry > h2,
.s113-entry > h3,
.s113-entry > blockquote,
.s113-entry > table {
	max-width: 76ch;
}

.s113-entry h2,
.s113-entry h3 {
	margin-top: var(--s113-space-7);
}

.s113-entry ul,
.s113-entry ol {
	padding-left: 1.25em;
}

.s113-entry li {
	margin-bottom: var(--s113-space-2);
}

.s113-entry hr {
	border: 0;
	border-top: 1px solid var(--s113-line);
	margin-block: var(--s113-space-7);
}

.s113-entry a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/*
 * Minimalny rozmiar celu dotyku (WCAG 2.2, audyt target-size w Lighthouse)
 * dla linkow w tresci na czas migracji z YOOtheme.
 */
.s113-entry li > a,
.s113-entry li p > a,
.s113-entry p > a {
	display: inline-block;
	padding-block: 5px;
}

.s113-entry img {
	margin-block: var(--s113-space-5);
}

.s113-entry table {
	width: 100%;
	border-collapse: collapse;
	margin-block: var(--s113-space-5);
}

.s113-entry th,
.s113-entry td {
	border: 1px solid var(--s113-line);
	padding: 10px 12px;
	text-align: left;
}

.s113-empty {
	border: 1px solid var(--s113-line);
	padding: var(--s113-space-5);
	color: var(--s113-text-muted);
}