/* ==========================================================================
   版型型別：最新消息（types/news.php）  twh:home-css

   🔴 T14 階段 6（2026-09-15）從子主題 assets/css/home.css 的 .tz-news* / .tz-chip / .tz-date 搬過來。
      子主題那一份保留當備援（外掛不在時首頁、以及 [techez_news_section] 短碼靠它），內容不變。
      「twh:plugin-only」以前的規則必須與 home.css 相同 —— tools/selftest.php 組 O 在比。

   ⚠️ 不得使用 vw / vh 單位。改完一定要跑 python3 tools/csscheck.py
   ========================================================================== */

.tz-news { padding: 96px 0; background: #ffffff; }

.tz-news__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.tz-news__card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e4e6e9;
	background: #ffffff;
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.tz-news__card:hover {
	border-color: #d3b574;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
	transform: translateY(-2px);
}

.tz-news__thumb {
	height: 190px;
	overflow: hidden;
	background: #f2f3f5;
	flex-shrink: 0;
}

.tz-news__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.tz-news__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px 22px 26px;
}

.tz-news__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.tz-chip {
	font-size: 11px;
	letter-spacing: 1px;
	padding: 3px 9px;
	background: #f1ece0;
	/* 2026-09-05：原 #9a7c3c 壓在 #f1ece0 上只有 3.35:1（11px 門檻 4.5）。
	   底色與色相（40.9°）／飽和度（43.9%）不動，明度 42% → 32%，現在 5.17:1。 */
	color: #765f2e;
}

.tz-date {
	font-family: "Manrope", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	/* 2026-09-05：原 #8b9097 在白底 3.21:1（13px 門檻 4.5）。
	   色相 215°／飽和度 5.5% 不動，明度 56.9% → 43.3%，現在 5.21:1。 */
	color: #686d74;
}

.tz-news__title {
	margin: 0;
	font-size: 17px;
	line-height: 1.6;
	font-weight: 500;
	color: #1c1e21;
}

/* --- 響應式 --- */

@media (max-width: 1200px) {
	.tz-news__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
	.tz-news { padding: 72px 0; }
	.tz-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.tz-news { padding: 56px 0 60px; }
	.tz-news__grid { grid-template-columns: 1fr; gap: 20px; }
}

/* twh:plugin-only —— 以下規則子主題 home.css 沒有（目前沒有） */