.news-page { background: #060606; }
.news-article { padding: 145px 8vw 110px; max-width: 1500px; margin: auto; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; color: #827b70; font-size: .72rem; margin-bottom: 55px; }
.breadcrumbs a { color: #d9b65d; }
.news-article h1 { max-width: 1250px; font-size: clamp(3.5rem, 7vw, 7.2rem); }
.news-article h1 em { color: #c9c0b0; }
.standfirst { max-width: 850px; color: #bbb3a6; font-size: 1.25rem; line-height: 1.8; }
.byline { display: flex; flex-wrap: wrap; gap: 14px 35px; margin: 30px 0; color: #817a70; font-size: .75rem; }
.byline b { color: #d9b65d; }
.news-hero { width: 100%; height: auto; max-height: 690px; object-fit: cover; object-position: center top; border: 1px solid #d9b65d38; }
.article-body { display: grid; grid-template-columns: 220px minmax(0, 780px); justify-content: center; gap: 7vw; margin-top: 75px; }
.article-body aside { position: sticky; top: 110px; align-self: start; display: flex; flex-direction: column; gap: 13px; padding: 22px; border-left: 2px solid #d9b65d; background: #100e0b; }
.article-body aside b { color: #d9b65d; margin-bottom: 8px; }
.article-body aside a { color: #8f887d; font-size: .78rem; }
.article-copy h2 { color: #e0bd69; font-size: 1.8rem; margin: 48px 0 12px; letter-spacing: -.5px; }
.article-copy h2:first-child { margin-top: 0; }
.article-copy p { color: #aaa297; font-size: 1.06rem; line-height: 2; }
.article-copy a { color: #d9b65d; border-bottom: 1px solid #d9b65d66; }
@media(max-width:750px){.news-article{padding:120px 6vw 75px}.article-body{grid-template-columns:1fr;margin-top:45px}.article-body aside{position:static}.standfirst{font-size:1.05rem}}

/* ── แท็กท้ายบทความ ─────────────────────────────────────────────────────── */
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 6px;
  padding-top:18px;border-top:1px solid rgba(212,175,55,.22)}
.article-tags-label{font-size:.82rem;font-weight:700;color:#9d937f;margin-right:2px}
.article-tags a{display:inline-block;padding:5px 13px;border-radius:999px;font-size:.84rem;font-weight:600;
  text-decoration:none;color:#f0c76a;border:1px solid rgba(240,199,106,.35);background:rgba(240,199,106,.08);
  transition:background .15s,border-color .15s}
.article-tags a:hover{background:rgba(240,199,106,.18);border-color:#d4af37}

/* ── ตารางในบทความ: หัวตารางพื้นทอง ตัวหนังสือเข้ม อ่านชัดบนพื้นดำ ───────── */
.article-copy table{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;
  border:1px solid rgba(212,175,55,.30);border-radius:12px;overflow:hidden;
  font-size:.94rem;background:rgba(255,255,255,.02)}
.article-copy thead th,.article-copy table th{
  background:linear-gradient(180deg,#e6c15c,#d4af37);color:#1a1405;font-weight:800;
  text-align:left;padding:12px 14px;border-bottom:1px solid rgba(212,175,55,.45);white-space:nowrap}
.article-copy td{padding:11px 14px;color:#e8dcc0;border-bottom:1px solid rgba(212,175,55,.14);vertical-align:top}
.article-copy tbody tr:last-child td{border-bottom:0}
.article-copy tbody tr:nth-child(even){background:rgba(212,175,55,.05)}
.article-copy tbody tr:hover{background:rgba(212,175,55,.10)}
/* จอเล็กเลื่อนตารางแนวนอนแทนบีบตัวหนังสือ */
@media (max-width:700px){
  .article-copy table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
