@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/playfair-display.woff2) format('woff2'), url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
header 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;
	--button-height: 55px;
	font-size: 18px;
	text-size-adjust:100%;
}
nav>a:first-of-type {
	font-size: xx-large;
	margin-right:auto}
header [rel=home] {
    font-family: 'Playfair Display';
    font-size: 18pt;
	margin-right:auto;
    line-height: 1;
    min-width:40%;
    outline: none;
    overflow: hidden;
    padding: 16px 12px;
    text-decoration:unset;
    text-overflow: ellipsis;
}
details {display:contents}
summary, header a {
	all: unset;
	align-content: center;
	text-wrap-style: balance;
	display:inline-block;
	min-width: min-content;
	vertical-align: middle;
}
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}
header {
	max-width: 100%;
	position: sticky;
	top:0;
	background-color: #D1D7B1;
}
nav {
	anchor-name: --nav;
	margin-inline:auto;
	display: flex;
	flex-wrap: balance;
    text-overflow: ellipsis;
    vertical-align: middle;
}
details[open] summary, header :is(a,summary):is(:focus,:hover) {
	text-shadow: 1px 1px 0px black}
header a, summary {
	align-content:center}
header a~a, summary {
    border-bottom: min(8px,2vw) solid transparent;
    padding:8px;
}
a[aria-current], details[open] summary {border-color: black}
address {word-break: break-word}
header ul {list-style: none}
header :is(ul#flags li) {display:contents}
header ul#sites {
  position: absolute;
  position-anchor: --nav;
  top: anchor(bottom);
  right: anchor(right);
  background: #D1D7B1;
  margin: 0;
  padding: 1rem;
}
header li+li {margin-block-start:.5rem}   
header > input {
	height: var(--button-height);
	cursor: pointer;
	padding-inlne: 12px;
	width: 48px;
}
mark {
	font-weight: bold;
}