@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/playfair-display.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
nav li.lang-item {
	a {height:100%}
	img {zoom:2;padding-left:2px}
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(/open-sans.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
* {box-sizing: border-box}
main, nav {
	max-width: 25cm;
	padding-inline: calc(1rem + 28px);
}
html {
	font-family: sans-serif;
	font-size: 18px;
	text-size-adjust:100%;
}
nav a {
	all: unset;
	align-content: center;
	text-wrap-style: balance;
	display:inline-block;
	min-width: min-content;
	vertical-align: middle;
}
nav>img {
	align-self:center;
	max-height:1lh}
a.home {
	margin-right:auto;
    font-family: 'Playfair Display';
	font-size: xx-large;
	margin-right:auto;
    outline: none;
    overflow: hidden;
    text-decoration:unset;
    text-overflow: ellipsis;
}
h2 {font-weight: 700;
	line-height: 1.6;
	margin-top: 15px}
main{
	justify-self:center}
main ul {list-style: " – " inside;padding:0}
blockquote {
	margin:0;
	padding-inline: 1rem;
	border-left: thick solid black}
main {
	font-family: 'Open Sans', Arial;
	font-variant-ligatures: none;
	font-size: 14pt;
	line-height:1.6;}
h1 {justify-content:center;
	display:flex;
	text-align:center;
	line-height:1;
	font-family: 'Playfair Display';
	font-size: if(media(width < 600px): 27pt; else: 40pt);
	text-wrap-style: balance;
	margin:0;
	padding-inline: 8px;
	padding-block: 45px}
body {margin:0}
nav ul {padding:0}
nav {
	line-height:40px;
	* {text-box: trim-start cap alphabetic}
	transition:all 1s;
	margin-inline: auto;
	position: sticky;
	top:0;
	margin-inline:auto;
	display: flex;
	flex-wrap: balance;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: contrast-color(var(--header-background-color,#D1D7b1));
    background: var(--header-background-color,#D1D7b1);
}
a.home {font-weight:bold}
summary {
	line-height:1;
	align-content:center;
	height:100%}
details[open] summary, nav :is(a,summary):is(:focus,:hover) {
	color: var(--focused-menu-color, currentColor);
	border-color: currentColor}
a.home, nav a~a, summary {
    border-bottom: min(8px,2vw) solid transparent;
    padding-inline:8px;
}
details[open] {
	>ul{position:absolute}
}
address {word-break: break-word}
nav ul {list-style: none;}
ul#flags li {display:contents}
nav details>ul {
  background-color: var(--header-background-color,#D1D7b1);
  margin: 0;
  padding: 1rem;
}
mark {font-weight: bold;}
nav li+li {margin-block-start:.5rem}   
main img {float:right}