.jat-news {
	padding: var(--jat-section-padding) 0;
	background: var(--jat-background, #F7F4EE);
}

.jat-news-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.jat-news-card {
	background: #fff;
	border-radius: var(--jat-radius-md);
	overflow: hidden;
	border: 1px solid #eee6d8;
	transition: transform var(--jat-duration) var(--jat-ease), box-shadow var(--jat-duration) var(--jat-ease), border-color var(--jat-duration) var(--jat-ease);
}
.jat-news-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--jat-shadow-md);
	border-color: transparent;
}

.jat-news-thumb { position: relative; display: block; aspect-ratio: 4 / 3; background: #f0ece1; overflow: hidden; }
.jat-news-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--jat-ease); }
.jat-news-card:hover .jat-news-thumb img { transform: scale(1.06); }
.jat-news-thumb-placeholder {
	display: block; width: 100%; height: 100%;
	background: linear-gradient(135deg, var(--jat-accent, #B58A3C), var(--jat-secondary, #6F4E37));
}

.jat-news-body { padding: 20px; }
.jat-news-category {
	display: inline-block;
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--jat-secondary, #6F4E37);
	font-weight: 700;
	margin-bottom: 0.6em;
}
.jat-news-body h3 { font-size: 1rem; margin-bottom: 0.5em; line-height: 1.35; }
.jat-news-body h3 a { transition: color var(--jat-duration) var(--jat-ease); }
.jat-news-body h3 a:hover { color: var(--jat-secondary, #6F4E37); }
.jat-news-body time { font-size: 0.76rem; color: #999; }