* {
	box-sizing: border-box;
	letter-spacing: 0;
}

body {
	background: #f4f4f4;
	color: #202020;
}

a {
	color: #111;
}

a:focus-visible,
.button:focus-visible {
	outline: 3px solid #111;
	outline-offset: 3px;
}

.wrapper.style1 {
	background-color: #f4f4f4 !important;
}

.wrapper.style1 .box {
	background-color: #fff;
	border-color: #d2d2d2;
}

.icon.rounded,
.icon.rounded.color,
.icon.rounded.color1,
.icon.rounded.color2,
.icon.rounded.color3,
.icon.rounded.color4,
.icon.rounded.color5,
.icon.rounded.color6,
.icon.rounded.color7,
.icon.rounded.color8,
.icon.rounded.color9,
.icon.rounded.color10 {
	background-color: #111 !important;
	color: #fff !important;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
.button.special {
	background-color: #111 !important;
	border-color: #111 !important;
	color: #fff !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover,
.button.special:hover {
	background-color: #333 !important;
	border-color: #333 !important;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active,
.button.special:active {
	background-color: #000 !important;
	border-color: #000 !important;
}

img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 760px) {
	.wrapper {
		padding-left: 0.75em !important;
		padding-right: 0.75em !important;
	}

	.container {
		width: 100% !important;
	}

	table.box,
	table.box tbody,
	table.box tr {
		display: block !important;
		width: 100% !important;
	}

	table.box tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 1em;
	}

	table.box th,
	table.box td {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 1.25em 0.9em !important;
		overflow-wrap: anywhere;
	}

	table.box .button.fit {
		width: 100% !important;
		white-space: normal;
	}

	header.major img {
		width: 144px;
	}
}