.post-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-lg);
}

.post-list-item {
	display: flex;
	gap: var(--space-md);
	padding-bottom: var(--space-lg);
	border-bottom: 1px solid var(--border);
}

.post-list-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.post-list-item__thumb {
	flex: 0 0 260px;
	aspect-ratio: 4 / 3;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--color-light-gray);
}

.post-list-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.post-list-item:hover .post-list-item__thumb img { transform: scale(1.05); }

.post-list-item__body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.post-list-item__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem;
	font-size: 0.8rem;
	color: var(--color-text-muted);
	margin-bottom: 0.4rem;
}

.post-list-item__meta span {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}

.post-list-item__meta svg {
	width: 13px;
	height: 13px;
	color: var(--color-ocean);
}

.post-list-item__title {
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}

.post-list-item__title a {
	color: var(--color-navy);
	transition: color var(--transition);
}

.post-list-item__title a:hover { color: var(--color-ocean); }

.post-list-item__excerpt {
	font-size: 0.95rem;
	color: var(--color-text-muted);
	margin-bottom: 0.6rem;
	flex: 1;
}

@media (max-width: 720px) {
	.post-list-item {
		flex-direction: column;
	}
	.post-list-item__thumb {
		flex: none;
		width: 100%;
		aspect-ratio: 16 / 9;
	}
}