/* 2Lúa v2.3.3 — news topics and 3-column article layout. */
.tl-app .tl-news-page,.tl-app .tl-article-shell{max-width:1280px}
.tl-news-topic-nav{display:flex;align-items:stretch;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:7px 3px 12px;margin:0 0 12px;scroll-snap-type:x proximity}
.tl-news-topic-link{min-height:50px;display:flex;flex:1 0 max-content;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:14px;background:var(--tl-card);border:1px solid var(--tl-border);color:var(--tl-text);font-size:13px;font-weight:750;line-height:1.2;text-decoration:none;scroll-snap-align:start;white-space:nowrap;box-shadow:0 3px 10px #143b2610;transition:background .2s,color .2s,transform .2s}
.tl-news-topic-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--tl-accent-soft);font-size:19px}
.tl-news-topic-link:hover,.tl-news-topic-link:focus-visible{transform:translateY(-2px);border-color:var(--tl-accent);color:var(--tl-accent-2)}
.tl-news-topic-link.is-active{background:#075341;color:#fff;border-color:#075341;box-shadow:0 6px 18px #0b513b24}
.tl-news-topic-link.is-active .tl-news-topic-icon{background:#ffffff20}
.tl-news-current-topic{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:3px 3px 14px;color:var(--tl-text)}
.tl-news-current-topic strong{font-size:18px}.tl-news-current-topic span{color:var(--tl-muted);font-size:12px}
.tl-news-card--archive{overflow:hidden}.tl-news-card--archive .tl-news-thumb{background:linear-gradient(120deg,#d1dfc6,#f1f4e7);display:grid;place-items:center}.tl-news-card--archive .tl-news-thumb.is-empty{background:linear-gradient(145deg,rgba(217,237,205,.2),rgba(242,248,231,.18)),url('../images/hero-rice-landscape.webp') center / cover no-repeat}
.tl-news-card--archive .tl-news-thumb.is-empty span{font-size:36px;text-shadow:0 3px 10px #0001}
/* A sidebar outside the article content must not overlap the existing global left quick menu. */
@media(min-width:820px){
 .tl-app .tl-news-page,.tl-app .tl-article-shell{width:min(calc(100vw - 214px),1260px);margin-left:max(108px,calc((100vw - 1260px)/2));margin-right:auto}
}
.tl-article-layout{display:grid;grid-template-columns:minmax(165px,200px) minmax(0,1fr) minmax(185px,220px);grid-template-areas:'categories main toc';gap:18px;align-items:start}
.tl-article-category-panel{grid-area:categories;min-width:0}.tl-article-toc-panel{grid-area:toc;min-width:0}.tl-article-main{grid-area:main;min-width:0}
.tl-article-category-panel,.tl-article-toc-panel{position:sticky;top:95px;background:var(--tl-card);border:1px solid var(--tl-border);border-radius:19px;padding:14px;box-shadow:0 7px 25px #0b44350f;max-height:calc(100vh - 115px);overflow-y:auto;scrollbar-width:thin}
body.admin-bar .tl-article-category-panel,body.admin-bar .tl-article-toc-panel{top:125px;max-height:calc(100vh - 145px)}
.tl-article-aside-head{display:flex;align-items:center;gap:7px;padding:4px 4px 13px;border-bottom:1px solid var(--tl-border);color:var(--tl-text);font-size:14px}
.tl-article-aside-head>span{font-size:17px;color:var(--tl-accent)}.tl-article-aside-head strong{flex:1}
.tl-article-category-list,.tl-article-toc-list{display:grid;gap:4px;padding-top:12px}
.tl-article-category-list>a{display:flex;align-items:center;gap:9px;min-height:43px;text-decoration:none;padding:7px 9px;border-radius:12px;color:var(--tl-text);font-size:13px;font-weight:650;line-height:1.35}
.tl-article-category-list>a:hover,.tl-article-toc-list>a:hover{background:var(--tl-soft);color:var(--tl-accent-2)}
.tl-article-category-list>a.is-active{background:#0a604c;color:#fff}.tl-article-category-icon{width:24px;flex:0 0 24px;text-align:center;font-size:17px}
.tl-article-all-news{display:block;color:var(--tl-accent-2);border-top:1px solid var(--tl-border);padding:14px 6px 2px;margin-top:10px;font-size:12px;font-weight:800;text-decoration:none}
.tl-article-toc-toggle{width:27px;height:27px;border-radius:8px;border:0;background:var(--tl-soft);color:var(--tl-text);font-size:19px;cursor:pointer}
.tl-article-toc-list[hidden]{display:none!important}
.tl-article-toc-list>a{display:block;text-decoration:none;border-left:2px solid transparent;padding:10px 8px 10px 11px;color:var(--tl-muted);font-size:12px;line-height:1.5;border-radius:0 8px 8px 0;overflow-wrap:anywhere}
.tl-article-toc-list>a.is-active{border-left-color:var(--tl-accent);background:var(--tl-accent-soft);color:var(--tl-accent-2);font-weight:800}
.tl-article-toc-list>a.is-subheading{padding-left:22px;font-size:11px}
.tl-article-layout .tl-article{width:100%;padding:clamp(20px,2.4vw,32px);margin:0}
.tl-article-layout .tl-article-head h1{font-size:clamp(27px,3vw,43px);overflow-wrap:break-word}
.tl-article-layout .tl-article-related{width:100%;margin:22px auto 0}
.tl-article-layout .tl-news-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-article-content h2,.tl-article-content h3,.tl-article-content,#tl-article-source,#tl-article-related,#tl-article-start{scroll-margin-top:118px}
@media(max-width:1200px) and (min-width:820px){
 .tl-article-layout{grid-template-columns:170px minmax(0,1fr);grid-template-areas:'categories toc' 'categories main';gap:13px}
 .tl-article-category-panel{grid-row:1 / span 2}
 .tl-article-toc-panel{position:static;max-height:none;padding:12px}
 .tl-article-toc-list{display:flex;flex-wrap:wrap;gap:4px}
 .tl-article-toc-list>a{padding:7px 10px;border-left:0;border-bottom:2px solid transparent;font-size:11px}
 .tl-article-toc-list>a.is-active{border-left:0;border-bottom-color:var(--tl-accent)}
 .tl-article-layout .tl-article-head h1{font-size:clamp(26px,3.2vw,38px)}
}
@media(max-width:819px){
 .tl-app .tl-news-page,.tl-app .tl-article-shell{width:min(calc(100% - 26px),730px);padding-block:82px 105px}
 .tl-news-topic-link{flex:0 0 auto;min-height:43px;padding:7px 11px;font-size:12px}
 .tl-news-topic-icon{width:23px;height:23px;font-size:16px}
 .tl-article-layout{display:flex;flex-direction:column;gap:12px}
 .tl-article-category-panel,.tl-article-toc-panel,.tl-article-main{position:static;width:100%;max-height:none;overflow:visible}
 .tl-article-category-panel{order:1}.tl-article-toc-panel{order:2}.tl-article-main{order:3}
 .tl-article-category-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px}
 .tl-article-category-list>a{flex:0 0 auto;min-height:38px;white-space:nowrap;padding:6px 9px;font-size:12px}
 .tl-article-all-news{padding:10px 6px 0}
 .tl-article-toc-list{display:flex;overflow-x:auto;gap:5px}
 .tl-article-toc-list>a{flex:0 0 auto;max-width:70vw;padding:8px 10px;border-left:0;border-bottom:2px solid transparent}
 .tl-article-toc-list>a.is-active{border-left:0;border-bottom:2px solid var(--tl-accent)}
 .tl-article-layout .tl-article{border:1px solid var(--tl-border);border-radius:20px}
}
@media(max-width:560px){
 .tl-app .tl-news-page,.tl-app .tl-article-shell{width:calc(100% - 18px)}
 .tl-news-current-topic strong{font-size:15px}
 .tl-article-category-panel,.tl-article-toc-panel{padding:11px}
 .tl-article-layout .tl-article{padding:17px}
 .tl-article-layout .tl-news-grid--related{grid-template-columns:1fr}
}
