/* Tin tức & bài viết – thiết kế 17/10 (A33, A34). */
.lc-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.lc-crumbs{font-size:13px;color:#5a6b5c;margin:0 0 10px}
.lc-crumbs a{color:#3f5242 !important;text-decoration:underline}
.lc-news-hero{background:linear-gradient(180deg,#eaf9ee 0%,#fffffb 100%);padding:24px 0 0;border-bottom:1px solid #e6efe8}
.lc-news-hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 18px}
.lc-news-hero h1{margin:0 0 8px !important;font-size:48px !important;font-weight:500 !important;color:#1c2a1e;line-height:1.1 !important}
.lc-news-hero p{margin:0;max-width:620px;color:#3f5242;font-size:15px}
.lc-news-search{flex:0 0 360px;margin:0}
.lc-news-search input{height:44px;margin:0;border:1px solid #d9e2da;border-radius:8px;padding:0 14px 0 38px;background:#fff no-repeat 12px center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b5c' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");box-shadow:none}
.lc-news-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.lc-news-tabs a{flex:0 0 auto;padding:12px 14px;font-size:14px;font-weight:600;color:#3f5242 !important;border-bottom:3px solid transparent;white-space:nowrap}
.lc-news-tabs a small{color:#8a958b;font-weight:400}
.lc-news-tabs a.is-on{color:#1c2a1e !important;border-color:#34c759}
.lc-news-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:24px;padding-bottom:40px}
.lc-news-grid main{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}
.lc-post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6efe8;border-radius:12px;overflow:hidden;text-decoration:none !important;color:inherit}
.lc-post-card.is-featured{grid-column:1/-1;flex-direction:row}
.lc-post-card.is-featured .lc-post-img{flex:0 0 55%}
.lc-post-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#fdffeb}
.lc-post-card.is-featured .lc-post-img{aspect-ratio:auto;min-height:260px}
.lc-post-img img{width:100%;height:100%;object-fit:cover;display:block}
.lc-post-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.lc-chips{display:flex;gap:6px;margin:0;flex-wrap:wrap}
.lc-chip-hot{padding:2px 8px;border-radius:4px;background:#ff6a00;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}
.lc-chip-cat{display:inline-block;padding:2px 8px;border-radius:4px;background:#eaf9ee;color:#14803a !important;font-size:12px;font-weight:700;text-decoration:none !important}
.lc-post-title{margin:0 !important;font-size:18px !important;font-weight:800 !important;line-height:1.35 !important;text-transform:none !important}
.lc-post-title a{color:#1c2a1e !important}
.lc-post-card.is-featured .lc-post-title{font-size:28px !important}
.lc-post-ex{margin:0;color:#3f5242;font-size:14px;line-height:1.55}
.lc-post-meta{margin:auto 0 0;display:flex;justify-content:space-between;font-size:12px;color:#8a958b}
.lc-post-meta a{font-weight:700;color:#14803a !important;font-size:13px}
.lc-pager{grid-column:1/-1;display:flex;justify-content:center;gap:6px}
.lc-pager .page-numbers{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e2da;border-radius:8px;color:#1c2a1e}
.lc-pager .current{background:#34c759;border-color:#34c759;color:#fff}
.lc-empty{grid-column:1/-1;color:#5a6b5c}
.lc-side-card{background:#fff;border:1px solid #e6efe8;border-radius:12px;padding:14px 16px;margin:0 0 16px}
.lc-side-title{margin:0 0 10px;font-weight:800;font-size:15px;color:#1c2a1e}
.lc-popular{list-style:none;margin:0;padding:0}
.lc-popular li{display:flex;gap:10px;align-items:center;margin:0 0 10px}
.lc-pop-no{font-size:20px;font-weight:800;color:#bfe8cb;min-width:26px}
.lc-popular a{display:flex;gap:10px;align-items:center;color:#1c2a1e !important;font-size:13px;line-height:1.35}
.lc-popular img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:0 0 44px}
.lc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.lc-tags a{padding:4px 10px;border:1px solid #cfe9d6;border-radius:999px;font-size:12px;color:#14803a !important}
.lc-side-promo{position:relative;display:block;border-radius:12px;overflow:hidden;color:#fff !important}
.lc-side-promo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.lc-side-promo span{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(180deg,transparent,rgba(16,40,20,.85));display:flex;flex-direction:column;gap:4px}
.lc-side-promo small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bff5cd}
.lc-side-promo b{font-size:20px}
.lc-side-promo em{font-style:normal;font-size:12px}
.lc-side-promo i{align-self:flex-start;margin-top:6px;padding:6px 14px;border-radius:6px;background:#ff6a00;font-style:normal;font-weight:800;font-size:12px}
/* Bài viết */
.lc-article{padding-top:20px;padding-bottom:40px}
.lc-article-head{max-width:820px}
.lc-article-head h1{margin:10px 0 14px !important;font-size:42px !important;font-weight:800 !important;line-height:1.2 !important;text-align:left !important;text-transform:none !important;color:#1c2a1e;letter-spacing:-.01em}
.lc-article-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;flex-wrap:wrap}
.lc-author{display:flex;align-items:center;gap:10px}
.lc-author img{width:32px;height:32px;border-radius:50%;object-fit:contain;background:#34c759;padding:3px}
.lc-author b{display:block;font-size:14px;color:#1c2a1e}
.lc-author small{display:block;font-size:12px;color:#8a958b}
.lc-share{display:flex;align-items:center;gap:8px;font-size:13px;color:#5a6b5c}
.lc-share a,.lc-share button{width:32px;height:32px;margin:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff !important;font-weight:800;font-size:13px;border:0;padding:0;min-height:0;text-decoration:none !important}
.lc-share .fb{background:#1877f2}.lc-share .za{background:#0068ff}.lc-share .cp{background:#5a6b5c}
.lc-article-cover{margin:0 0 24px}
.lc-article-cover img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;display:block}
.lc-article-cover figcaption{font-size:12px;color:#8a958b;margin-top:6px}
.lc-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}
.lc-article-content{font-size:16px;line-height:1.75;color:#1c2a1e}
.lc-article-content h2{font-size:26px !important;font-weight:800 !important;margin:28px 0 10px !important;text-transform:none !important;scroll-margin-top:120px}
.lc-article-content h3{font-size:20px !important;font-weight:800 !important;margin:22px 0 8px !important;text-transform:none !important;scroll-margin-top:120px}
.lc-article-content img{border-radius:12px}
.lc-article-content blockquote{border-left:4px solid #34c759;background:#f2faf4;padding:12px 16px;border-radius:0 10px 10px 0;font-style:italic}
.lc-article-side{position:sticky;top:120px;align-self:start}
.lc-toc ul{list-style:none;margin:0;padding:0 0 0 10px;border-left:2px solid #e6efe8}
.lc-toc li{margin:0 0 8px;font-size:13px}
.lc-toc li.lv3{padding-left:12px}
.lc-toc a{color:#3f5242 !important}
.lc-toc a:hover{color:#14803a !important}
.lc-side-back{display:block;text-align:center;padding:10px;border:1.5px solid #34c759;border-radius:8px;font-weight:700;color:#14803a !important}
.lc-related{margin-top:40px}
.lc-related h2{font-size:22px !important;font-weight:800 !important;margin:0 0 14px !important}
.lc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lc-article-products h2{font-size:20px !important;font-weight:800 !important}
@media (max-width:849px){
	.lc-news-hero h1{font-size:32px !important}
	.lc-news-hero-row{flex-direction:column;align-items:stretch}
	.lc-news-search{flex:1 1 auto}
	.lc-news-grid{grid-template-columns:1fr}
	.lc-news-grid main{grid-template-columns:1fr}
	.lc-post-card.is-featured{flex-direction:column}
	.lc-post-card.is-featured .lc-post-title{font-size:22px !important}
	.lc-article-head h1{font-size:28px !important}
	.lc-article-grid{grid-template-columns:1fr;gap:16px}
	.lc-article-side{position:static;order:-1}
	.lc-toc{margin:0}
	.lc-related-grid{grid-template-columns:1fr}
}
