html, input, textarea, select, button, option {
	font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-size: 66.67%;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
}

body, input, textarea, select, button, option {
	font-size: 1.450rem;
	line-height: 1.618;
}

body {
	max-width: 38em;
	margin: auto;
	padding: 13px;
}

@media(max-width : 684px) {
	body, input, textarea, select, button, option { font-size: 1.275rem; }
}

@media(max-width : 382px) {
	body, input, textarea, select, button, option { font-size: 1.125rem; }
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	font-weight: 500;
	margin: 1.5ex 0 1ex 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

h1 { font-size: 1.78em; }

h2 { font-size: 1.67em; }

h3 { font-size: 1.56em; }

h4 { font-size: 1.45em; }

h5 { font-size: 1.34em; }

h6 { font-size: 1.23em; }

table { font-size: 1em; }

a,
a:hover,
a:visited,
a:link,
a:active {
	text-decoration: none !important;
}

table {
	border-collapse: collapse;
	overflow-x: visible !important;
	margin: 4px 8px;
	width: fit-content;
	clear: both;
}

thead th[rowspan]:not([rowspan="1"]) {
	vertical-align: bottom;
}

tfoot th[rowspan]:not([rowspan="1"]) {
	vertical-align: top;
}