/* shownews.css — ส่วนเฉพาะของ ShowNews.php (ภาพปกย่อข้างหัวเรื่อง · วิดีโอ YouTube) ใช้ร่วมกับ site.css + detail.css + gallery.css */
.sn-head { display: flex; align-items: flex-start; gap: 18px; flex-direction: row-reverse; }
.sn-headtx { flex: 1 1 auto; min-width: 0; }
.sn-thumb { flex: 0 0 auto; width: 150px; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--sky, #eaf1ff); box-shadow: 0 2px 8px rgba(18, 48, 107, .16); transition: box-shadow .2s, transform .2s; }
.sn-thumb:hover { box-shadow: 0 8px 18px rgba(18, 48, 107, .25); transform: translateY(-2px); }
.sn-thumb:focus-visible { outline: 3px solid var(--gold, #f5b700); outline-offset: 2px; }
.sn-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 640px) { .sn-head { flex-direction: column-reverse; } .sn-thumb { width: 120px; } }
.sn-video { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }
.sn-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media print { .sn-video { display: none; } }