/*newsletter*/
section.newsletter-archive {
	padding: 3rem 1rem;
	background-color: #f8f8f8;
}

.newsletter-archive header {
	text-align: center;
	margin-bottom: 2rem;
}

.newsletter-archive h2 {
	font-size: 2rem;
	margin-bottom: 0.5rem;
	text-align: center;
}

.newsletter-archive p {
	font-size: 1rem;
	color: #666;
}

.newsletter-list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 2rem;
	padding: 0;
	margin: 0;
}

	.newsletter-list li {
		background: #fff;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 2px 6px rgba(0,0,0,0.08);
		transition: transform 0.2s ease;
	}

		.newsletter-list li:hover {
			transform: translateY(-4px);
		}

	.newsletter-list a {
		color: inherit;
		text-decoration: none;
		display: block;
		height: 100%;
	}

	.newsletter-list article {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.newsletter-list img {
		width: 100%;
		height: auto;
		display: block;
		aspect-ratio: 4 / 3;
		object-fit: cover;
	}

.newsletter-date {
	font-size: 0.85rem;
	color: #999;
	margin: 0.75rem 1rem 0 1rem;
	display: block;
}

.newsletter-list h5 {
	font-size: 1.1rem;
	margin: 0.5rem 1rem 0 1rem;
	color: #333;
	font-weight: bold;
}

.newsletter-list p {
	font-size: 0.95rem;
	color: #555;
	margin: 0.5rem 1rem 1rem 1rem;
	flex-grow: 1;
}