/* กริดการ์ดบทความ — โทนดำทองเดียวกับ news.css */
.news-list { padding: 145px 8vw 110px; max-width: 1500px; margin: auto; }
.news-list > .breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; color: #827b70; font-size: .72rem; margin-bottom: 40px; }
.news-list > .breadcrumbs a { color: #d9b65d; }
.news-list h1 { font-size: clamp(2.6rem, 5.5vw, 5rem); margin: 0 0 14px; }
.news-list h1 em { color: #c9c0b0; font-style: normal; }
.news-list .lead { max-width: 780px; color: #bbb3a6; font-size: 1.1rem; line-height: 1.8; margin-bottom: 60px; }
.news-list h1, .news-list .lead, .news-card h2, .news-card p { overflow-wrap: anywhere; word-break: normal; }
.news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 32px; }
.news-card { display: flex; flex-direction: column; background: #100e0b; border: 1px solid #d9b65d24; overflow: hidden; text-decoration: none; transition: border-color .2s, transform .2s; }
.news-card:hover { border-color: #d9b65d; transform: translateY(-4px); }
.news-card .thumb { aspect-ratio: 16/9; background: linear-gradient(135deg, #1a1610, #2a2114); object-fit: cover; width: 100%; height: auto; }
.news-card .body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.news-card time { color: #817a70; font-size: .72rem; letter-spacing: .06em; }
.news-card h2 { color: #e7dcc4; font-size: 1.32rem; line-height: 1.45; margin: 0; letter-spacing: normal; font-weight: 500; }
.news-card:hover h2 { color: #e0bd69; }
.news-card p { color: #9a9288; font-size: .92rem; line-height: 1.7; margin: 0; flex: 1; }
.news-card .more { color: #d9b65d; font-size: .78rem; margin-top: 6px; }
.news-empty { color: #817a70; font-size: 1.05rem; padding: 40px 0; }
@media(max-width:750px){ .news-page{ padding-inline:0 !important; } .news-list{ padding: 120px 6vw 75px; } .news-list h1{ font-size:clamp(2.15rem,10vw,2.7rem); letter-spacing:-.045em; } .news-grid{ grid-template-columns: 1fr; gap: 22px; } }