/**
 * News Detail — สไตล์หน้ารายละเอียดข่าว
 */

/* Gallery */
.news-gallery-thumb {
    transition: all .2s ease;
    cursor: pointer;
}
.news-gallery-thumb:hover {
    opacity: .8;
}
.news-gallery-thumb.active {
    ring: 3px solid;
    ring-color: rgb(22 163 74);
}

/* Lightbox */
.lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgba(0,0,0,.9);
    align-items: center;
    justify-content: center;
}
.lightbox.open {
    display: flex;
}

/* Content Typography */
.news-detail-content h1 { font-size: 1.75rem; font-weight: 700; margin: 1.25rem 0 .75rem; color: #111827; }
.news-detail-content h2 { font-size: 1.5rem; font-weight: 700; margin: 1.25rem 0 .75rem; color: #111827; }
.news-detail-content h3 { font-size: 1.25rem; font-weight: 600; margin: 1rem 0 .5rem; color: #1f2937; }
.news-detail-content h4 { font-size: 1.1rem; font-weight: 600; margin: 1rem 0 .5rem; color: #1f2937; }
.news-detail-content p { margin: .5rem 0; line-height: 1.8; }
.news-detail-content ul,
.news-detail-content ol { margin: .5rem 0 .5rem 1.5rem; line-height: 1.8; }
.news-detail-content ul { list-style: disc; }
.news-detail-content ol { list-style: decimal; }
.news-detail-content li { margin: .25rem 0; }
.news-detail-content a { color: #16a34a; text-decoration: underline; }
.news-detail-content a:hover { color: #15803d; }
.news-detail-content img { max-width: 100%; height: auto; border-radius: .75rem; margin: 1rem 0; }
.news-detail-content blockquote { border-left: 4px solid #d1d5db; padding: .75rem 1rem; margin: 1rem 0; background: #f9fafb; border-radius: 0 .5rem .5rem 0; }
.news-detail-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.news-detail-content th,
.news-detail-content td { border: 1px solid #e5e7eb; padding: .5rem .75rem; text-align: left; }
.news-detail-content th { background: #f3f4f6; font-weight: 600; }
.news-detail-content hr { border: none; border-top: 1px solid #e5e7eb; margin: 1.5rem 0; }
.news-detail-content pre { background: #1e293b; color: #e2e8f0; padding: 1rem; border-radius: .75rem; overflow-x: auto; margin: 1rem 0; font-size: .875rem; }
.news-detail-content code { background: #f1f5f9; padding: .125rem .375rem; border-radius: .25rem; font-size: .875rem; }
.news-detail-content pre code { background: none; padding: 0; }