.download-page__intro {
	align-items: start;
}

.download-page__content {
	max-width: 70ch;
}

.download-page__panel,
.download-page__empty {
	padding: 1.5rem;
	background: var(--tw-surface);
	border: 1px solid var(--tw-border);
	box-shadow: var(--tw-shadow);
}

.download-page__list {
	display: grid;
	gap: 1.5rem;
}

.download-page__item {
	display: grid;
	gap: 1rem;
}

.download-page__item-head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 1rem;
}

.download-page__item-head h3 {
	margin: 0;
}

.download-page__item-type,
.download-page__pending {
	color: var(--tw-muted);
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.download-page__summary {
	max-width: 65ch;
}

@media (max-width: 700px) {
	.download-page__item-head {
		flex-direction: column;
	}
}
.download-page__intro {
	margin-bottom: 2rem;
	color: #666;
}

.downloadbox {
	display: grid;
	gap: 1rem;
}

.download-page__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
	padding: 1.25rem 1.5rem;
	border: 1px solid #e8e8e8;
	border-radius: 0.35rem;
	background: #fff;
}

.download-page__item .name {
	font-size: 1.05rem;
	font-weight: 600;
	color: #222;
}

.download-page__item .introduction {
	flex: 1 1 18rem;
	color: #666;
}

.downloadbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.85rem 1.2rem;
	border-radius: 999px;
	background: #161616;
	color: #fff;
	text-decoration: none;
}