/* Lam Tuyet uses the same 1400px outer frame, with its own two-column grid as category pages. */
.lt-page{--lt-ink:#203b5c;--lt-muted:#687d91;--lt-paper:#f6faff;--lt-panel:#fff;--lt-line:#dce7f1;--lt-title:var(--font-title,'Noto Serif'),'HarmonyOS Sans',serif;--lt-body:var(--font-body,'Inter'),'HarmonyOS Sans',Arial,sans-serif;font-family:var(--lt-body);line-height:1.6;color:var(--lt-ink)}
.lt-page [hidden]{display:none!important}.lt-hero{position:relative;grid-column:1/-1;height:440px;isolation:isolate;z-index:30;overflow:visible;background:var(--lt-paper);margin:0}.lt-hero-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 36%;z-index:-2}.lt-hero:after{content:'';position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(0deg,var(--lt-paper),#f6faffbb 35%,transparent);z-index:-1;pointer-events:none}.lt-hero-content{position:absolute;left:49%;width:44%;top:29%;z-index:2}.lt-hero h1{margin:0 0 18px}.lt-hero h1 img{width:100%;filter:drop-shadow(0 3px 6px #12375366)}.lt-search.home-mobile-search-wrap{display:block!important;position:relative;margin:0;width:100%;z-index:40}.lt-search label{display:flex;align-items:center;gap:12px;border:1px solid #c5b184;background:#fff;padding:0 15px;border-radius:7px;min-height:47px;box-shadow:0 4px 16px #23456718;color:#41658b}.lt-search svg{width:22px;height:22px;flex:none}.lt-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;box-shadow:none;font:14px var(--lt-body);color:#253951;padding:12px 0}.lt-search .search-results{top:calc(100% + 5px);left:0;right:0;width:100%;z-index:100;max-height:min(420px,60vh);overflow:auto;background:var(--lt-panel);opacity:1;box-shadow:0 10px 28px #13324f33}.lt-main{position:relative;z-index:1}.lt-content{display:grid;gap:20px;min-width:0}.lt-panel{background:var(--lt-panel);border:1px solid var(--lt-line);border-radius:11px;padding:20px;min-width:0;box-shadow:0 3px 12px #315c7b06}.lt-panel h2{font-family:var(--lt-title);font-size:21px;line-height:1.5;color:var(--lt-ink);margin:0 0 13px;letter-spacing:0}.lt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.lt-heading h2{margin:0}.lt-viewport{position:relative;overflow:hidden}.lt-slide{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}.lt-media{display:block}.lt-media img{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:7px}.lt-feature-copy{min-width:0}.lt-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:8px}.lt-tags>span{display:inline-flex;flex:0 0 auto;width:max-content;max-width:100%;padding:2px 5px;border-radius:3px;font-family:var(--lt-body);font-size:10px;line-height:1.5;letter-spacing:0}.lt-feature-copy h3{font:700 25px/1.5 var(--lt-title);margin:0 0 10px;letter-spacing:0;overflow-wrap:anywhere}.lt-feature-copy>p{font:400 14px/1.8 var(--lt-body);color:var(--lt-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lt-feature-copy>time{font:12px var(--lt-body);color:var(--lt-muted);display:block;margin:0 0 14px}.lt-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(#315e89,#19466e);border:1px solid #c1aa7e;box-shadow:inset 0 0 0 2px #476689;border-radius:6px 2px;color:#fff!important;padding:10px 18px;font:500 14px/1.5 var(--lt-body)}.lt-cta:hover{filter:brightness(1.13)}.lt-controls{display:flex;align-items:center;gap:6px;flex:none}.lt-controls button{border:1px solid var(--lt-line);width:27px;height:27px;background:var(--lt-paper);color:var(--lt-ink);border-radius:50%;padding:0;font:20px Arial}.lt-controls .lt-play{font-size:12px}.lt-counter{font:10px var(--lt-body);color:var(--lt-muted);white-space:nowrap}.lt-dots{display:flex;justify-content:center;gap:5px;padding-top:14px}.lt-dots button{border:0;background:none;width:24px;height:24px;padding:0;display:grid;place-items:center}.lt-dots button:before{content:'';height:6px;width:6px;background:#c8d9e5;border-radius:5px}.lt-dots button[aria-pressed=true]:before{width:20px;background:#7092b0}.lt-posts{margin:0;padding:0;list-style:none}.lt-post{padding:17px 0;border-bottom:1px solid var(--lt-line)}.lt-post:last-child{border:0}.lt-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:12px;align-items:center}.lt-row h3{font:600 18px/1.65 var(--lt-title);margin:0;overflow-wrap:anywhere;letter-spacing:0}.lt-row h3 a:hover{color:#527b9a}.lt-row p{font:400 13px/1.8 var(--lt-body);color:var(--lt-muted);margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lt-row time{font:11px var(--lt-body);color:var(--lt-muted)}.lt-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--lt-line);border-radius:50%;background:var(--lt-paper);color:#53758f}.lt-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding-top:16px}.lt-pagination button{min-width:31px;height:31px;border-radius:5px;border:1px solid var(--lt-line);background:var(--lt-paper);color:var(--lt-ink);padding:0 7px;font:12px var(--lt-body)}.lt-pagination [aria-current=page]{background:#3c6587;color:white}.lt-pagination button:disabled{opacity:.45;cursor:default}.lt-page :is(a,button):focus-visible{outline:2px solid #508bb8;outline-offset:3px}.lt-sidebar.side-right{display:grid;gap:16px}.lt-sidebar .lt-panel{padding:17px}.lt-sidebar h2{font-size:18px}.lt-directory a{display:grid;grid-template-columns:23px minmax(0,1fr) 3ch 10px;align-items:center;gap:9px;border-bottom:1px solid var(--lt-line);padding:8px 0;font:12px/1.6 var(--lt-body)}.lt-directory a:last-child{border:0}.lt-directory img{height:23px;width:23px;object-fit:contain;filter:drop-shadow(0 1px 2px #31587345)}.lt-directory small{grid-column:3;text-align:right;font-variant-numeric:tabular-nums;font-size:10px;color:var(--lt-muted)}.lt-directory a>img{grid-column:1}.lt-directory a>span:not(:last-child){grid-column:2;min-width:0}.lt-directory a>span:last-child{grid-column:4;justify-self:end}.lt-directory a:hover{color:#5386b0}.lt-sidebar p{font:13px/1.8 var(--lt-body);color:var(--lt-muted);margin:0 0 12px}.lt-donate{text-align:center}.lt-qr{width:160px;height:auto;margin:12px auto}.lt-donors{list-style:none;padding:0;margin:0}.lt-donors li{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--lt-line);font-size:12px}.lt-donors li>span{color:#a08a55}.lt-donors strong{font-weight:500}.lt-donors small{margin-left:auto;white-space:nowrap}.lt-muted{color:var(--lt-muted);font-size:12px}.lt-discord{background:linear-gradient(135deg,var(--lt-panel),#dfeafa)}.lt-footer{grid-column:1/-1;position:relative;height:300px;background:none;margin-top:12px;z-index:0;display:flex;align-items:flex-end;justify-content:center}.lt-footer>div{text-align:center;width:100%;padding:45px 15px 20px;background:linear-gradient(transparent,#f6faffeb);font:11px var(--lt-body);color:#566f89}
/* Same global Option fonts, including bundled Vietnamese fonts. */
.lt-page .lt-feature-copy h3,.lt-page .lt-row h3{font-synthesis:weight style;text-rendering:optimizeLegibility}
html[data-theme=dark] .lt-page{--lt-ink:#dce7f2;--lt-muted:#a0b3c6;--lt-paper:#172738;--lt-panel:#1c3043;--lt-line:#354b60}.lt-page .lt-controls button:hover{filter:brightness(.94)}html[data-theme=dark] .lt-hero:after{background:linear-gradient(0deg,var(--lt-paper),#17273866 50%,transparent)}html[data-theme=dark] .lt-discord{background:linear-gradient(135deg,#1c3043,#294765)}html[data-theme=dark] .lt-footer{background:none}html[data-theme=dark] .lt-footer>div{background:linear-gradient(transparent,#172738);color:#c3d5e6}
@media(min-width:981px){.lt-page>.side-left,.lt-page>.content-main,.lt-page>.side-right{grid-row:2}.lt-page>.lt-footer{grid-row:3}}
@media(max-width:1180px){.lt-main.content-main{padding-left:20px;padding-right:20px}.lt-panel{padding:16px}.lt-controls{gap:4px}.lt-heading{flex-wrap:wrap}.lt-hero{height:400px}}
@media(max-width:980px){.lt-hero{height:430px}.lt-hero-content{left:45%;width:49%;top:35%}.lt-sidebar.side-right{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:0;border:0;position:static}.lt-slide{grid-template-columns:1fr 1fr}.lt-media img{height:100%;aspect-ratio:auto}.lt-main.content-main{padding:20px 0}.lt-footer{height:250px}}
@media(max-width:600px){.lt-hero{height:490px}.lt-hero-art{object-position:center top}.lt-hero-content{left:5%;width:90%;top:auto;bottom:45px}.lt-hero h1{margin-bottom:15px}.lt-search input{font-size:16px}.lt-search .search-results{max-height:50vh}.lt-slide{grid-template-columns:1fr}.lt-media img{height:auto;aspect-ratio:1.8}.lt-heading h2{font-size:20px}.lt-feature-copy h3{font-size:23px;line-height:1.6}.lt-sidebar.side-right{grid-template-columns:1fr}.lt-footer{height:210px}.lt-row h3{font-size:17px}.lt-tags>span{font-size:9px}.lt-viewport{touch-action:pan-y}}

.lt-page .sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.lt-media img{max-height:250px;object-fit:cover}.lt-latest{scroll-margin-top:calc(var(--header-h) + 20px)}

/* Home-only frame: retain the site's outer width, remove the legacy menu column. */
.lt-header .header-inner{grid-template-columns:minmax(0,1fr) auto}
.page.lt-page{grid-template-columns:minmax(0,1fr) 300px;column-gap:24px;row-gap:24px}
.page.lt-page>main.content-main{padding:0;border:0}
.page.lt-page>aside.side-right{padding:0;border:0;position:static}
.lt-page .lt-search input:focus,.lt-page .lt-search input:focus-visible{outline:none;box-shadow:none}
.lt-search label:focus-within{border-color:#af9664;box-shadow:0 0 0 2px #c5b18430,0 4px 16px #23456718}
@media(max-width:1180px){.page.lt-page{grid-template-columns:minmax(0,1fr) 260px;column-gap:20px}}
@media(max-width:980px){.page.lt-page{grid-template-columns:minmax(0,1fr);row-gap:20px}}

/* Restore the approved demo: image left, copy right; compact latest rows. */
.lt-slide{grid-template-columns:51% minmax(0,1fr);gap:22px;align-items:stretch}
/* Keep the pre-cropped thumbnail intact; its height follows its original ratio. */
.lt-page .lt-featured .lt-media{position:relative;min-height:0;align-self:center;overflow:hidden;border-radius:7px;aspect-ratio:auto}
.lt-page .lt-featured .lt-media img{display:block;position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.lt-feature-copy{display:flex;flex-direction:column;align-items:flex-start}
.lt-feature-copy>p{margin:14px 0 18px;-webkit-line-clamp:4}
.lt-feature-copy>time{margin:auto 0 15px;padding-top:12px}
.lt-feature-copy>.lt-cta{width:fit-content;max-width:100%}
.lt-row{grid-template-columns:minmax(0,1fr) 86px 32px;gap:20px}
.lt-row>time{text-align:center;white-space:nowrap;font-size:10px}
.lt-post{padding:15px 0}
.lt-latest .lt-heading{margin-bottom:5px}
.lt-row p{margin:4px 0 0}
.lt-tags>.badge{text-transform:none;letter-spacing:0}
.lt-heading{flex-wrap:nowrap}
.lt-heading:after{content:'';height:1px;background:var(--lt-line);flex:1;order:1}
.lt-heading h2{display:flex;align-items:center;gap:10px;flex:none}
.lt-heading h2:before{content:'❀';color:#7092b0;font:28px/1 Arial,sans-serif}
.lt-heading .lt-controls{order:2}
@media(max-width:1180px) and (min-width:981px){.lt-slide{grid-template-columns:46% minmax(0,1fr);gap:16px}.lt-feature-copy h3{font-size:22px}.lt-row{gap:12px;grid-template-columns:minmax(0,1fr) 72px 32px}}
@media(max-width:600px){.lt-slide{grid-template-columns:minmax(0,1fr);gap:16px}.lt-media{min-height:0;aspect-ratio:1.5}.lt-feature-copy>p{margin:4px 0 12px}.lt-feature-copy>time{margin:0 0 12px;padding-top:0}.lt-row{grid-template-columns:minmax(0,1fr) 62px 28px;gap:8px}.lt-row>time{font-size:9px}.lt-arrow{width:28px;height:28px}.lt-heading{gap:8px}.lt-heading h2{font-size:18px;gap:6px}.lt-heading h2:before{font-size:22px}.lt-heading:after{display:none}.lt-tags{gap:4px}}

/* Ô tìm kiếm đầu trang ở trang chủ: ẩn khi ô trên banner còn thấy, hiện khi banner đã cuộn qua
   (home.js gắn .hien-tim cho header). Dùng opacity/visibility thay vì display để lưới đầu trang
   không nhảy; visibility:hidden cũng chặn Tab vào ô đang ẩn. */
.lt-header .header-inner{grid-template-columns:230px minmax(0,1fr) 300px}
@media(max-width:1180px){.lt-header .header-inner{grid-template-columns:210px minmax(0,1fr) 260px}}
.lt-header .header-search-wrap{opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.lt-header.hien-tim .header-search-wrap{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
/* Điện thoại: không đủ chỗ cho cả logo lẫn ô tìm kiếm, nên khi cuộn qua banner ô tìm kiếm thế chỗ logo
   (đang ở trang chủ nên không cần logo để về trang chủ). Kết quả trải rộng gần hết màn hình. */
@media(max-width:980px){
  .lt-header .header-inner{grid-template-columns:minmax(0,1fr) auto}
  .lt-header .header-search-wrap{display:block;grid-column:1;grid-row:1;padding:0}
  .lt-header .brand{grid-column:1;grid-row:1;transition:opacity .18s ease}
  .lt-header .header-actions{grid-column:2;grid-row:1}
  .lt-header.hien-tim .brand{opacity:0;visibility:hidden}
  .lt-header .header-search-wrap,.lt-header .header-search input{min-width:0}
  .lt-header .header-search{padding:8px 12px}
  .lt-header .search-results{position:fixed;top:calc(var(--header-h) + 6px);left:12px;right:12px;max-height:60vh}
}
@media(prefers-reduced-motion:reduce){.lt-header .header-search-wrap,.lt-header .brand{transition:none}}

/* Tri ân: mở danh sách còn lại bằng chuột, chạm hoặc bàn phím, kể cả khi tắt JS. */
.lt-donors strong{min-width:0;overflow-wrap:anywhere}
.lt-donors li>span{flex-shrink:0}
.lt-donors-more{margin-top:10px}
.lt-donors-more>summary{width:fit-content;max-width:100%;padding:9px 12px;min-height:44px;box-sizing:border-box;border:1px solid var(--lt-line);border-radius:6px;color:var(--lt-ink);font:500 13px/24px var(--lt-body);cursor:pointer}
.lt-donors-more>summary:hover{background:var(--lt-line)}
.lt-donors-more>summary:focus-visible{outline:2px solid var(--ui-accent,#1877F2);outline-offset:3px}
.lt-donors-more .lt-donors-collapse,.lt-donors-more[open] .lt-donors-expand{display:none}
.lt-donors-more[open] .lt-donors-collapse{display:inline}

/* Nút Discord nằm giữa khối; tiêu đề và mô tả vẫn giữ căn trái. */
.lt-discord>.lt-cta{display:flex;width:fit-content;max-width:100%;box-sizing:border-box;margin-inline:auto;text-align:center}