/* Modularized Reduced Card CSS Rules
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.card.card--reduced {
	grid-template-areas:
		"head"
		"byline"
		"media-links"
		"downloads";
	grid-template-rows: 0.25fr 0.25fr 1fr 0;
}

.card__header.card__header--reduced {
	font-size: 1.125rem;
	letter-spacing: 0;
}

.card__bylines.card__bylines--reduced {
	font-size: 0.9375rem;
}

.card__media-links.card__media-links--reduced {
	width: fit-content;
}

.card__downloads-container.card__downloads-container--reduced {
	width: fit-content;
	display: inline;
	top: -60px;
	left: 170px;
}

.download-links__tail.download-links__tail--reduced {
	border-width: 5px 10px 5px 0;
	border-color: transparent #ededed transparent transparent;
	top: 30px;
}

.card__download-links.card__download-links--reduced {
	display: block;
	top: 10px;
	left: 10px;
}

.download-links__option.download-links__option--reduced {
	font-size: 0.73rem;
	font-weight: 500;
	width: 84px;
	padding: 5px 0;
}

.download-links__separator.download-links__separator--reduced {
	display: block;
	height: 0;
	width: 65px;
	border-bottom: 1px solid #d3d2d2;
	margin: 0 auto;
}

/*desktop*/
@media (min-width: 640px) {

	.card__downloads-container.card__downloads-container--reduced {
		top: 0;
		left: -5px;
	}

	.download-links__tail.download-links__tail--reduced {
		border-width: 0 8px 10px 8px;
		border-color: transparent transparent #ededed transparent;
		position: absolute;
		top: 0;
		right: 0;
	}

	.download-links__option.download-links__option--reduced {
		font-size: 0.9375rem;
		font-weight: 400;
		width: 60px;
		padding: 0.375rem;
	}

	.download-links__separator.download-links__separator--reduced {
		display: inline;
		height: 22px;
		width: 0;
	}
}