/* LINKTRUYEN BLOG V2 — UI PHASE 3 */
.lt-blog-v2{--blog-paper:#fffdf9;--blog-soft:#f8eee3;--blog-ink:var(--text-primary,#2a1b16);--blog-muted:var(--text-secondary,#7b6960);--blog-line:color-mix(in srgb,var(--border,#e7ddd3) 86%,transparent);max-width:1240px;margin:0 auto;padding:2rem clamp(.9rem,4vw,1.5rem) 4rem}
.lt-blog-hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;padding:1.6rem 1.7rem;border:1px solid var(--blog-line);border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(232,132,66,.18),transparent 30%),linear-gradient(135deg,#fff8ee,#f8eadb);margin-bottom:1.2rem;overflow:hidden}
.lt-blog-hero small{display:block;color:var(--accent);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.lt-blog-hero h1{margin:.35rem 0 .4rem;font-family:var(--font-display,Georgia,serif);font-size:clamp(2rem,5vw,3.7rem);line-height:1}.lt-blog-hero p{margin:0;max-width:660px;color:var(--blog-muted);line-height:1.7}.lt-blog-hero-mark{font-family:var(--font-display,Georgia,serif);font-size:5rem;color:rgba(201,87,29,.18);line-height:.8}
.lt-blog-cats{display:flex;gap:.5rem;overflow-x:auto;padding:.35rem 0 1rem;scrollbar-width:none}.lt-blog-cats::-webkit-scrollbar{display:none}.lt-blog-cat{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:0 .8rem;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-paper);color:var(--blog-muted);text-decoration:none;font-size:.76rem;font-weight:700}.lt-blog-cat.is-active,.lt-blog-cat:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.lt-blog-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);min-height:380px;border:1px solid var(--blog-line);border-radius:24px;overflow:hidden;background:var(--blog-paper);box-shadow:0 16px 44px rgba(70,45,28,.06);margin-bottom:1.25rem}.lt-blog-feature-media{min-height:340px;background:linear-gradient(135deg,#ead7c5,#b78d6d);overflow:hidden}.lt-blog-feature-media img{width:100%;height:100%;object-fit:cover;display:block}.lt-blog-feature-copy{padding:clamp(1.3rem,3vw,2.3rem);display:flex;flex-direction:column;justify-content:center}.lt-blog-kicker{color:var(--accent);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.lt-blog-feature h2{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.1;margin:.55rem 0 .8rem}.lt-blog-feature p{margin:0;color:var(--blog-muted);line-height:1.75}.lt-blog-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;color:var(--text-muted);font-size:.72rem}.lt-blog-readmore{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;color:var(--accent);font-weight:800;text-decoration:none}
.lt-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.2rem;align-items:start}.lt-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lt-blog-card{display:grid;grid-template-rows:190px auto;overflow:hidden;border:1px solid var(--blog-line);border-radius:18px;background:var(--blog-paper);color:var(--blog-ink);text-decoration:none;transition:transform .18s,box-shadow .18s}.lt-blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(70,45,28,.08)}.lt-blog-card-media{background:var(--bg-subtle);overflow:hidden}.lt-blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}.lt-blog-card-body{padding:1rem}.lt-blog-card h3{margin:.35rem 0 .55rem;font-family:var(--font-display,Georgia,serif);font-size:1.08rem;line-height:1.3}.lt-blog-card p{margin:0;color:var(--blog-muted);font-size:.82rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lt-blog-sidebar{position:sticky;top:92px;display:flex;flex-direction:column;gap:1rem}.lt-blog-side-card{padding:1rem;border:1px solid var(--blog-line);border-radius:18px;background:var(--blog-paper)}.lt-blog-side-card h2{margin:0 0 .8rem;font-family:var(--font-display,Georgia,serif);font-size:1.1rem}.lt-blog-side-list{display:flex;flex-direction:column;gap:.25rem}.lt-blog-side-list a{display:flex;justify-content:space-between;gap:.8rem;padding:.58rem .65rem;border-radius:10px;color:var(--blog-muted);text-decoration:none;font-size:.78rem}.lt-blog-side-list a:hover{background:var(--bg-subtle);color:var(--accent)}
.lt-blog-pagination{margin-top:1.25rem}

.lt-blog-article{max-width:1100px}.lt-blog-article-header{max-width:880px;margin:0 auto 1.2rem;text-align:center}.lt-blog-article-header h1{font-family:var(--font-display,Georgia,serif);font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;margin:.6rem 0 .8rem}.lt-blog-article-header .lt-blog-meta{justify-content:center}.lt-blog-article-cover{max-width:980px;aspect-ratio:16/7;margin:1.4rem auto 2rem;border-radius:24px;overflow:hidden;background:var(--bg-subtle);box-shadow:0 18px 48px rgba(70,45,28,.09)}.lt-blog-article-cover img{width:100%;height:100%;object-fit:cover;display:block}.lt-blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;justify-content:center;gap:1.5rem;align-items:start}.lt-blog-article .blog-content{padding:1.4rem 1.5rem;border:1px solid var(--blog-line);border-radius:20px;background:var(--blog-paper);box-shadow:0 12px 34px rgba(70,45,28,.04);font-size:1.03rem;line-height:1.75;color:var(--blog-ink);word-break:break-word;overflow-wrap:break-word}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-family:var(--font-display,Georgia,serif);font-weight:700;line-height:1.25;margin:1.5em 0 .55em}.blog-content h1{font-size:2em}.blog-content h2{font-size:1.65em}.blog-content h3{font-size:1.35em}.blog-content p{margin:0 0 1em}.blog-content blockquote{border-left:3px solid var(--accent);padding:.7rem 1rem;margin:1.4rem 0;background:var(--bg-subtle);border-radius:0 8px 8px 0;color:var(--blog-muted);font-style:italic}.blog-content img{max-width:100%;height:auto;display:block;margin:1.4rem auto;border-radius:12px}.blog-content iframe{max-width:100%;width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.blog-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:1.3rem 0}.blog-content th,.blog-content td{border:1px solid var(--border);padding:.55rem .75rem}.blog-content a{color:var(--accent);text-underline-offset:3px}.blog-content pre{overflow:auto;background:#181512;color:#eee5dc;padding:1rem;border-radius:12px}.blog-content code{font-family:monospace}
.lt-blog-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.lt-blog-related a{display:block;color:var(--blog-ink);text-decoration:none;border:1px solid var(--blog-line);border-radius:14px;overflow:hidden;background:var(--blog-paper)}.lt-blog-related img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.lt-blog-related strong{display:block;padding:.75rem;font-family:var(--font-display,Georgia,serif);font-size:.82rem;line-height:1.3}

@media(max-width:900px){.lt-blog-feature{grid-template-columns:1fr}.lt-blog-feature-media{min-height:280px}.lt-blog-layout{grid-template-columns:1fr}.lt-blog-sidebar{position:static}.lt-blog-article-layout{grid-template-columns:1fr}.lt-blog-article-layout .lt-blog-sidebar{display:none}}
@media(max-width:640px){.lt-blog-v2{padding-top:1rem}.lt-blog-hero{padding:1.2rem;border-radius:18px}.lt-blog-hero-mark{display:none}.lt-blog-feature{border-radius:18px}.lt-blog-feature-media{min-height:210px}.lt-blog-grid{grid-template-columns:1fr}.lt-blog-card{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto}.lt-blog-card-media{min-height:140px}.lt-blog-card-body{padding:.85rem}.lt-blog-card h3{font-size:1rem}.lt-blog-article-header{text-align:left}.lt-blog-article-header .lt-blog-meta{justify-content:flex-start}.lt-blog-article-cover{border-radius:16px;aspect-ratio:16/10}.lt-blog-article .blog-content{padding:1rem;border-radius:16px;font-size:.98rem}.lt-blog-related{grid-template-columns:1fr}.lt-blog-related a{display:grid;grid-template-columns:110px minmax(0,1fr)}.lt-blog-related img{height:100%;aspect-ratio:auto}.lt-blog-related strong{align-self:center}}
[data-theme="dark"] .lt-blog-v2{--blog-paper:var(--bg-card);--blog-soft:#2a211b;--blog-ink:var(--text-primary);--blog-muted:var(--text-secondary)}[data-theme="dark"] .lt-blog-hero{background:linear-gradient(135deg,#211a16,#2d211a)}