.blog-list{--txt:#101010;--mut:#4f5b56;--line:#dfe8e3;--acc:#063;background:#fff;color:var(--txt);font:16px/1.6 Be Vietnam Pro,-apple-system,Segoe UI,sans-serif}.blog-list a{color:inherit;text-decoration:none}.bl-top{max-width:1240px;margin:0 auto;padding:128px 4vw 0}.bl-crumb{margin:0;font:500 11px JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.bl-top h1{margin:18px 0 0;font-weight:400;font-size:clamp(32px,4.2vw,62px);line-height:1.06;letter-spacing:-.03em}.bl-dem{margin:14px 0 0;font:500 11.5px JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.bl-wrap{max-width:1240px;margin:48px auto 0;padding:0 4vw;display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 56px;align-items:start}.bl-rail{position:sticky;top:104px;display:grid;gap:26px;font:500 11.5px/1.5 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.bl-rail b{display:block;font-weight:500;color:#9aa6a1;margin-bottom:10px}.bl-tim{display:grid;gap:8px}.bl-tim input{border:1px solid var(--line);background:#fff;padding:10px 12px;font:400 13px Be Vietnam Pro,sans-serif;color:var(--txt);width:100%}.bl-tim input:focus{outline:none;border-color:var(--txt)}.bl-tim button{border:1px solid #2a2f31;background:transparent;padding:10px 12px;cursor:pointer;font:500 11px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}.bl-tim button:hover{background:#101010;color:#fff}.bl-tim .bl-xoa{color:var(--mut);font:500 11px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.bl-tim .bl-xoa:hover{color:var(--txt)}.bl-muc{display:grid;gap:9px}.bl-muc a{color:var(--mut)}.bl-muc a:hover{color:var(--txt)}.bl-muc a.on{color:var(--acc);font-weight:500}.bl-nhat{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #1f2224;padding-top:28px;align-items:stretch}.bl-nhat-img{aspect-ratio:4/3;background:#dfe5e1;overflow:hidden}.bl-nhat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.bl-nhat:hover img{transform:scale(1.03)}.bl-nhat-card{display:flex;flex-direction:column;justify-content:center}.bl-nhat-card h2{margin:14px 0;font-weight:400;font-size:clamp(22px,2.2vw,32px);line-height:1.15;letter-spacing:-.02em}.bl-nhat-card p{margin:0;color:var(--mut);font-size:15.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bl-meta{display:flex;gap:14px;font:500 11.5px JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.bl-meta b{color:var(--acc);font-weight:500}.bl-grid{margin-top:48px;border-top:1px solid var(--line);padding-top:36px;display:grid;grid-template-columns:repeat(2,1fr);gap:44px 32px}.bl-card{display:grid;gap:12px;align-content:start}.bl-card-img{aspect-ratio:16/9;background:#dfe5e1;overflow:hidden}.bl-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.bl-card:hover img{transform:scale(1.03)}.bl-card h3{margin:0;font-weight:400;font-size:19px;line-height:1.3}.bl-card:hover h3{color:var(--acc)}.bl-card p{margin:0;color:var(--mut);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bl-trang{margin-top:64px;border-top:1px solid #1f2224;padding-top:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bl-trang a,.bl-trang span{min-width:42px;text-align:center;border:1px solid var(--line);padding:11px 12px;font:500 11.5px JetBrains Mono,monospace;letter-spacing:.06em;color:var(--mut)}.bl-trang a:hover{border-color:#2a2f31;color:var(--txt)}.bl-trang .on{border-color:#101010;background:#101010;color:#fff}.bl-trang .cach{border:0;padding:11px 2px;min-width:0}.bl-rong{padding:72px 0;color:var(--mut);text-align:center;border-top:1px solid var(--line)}.bl-cuoi{height:96px}@media(max-width:992px){.bl-top{padding:96px 16px 0}.bl-wrap{grid-template-columns:1fr;gap:28px;padding:0 16px;margin-top:28px}.bl-rail{position:static;border-bottom:1px solid var(--line);padding-bottom:22px}.bl-muc{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:18px;padding-bottom:4px}.bl-nhat{gap:16px}.bl-grid,.bl-nhat{grid-template-columns:1fr}.bl-grid{gap:32px;margin-top:36px}.bl-cuoi{height:64px}}