.root {
    --box-radius: 20px;
    --box-x-limit: 100vw;
    --box-x-space: 10px;
    --box-x-offset: max(var(--box-x-space), min(50vw, 50%) - var(--box-x-limit) / 2);
    --box-y-space: 20px;
    --box-y-offset: var(--box-y-space);
}
@media (min-width: 350px) { .root {
	--box-x-space: 20px;
	--box-y-space: 40px;
} }
@media (min-width: 600px) { .root {
	--box-x-space: 30px;
    --box-x-limit: 600px;
	--box-y-space: 60px;
} }
@media (min-width: 700px) { .root {
    --box-x-limit: 700px;
} }
@media (min-width: 800px) { .root {
    --box-x-limit: 800px;
} }
@media (min-width: 1000px) { .root {
    --box-x-limit: 1000px;
} }
@media (min-width: 1200px) { .root {
    --box-radius: 30px;
    --box-x-space: 40px;
    --box-x-limit: 1200px;
    --box-y-space: 80px;
} }
.root .box,
.root.box {
	margin: var(--box-y-offset) var(--box-x-offset) 0;
}

.root {
	--site-header-offset: 85px;
}
@media (min-width: 1000px) { .root {
	--site-header-offset: 104px;
} }
.root {
	/*font: 16px / 1.2 'GT Eesti Pro Display';*/
	/*font-family: 'GT Eesti Pro Display';*/
	font-size: 16px;
	line-height: 1.2;
	--text: #1B296A;
	color: var(--text);
}

.root :is(h1, h2, h3, h4, h5, h6, p, ol, ul) {
	margin: 0;
	padding: 0;
}
.root :any-link {
	text-decoration: underline;
}

.root .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul):not(:first-child) {
	margin-top: 0.5em;
}
.root .text li {
	margin: 0;
	padding: 0;
	position: relative;
}
.root .text li:not(:first-child),
.root .text li > :is(ol, ul) {
	margin-top: 0.25em;
}
.root .text ol {
	padding: 0 0 0 1.0em;
}
.root .text ol > li::before {
    content: counter(list-item) '.';
	position: absolute;
	top: 0;
	left: auto;
	right: calc(100% + 0.25em);
	width: auto;
	height: auto;
	background: none;
	font: inherit;
}
.root .text ul {
	padding: 0 0 0 1.0em;
}
.root .text ul > li::before {
	content: '';
	position: absolute;
	left: auto;
	right: calc(100% + 0.5em);
	top: 0.25em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background: currentcolor;
}