:root {
	/* nav image + title + button padding + nav padding */
	--east-header-height: calc(80px + 24px + 10px + 10px);
}

* {
	box-sizing: border-box;
}

a[href^="http"]:not(.hide-ext):after {
    display: inline-block;
    width: 14px;
    height: 10px;
    position: relative;
	left: 4px;
	content: " ";
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBpZD0iUmVubm11dHplbCIgZD0ibTUuODgwNDc3LDQuODE0MTg3bC01LjE0Mjc2MSwwbDAsOC4xMjAxNDlsOC4xMjAxNTEsMGwwLC01LjE0Mjc2bS0yLjcwNjcxNywtNy4wMzc0NjRsMCwxLjM1MzM1OGwxLjM1MzM1OCwxLjM1MzM1OGwtNC4wNjAwNzUsNC4wNjAwNzVsMi43MDY3MTcsMi43MDY3MTZsNC4wNjAwNzUsLTQuMDYwMDc0bDEuMzUzMzU5LDEuMzUzMzU4bDEuMzUzMzU3LDBsMCwtNi43NjY3OTFsLTYuNzY2NzkxLDB6IiBzdHJva2U9IiM2NjYiIGZpbGw9InRyYW5zcGFyZW50Ii8+DQo8L3N2Zz4=);
    mask-repeat: no-repeat;
	mask-size: contain;
}

main {
	margin: 0 auto;
	max-width: var(--uk-breakpoint-m);
	font-size: 18px;
	overflow-wrap: break-word;
}
main > section {
	padding: 15px 24px;
}

main > section > p:last-child,
main > section > ul:last-child {
	margin-bottom: 0;
}

/* header */
main {
	margin-top: var(--east-header-height);
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	height: var(--east-header-height);
	z-index: 9;
}
nav {
	max-width: var(--uk-breakpoint-m);
	margin: 0 auto;
	padding: 5px 0;
	user-select: none;
}
.east-navi {
	position: relative;
	padding: 5px 15px;
	cursor: pointer;
}
nav input[id^="east-navi-"] {
	position: fixed;
	top: -9999px;
	opacity: 0;
}
nav label[for^="east-navi-"] {
	display: block;
}
nav input[id^="east-navi-"]:checked ~ .east-navi > ul,
.east-navi:hover > ul,
.east-navi > ul:hover {
	opacity: 1;
	max-height: 100vh;
}
.east-navi ul {
	position: absolute;
	top: calc(100% - 20px);
	left: 0;
	overflow: hidden;
	opacity: 0;
	max-height: 0;
	padding: 0 5px 5px 5px;
	margin: 0;
}
.east-navi > ul > li {
	text-align: left;
	white-space: nowrap;
}
.east-lang > a {
	width: 2.33em;
	display: inline-block;
}

/* footer */

footer {
	margin-bottom: 20px;
}

footer #east-network {
	width: 200px;
	height: 80px;
}
footer > div {
	max-width: var(--uk-breakpoint-m);
	margin: 0 auto;
	padding: 16px 24px 24px;
}