:root {
	--download-button-bg: light-dark(#494, #494);
	--download-button-fg: light-dark(#fff, #fff);
	--download-button-hover-bg: light-dark(#272, #272);
	--download-button-hover-fg: light-dark(#fff, #fff);
	--download-button-active-bg: light-dark(#161, #161);
	--download-button-active-fg: light-dark(#fff, #fff);
	--download-table-th-fg: light-dark(#777, #aaa);
}

.download-button-X {
	margin: 2em 0;
	line-height: 1;
}
a.download-button {
	background-color: var(--download-button-bg);
	font-family: sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.3em 1.5em;
	color: var(--download-button-fg);
	text-decoration: none;
	border-radius: 0.25em;
	margin: 0.2em 0.5em 0.2em 0;
	line-height: 1.5;
	display: inline-block;
}
a.download-button:hover {
	background-color: var(--download-button-hover-bg);
	color: var(--download-button-hover-fg);
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
a.download-button:active {
	background-color: var(--download-button-active-bg);
	color: var(--download-button-active-fg);
	text-decoration-thickness: 3px;
}

.download-button-info {
	white-space: nowrap;
}
.download-button-for {
	font-weight: normal;
}
.download-button-data {
	color: var(--color-gray);
}

.download-table th {
	color: var(--download-table-th-fg);
	border: 0;
	background-color: var(--bg);
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}
.download-table td {
	border: 0;
}


.changelog h2 {
	border-bottom: 0;
	font-size: 1.25rem;
	margin: 1.5rem 0 0.5rem 0;
	padding: 0;
}

.changelog h3 {
	font-size: 1.1rem;
	margin: 0.5rem 0 0.5rem 2em;
	padding: 0;
}

.changelog ul {
	margin-left: 2em;
}


@media print {
	.download-table th {
		background-color: #fff;
		color: #777;
	}
	a.download-button {
		background-color: #494;
		color: #fff;
	}
}