.article-wrapper {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.article-wrapper img {
	max-width: 250px;
	height: auto;
	display: block;
}

.article-details {
	display: flex;
	flex-direction: column;
}

.article-detail {
	display: flex;
	gap: .5rem;
}

.property-name {
	width: 5rem;
	text-align: right;
	font-weight: var(--default-semi-bold);
	color: #555;
}

.property-value {
	flex: 1;
}

.article-detail-content-mobile {
	margin-bottom: 1rem;
	display: none;
}

@media screen and (max-width: 560px) {
	.article-wrapper img {
		width: min(250px, 25vw);
	}

	.property-name {
		width: 4rem;
	}

	.article-detail-content-desktop {
		display: none;
	}

	.article-detail-content-mobile {
		display: block;
	}
}