/* Shared home/list/detail blog design; original Vendnovo typography is inherited. */
.vn-blog-section{padding:72px 0;background:#fff;color:#011536}.vn-blog-section .container,.vn-blog-hero .container,.vn-blog-article .container{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.vn-blog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.vn-blog-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 12px;color:#011536}.vn-blog-heading h2 span,.vn-blog-hero h1 span{color:#f0460e}.vn-blog-heading .sub{max-width:640px;color:#64748b;line-height:1.7;margin:0;font-size:15px}.vn-blog-eyebrow{display:block;color:#f0460e;font-size:11px;letter-spacing:.18em;font-weight:800}.vn-blog-all{border:1px solid #dbe1e9!important;color:#011536!important;white-space:nowrap;display:inline-flex;gap:20px;align-items:center;border-radius:24px!important;padding:12px 20px!important;text-decoration:none;background:#fff}.vn-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.vn-blog-card{border:1px solid #e5e9ef;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 22px #01153606;transition:transform .2s,box-shadow .2s}.vn-blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #01153610}.vn-blog-image{display:block;aspect-ratio:1.54;overflow:hidden;position:relative;background:#edf0f5}.vn-blog-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.vn-blog-card:hover .vn-blog-image img{transform:scale(1.035)}.vn-blog-tag{position:absolute;left:14px;bottom:14px;background:#fff;color:#011536;font-size:9px;font-weight:800;letter-spacing:.09em;padding:7px 10px;border-radius:8px}.vn-blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.vn-blog-meta{display:flex;gap:12px;flex-wrap:wrap;color:#728097;font-size:11px;align-items:center}.vn-blog-meta span{border-left:1px solid #dbe1e9;padding-left:12px}.vn-blog-card h3{font-size:19px;line-height:1.35;margin:13px 0 10px;letter-spacing:-.02em}.vn-blog-card h3 a{color:#011536;text-decoration:none}.vn-blog-card h3 a:hover{color:#f0460e}.vn-blog-card p{font-size:13px;line-height:1.75;color:#64748b;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vn-blog-read{display:inline-flex;gap:10px;align-items:center;color:#f0460e;text-decoration:none;font-size:13px;font-weight:750;line-height:1.4}.vn-blog-card .vn-blog-read{margin-top:auto}.vn-blog-read:hover{text-decoration:underline}.vn-blog-empty{grid-column:1/-1;background:#f7f8fa;border:1px dashed #dbe1e9;border-radius:18px;padding:32px;color:#64748b;text-align:center;line-height:1.6}.vn-blog-hero{background:#011536;color:#fff;padding:78px 0;position:relative;overflow:hidden}.vn-blog-hero:after{content:"";position:absolute;width:300px;height:300px;border:55px solid #f0460e12;border-radius:50%;right:5%;top:-140px;pointer-events:none}.vn-blog-hero h1{font-size:clamp(36px,5.5vw,62px);letter-spacing:-.05em;line-height:1.1;margin:20px 0}.vn-blog-hero p{max-width:620px;line-height:1.8;color:#c0cbdc;font-size:16px;position:relative}.vn-blog-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:38px;font-size:13px;color:#738097}.vn-blog-pagination a{padding:11px 18px;border:1px solid #dbe1e9;border-radius:24px;color:#011536;text-decoration:none}.vn-blog-article{padding:45px 0 60px;background:#fff;color:#011536}.vn-blog-back{margin-bottom:32px}.vn-blog-article-header{max-width:850px;margin:0 auto 35px;text-align:center}.vn-blog-article-header h1{font-size:clamp(30px,4.5vw,52px);line-height:1.17;letter-spacing:-.04em;margin:18px 0;overflow-wrap:anywhere}.vn-blog-subtitle{font-size:18px;line-height:1.65;color:#64748b;margin:0 0 22px}.vn-blog-article-header .vn-blog-meta{justify-content:center}.vn-blog-cover{width:100%;max-height:620px;aspect-ratio:1.75;object-fit:cover;border-radius:24px;display:block}.vn-blog-content{max-width:760px;margin:40px auto;font-size:17px;line-height:1.9;color:#364459;overflow-wrap:anywhere}.vn-blog-content p{white-space:pre-line;margin:0 0 24px}.vn-blog-article-end{max-width:760px;margin:40px auto 0;padding-top:28px;border-top:1px solid #e5e9ef;display:flex;justify-content:space-between;align-items:center;gap:20px}.vn-blog-related{background:#f7f8fa}.vn-blog-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vn-blog-card a:focus-visible,.vn-blog-read:focus-visible,.vn-blog-all:focus-visible,.vn-blog-pagination a:focus-visible{outline:3px solid #f0460e;outline-offset:3px}@media(max-width:1050px){.vn-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.vn-blog-section{padding:44px 0}.vn-blog-heading{align-items:start;flex-direction:column;gap:16px}.vn-blog-grid{grid-template-columns:1fr}.vn-blog-hero{padding:48px 0}.vn-blog-article-end{align-items:start;flex-direction:column}.vn-blog-card-body{padding:20px}.vn-blog-article .container,.vn-blog-section .container,.vn-blog-hero .container{padding-left:18px;padding-right:18px}.vn-blog-cover{border-radius:16px}.vn-blog-content{font-size:16px}.vn-blog-subtitle{font-size:16px}}@media(prefers-reduced-motion:reduce){.vn-blog-card,.vn-blog-image img{transition:none}.vn-blog-card:hover,.vn-blog-card:hover .vn-blog-image img{transform:none}}