:root { --news-green:#164e3f; --news-pink:#9b0b62; --news-gold:#d2a94f; --news-ink:#1e293b; --news-muted:#64748b; --news-line:#e2e8f0; }

.news-breadcrumb { display:flex; margin:1.25rem 0 1.5rem; align-items:center; gap:.65rem; color:var(--news-muted); font-size:.82rem; white-space:nowrap; overflow:hidden; }
.news-breadcrumb a { color:var(--news-green); text-decoration:none; }
.news-breadcrumb > i { color:#a8b2bf; font-size:.68rem; }
.news-breadcrumb span { overflow:hidden; text-overflow:ellipsis; }
.news-detail-layout { max-width:1080px; margin:0 auto 5rem; }
.news-article { overflow:hidden; background:#fff; border:1px solid var(--news-line); box-shadow:0 10px 30px rgba(15,23,42,.08); }
.news-cover { height:clamp(280px,44vw,560px); margin:0; background:#e9efed; }
.news-cover img { width:100%; height:100%; object-fit:cover; object-position:center; }
.news-cover-inline { margin:2rem 0 1rem; border-radius:12px; overflow:hidden; background:#e9efed; border:1px solid var(--news-line); box-shadow:0 4px 16px rgba(15,23,42,.05); }
.news-cover-inline img { width:100%; height:auto; max-height:520px; object-fit:cover; object-position:center; display:block; }
.news-article-body { padding:clamp(1.35rem,4vw,3.75rem); }
.news-article-header { padding-bottom:2rem; border-bottom:1px solid var(--news-line); }
.news-category { display:inline-block; margin-bottom:1rem; color:var(--news-pink); font-size:.76rem; font-weight:700; letter-spacing:.08em; }
.news-article-header h1 { max-width:850px; margin:0 0 1.25rem; color:var(--news-green); font-size:clamp(1.65rem,3.4vw,2.7rem); line-height:1.4; }
.news-meta { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; color:var(--news-muted); font-size:.82rem; }
.news-meta span { display:flex; align-items:center; gap:.45rem; }
.news-meta i { color:var(--news-pink); }
.news-content { padding:2.25rem 0; color:#334155; font-size:1.05rem; line-height:1.9; overflow-wrap:anywhere; }
.news-content::after { content:""; display:table; clear:both; }
.news-content img { display:block; max-width:100%; height:auto; margin:1.75rem auto; border-radius:0; }
.news-content img[style*="float: left"] { float:left; margin:0.5rem 1.75rem 1.25rem 0; display:inline; clear:none; }
.news-content img[style*="float: right"] { float:right; margin:0.5rem 0 1.25rem 1.75rem; display:inline; clear:none; }
.news-content img[style*="margin: auto"], .news-content img[style*="margin-left: auto"] { display:block; margin:1.75rem auto; clear:both; }
/* Multi-image layouts (1, 2, 3 images) */
.news-content img.img-layout-1,
.news-content img[data-layout="1"] { display:block !important; width:100% !important; max-width:100% !important; height:auto !important; margin:1.5rem auto !important; border-radius:10px; clear:both; }
.news-content img.img-layout-2,
.news-content img[data-layout="2"] { display:inline-block !important; vertical-align:top; width:calc(50% - 10px) !important; max-width:calc(50% - 10px) !important; height:auto !important; margin:5px !important; border-radius:8px; object-fit:cover; box-sizing:border-box; }
.news-content img.img-layout-3,
.news-content img[data-layout="3"] { display:inline-block !important; vertical-align:top; width:calc(33.333% - 10px) !important; max-width:calc(33.333% - 10px) !important; height:auto !important; margin:5px !important; border-radius:8px; object-fit:cover; box-sizing:border-box; }
.news-content hr { border:0; border-top:1px solid var(--news-line); margin:2.25rem 0; height:0; clear:both; }
.news-content .clearfix { clear:both; height:0; margin:0; }
.news-content .ql-align-left { text-align:left; }
.news-content .ql-align-center { text-align:center; }
.news-content .ql-align-right { text-align:right; }
.news-content .ql-align-justify { text-align:justify; }
.news-content .ql-align-left img { margin-left:0; margin-right:auto; }
.news-content .ql-align-center img { margin-left:auto; margin-right:auto; }
.news-content .ql-align-right img { margin-left:auto; margin-right:0; }
.news-content iframe { max-width:100%; }
.news-content p { margin-bottom:1.4rem; line-height:1.9; }
.news-content p:empty, .news-content p > br:only-child { min-height:1.4rem; display:block; }
.news-article-footer { display:flex; padding-top:1.5rem; align-items:end; justify-content:space-between; gap:1.5rem; border-top:1px solid var(--news-line); }
.news-share strong { display:block; margin-bottom:.7rem; color:var(--news-ink); font-size:.88rem; }
.news-share > div { display:flex; gap:.5rem; }
.news-share a,.news-share button { display:grid; width:40px; height:40px; padding:0; color:#fff; border:0; text-decoration:none; place-items:center; }
.share-facebook { background:#1877f2; }.share-x { background:#111827; }.share-line { background:#06c755; }.share-copy { background:#64748b; }
.news-back-link { color:var(--news-green); font-weight:700; text-decoration:none; }
.related-news { margin-top:4rem; }
.related-news-heading { margin-bottom:1.25rem; }
.related-news-heading span { color:var(--news-pink); font-size:.7rem; font-weight:700; letter-spacing:.15em; }
.related-news-heading h2 { margin:.35rem 0 0; color:var(--news-green); font-size:1.65rem; }
.related-news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.related-news-card { overflow:hidden; background:#fff; border:1px solid var(--news-line); }
.related-news-image { display:block; height:180px; background:#e9efed; }
.related-news-image img { width:100%; height:100%; object-fit:cover; }
.related-news-image > span { display:grid; height:100%; color:#94a3b8; place-items:center; font-size:2rem; }
.related-news-card > div { padding:1.2rem; }
.related-news-card small { display:flex; align-items:center; gap:.4rem; color:var(--news-muted); font-size:.75rem; }
.related-news-card h3 { display:-webkit-box; min-height:3.1rem; margin:.65rem 0 1rem; overflow:hidden; font-size:1rem; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }
.related-news-card h3 a { color:var(--news-ink); text-decoration:none; }
.related-read-more { color:var(--news-green); font-size:.82rem; font-weight:700; text-decoration:none; }
.news-not-found { max-width:720px; margin:4rem auto 6rem; padding:4rem 2rem; text-align:center; background:#fff; border:1px solid var(--news-line); }
.news-not-found > i { display:block; margin-bottom:1rem; color:#94a3b8; font-size:3rem; }
.news-not-found > span { color:var(--news-pink); font-size:.72rem; font-weight:700; letter-spacing:.15em; }
.news-not-found h1 { margin:.6rem 0; color:var(--news-green); }.news-not-found p { color:var(--news-muted); }
.news-not-found > div { display:flex; margin-top:1.5rem; justify-content:center; flex-wrap:wrap; gap:.75rem; }
.news-btn { display:inline-flex; padding:.7rem 1rem; align-items:center; gap:.4rem; border:1px solid var(--news-green); text-decoration:none; }
.news-btn-primary { color:#fff; background:var(--news-green); }.news-btn-light { color:var(--news-green); background:#fff; }
.news-copy-toast { position:fixed; right:1.25rem; bottom:1.25rem; z-index:1050; padding:.8rem 1rem; color:#fff; background:var(--news-green); opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .15s ease,transform .15s ease; }
.news-copy-toast.is-visible { opacity:1; transform:translateY(0); }

@media (max-width:767.98px) {
    .news-article-footer { align-items:flex-start; flex-direction:column; }
    .related-news-grid { grid-template-columns:1fr; }
    .related-news-card { display:grid; grid-template-columns:120px 1fr; }
    .related-news-image { height:100%; min-height:155px; }
}

@media (max-width:575.98px) {
    .news-breadcrumb a:nth-of-type(2),.news-breadcrumb i:nth-of-type(2) { display:none; }
    .news-cover { min-height:230px; }
    .news-content { font-size:1rem; line-height:1.85; }
    .news-content img.img-layout-2,
    .news-content img[data-layout="2"],
    .news-content img.img-layout-3,
    .news-content img[data-layout="3"] { display:block !important; width:100% !important; max-width:100% !important; margin:0.75rem 0 !important; }
    .related-news-card { grid-template-columns:105px 1fr; }
}