.article-page{background:#f4f6f8;padding:42px 0 76px}.article-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,790px) minmax(260px,340px);justify-content:center}.article-card,.article-side-card{background:#fff;border:1px solid #e4e8ec;border-radius:12px;box-shadow:0 8px 28px rgba(20,43,64,.06)}.article-card{overflow:hidden}.article-header{padding:32px 34px 25px}.article-category{align-items:center;color:#ef6b22;display:inline-flex;font-size:.72rem;font-weight:850;gap:6px;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.article-category svg{height:15px;width:15px}.article-header h1{color:#152437;font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.035em;line-height:1.08;margin:12px 0 14px}.article-meta{align-items:center;color:#82909c;display:flex;flex-wrap:wrap;font-size:.73rem;gap:16px}.article-meta span{align-items:center;display:flex;gap:5px}.article-meta svg{height:14px;width:14px}.article-lead{color:#5d6f7e;font-size:1rem;line-height:1.7;margin:20px 0 0}.article-cover{aspect-ratio:16/9;background:#eef1f4;margin:0;overflow:hidden}.article-cover img{height:100%;object-fit:cover;width:100%}.article-content{color:#465968;font-size:.97rem;line-height:1.85;padding:30px 34px 42px}.article-content>p:first-child{margin-top:0}.article-content h2{font-size:1.5rem;line-height:1.3}.article-content h3{font-size:1.14rem;line-height:1.4}.article-content h2,.article-content h3,.article-content h4{color:#13263a;font-weight:820}.article-content a{color:#ed681d;font-weight:700}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-content th{background:#f5f7f9}.article-content td,.article-content th{padding:10px 13px}.article-content ul,.article-content ol{padding-left:22px}.article-content li{margin-bottom:8px}.article-cta{align-items:center;background:#fff7ed;border-top:1px solid #ffe2c2;display:flex;gap:20px;justify-content:space-between;padding:18px 24px}.article-cta>div:first-child{display:flex;flex-direction:column}.article-cta strong{color:#1c3144;font-size:.85rem}.article-cta span{color:#657785;font-size:.76rem}.article-cta>div:last-child{display:flex;gap:8px}.article-cta .btn{align-items:center;display:inline-flex;font-size:.76rem;gap:6px;white-space:nowrap}.article-cta svg{height:15px;width:15px}.article-sidebar{display:grid;gap:18px;position:sticky;top:18px}.article-side-card{padding:18px}.article-side-card h2{border-bottom:1px solid #edf0f2;color:#263b4d;font-size:.9rem;font-weight:850;margin:0 0 12px;padding-bottom:11px;text-transform:uppercase}.article-recent{align-items:center;border-bottom:1px solid #edf0f2;color:#223748;display:grid;gap:10px;grid-template-columns:82px 1fr;padding:10px 0;text-decoration:none}.article-recent:last-of-type{border-bottom:0}.article-recent img,.article-recent-placeholder{background:#eef2f4;border-radius:8px;height:58px;object-fit:cover;width:82px}.article-recent-placeholder{align-items:center;color:#9aa7b1;display:flex;justify-content:center}.article-recent-placeholder svg{height:22px;width:22px}.article-recent strong{font-size:.76rem;line-height:1.4}.article-recent:hover strong{color:#ed681d}.article-side-empty{color:#82909c;font-size:.8rem;margin:0}.article-quick-links{display:grid}.article-quick-links a{align-items:center;border-bottom:1px solid #edf0f2;color:#526574;display:flex;font-size:.8rem;gap:9px;padding:11px 2px;text-decoration:none}.article-quick-links a:last-child{border-bottom:0}.article-quick-links a:hover{color:#ed681d}.article-quick-links svg{color:#ed681d;height:17px;width:17px}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr 1fr;position:static}.article-card{max-width:none}}@media(max-width:650px){.article-page{padding:20px 0 48px}.article-layout{gap:15px}.article-header{padding:24px 20px 20px}.article-header h1{font-size:2rem}.article-content{font-size:.92rem;padding:25px 20px 32px}.article-cover{aspect-ratio:16/10}.article-sidebar{grid-template-columns:1fr}.article-cta{align-items:flex-start;flex-direction:column}.article-cta>div:last-child{width:100%}.article-cta .btn{flex:1;justify-content:center}}

/* Blog listing */
.nl-blog-page{background:#f5f7fa;padding:38px 0 76px}.nl-blog-layout{align-items:start;display:grid;gap:24px;grid-template-columns:286px minmax(0,1fr)}.nl-blog-sidebar{display:grid;gap:16px}.nl-blog-side-card,.nl-blog-trust-card,.nl-blog-contact-card,.nl-blog-header,.nl-blog-featured,.nl-blog-card,.nl-blog-empty{background:#fff;border:1px solid #e5e9ee;border-radius:12px;box-shadow:0 7px 24px rgba(19,42,65,.055);overflow:hidden}.nl-blog-side-heading{align-items:center;border-bottom:1px solid #edf0f3;display:flex;gap:9px;padding:15px 16px}.nl-blog-side-heading>svg{color:#f06b1c;height:18px;width:18px}.nl-blog-side-heading h2{color:#1e3348;font-size:.82rem;font-weight:850;letter-spacing:.025em;margin:0;text-transform:uppercase}.nl-blog-side-card nav{display:grid}.nl-blog-side-card nav a{align-items:center;border-bottom:1px solid #edf0f3;color:#4e6172;display:flex;font-size:.8rem;gap:8px;justify-content:space-between;min-height:43px;padding:9px 15px;text-decoration:none;transition:background .2s,color .2s}.nl-blog-side-card nav a:last-child{border-bottom:0}.nl-blog-side-card nav a:hover,.nl-blog-side-card nav a.active{background:#fff6ef;color:#dc5c0e;font-weight:780}.nl-blog-side-card nav a small{background:#eef2f5;border-radius:999px;color:#687a89;font-size:.66rem;font-weight:800;min-width:24px;padding:3px 7px;text-align:center}.nl-blog-side-card nav a.active small{background:#f06b1c;color:#fff}.nl-blog-side-card nav a>svg{height:15px;width:15px}.nl-blog-product-links a>svg{color:#a1adb7}.nl-blog-help-links a{justify-content:flex-start!important}.nl-blog-help-links a>svg{color:#f06b1c;height:17px!important;width:17px!important}.nl-blog-trust-card ul{display:grid;gap:11px;list-style:none;margin:0;padding:15px 16px 17px}.nl-blog-trust-card li{align-items:flex-start;color:#526575;display:flex;font-size:.76rem;gap:8px;line-height:1.45}.nl-blog-trust-card li svg{color:#18a069;flex:0 0 auto;height:15px;margin-top:1px;width:15px}.nl-blog-contact-card{background:linear-gradient(145deg,#0b315c,#0b5791);color:#fff;padding:21px 18px;text-align:center}.nl-blog-contact-card>svg{background:rgba(255,255,255,.12);border-radius:50%;height:44px;margin:0 auto 11px;padding:11px;width:44px}.nl-blog-contact-card h2{font-size:1rem;font-weight:850;margin:0 0 6px}.nl-blog-contact-card p{color:#d6e6f2;font-size:.75rem;line-height:1.5;margin:0 0 14px}.nl-blog-contact-card a{align-items:center;background:#f47521;border:1px solid #f47521;border-radius:8px;color:#fff;display:flex;font-size:.78rem;font-weight:800;gap:7px;justify-content:center;margin-top:8px;min-height:38px;text-decoration:none}.nl-blog-contact-card a svg{height:15px;width:15px}.nl-blog-contact-card a.zalo{background:#fff;border-color:#fff;color:#0866b4}.nl-blog-main{display:grid;gap:22px;min-width:0}.nl-blog-header{align-items:center;border-left:4px solid #f47521;display:flex;gap:24px;justify-content:space-between;padding:24px 26px}.nl-blog-eyebrow{align-items:center;color:#ef6816;display:flex;font-size:.7rem;font-weight:850;gap:6px;letter-spacing:.07em;text-transform:uppercase}.nl-blog-eyebrow svg{height:15px;width:15px}.nl-blog-header h1{color:#13283d;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:880;letter-spacing:-.035em;line-height:1.08;margin:7px 0 8px}.nl-blog-header p{color:#657685;font-size:.86rem;line-height:1.6;margin:0;max-width:690px}.nl-blog-header>a{align-items:center;border:1px solid #f47521;border-radius:8px;color:#dc5d0d;display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:800;gap:7px;min-height:40px;padding:8px 14px;text-decoration:none}.nl-blog-header>a:hover{background:#f47521;color:#fff}.nl-blog-header>a svg{height:16px;width:16px}.nl-blog-featured{display:grid;grid-template-columns:minmax(300px,44%) minmax(0,1fr);min-height:288px}.nl-blog-featured-image,.nl-blog-card-image{background:#edf1f4;display:block;overflow:hidden}.nl-blog-featured-image img,.nl-blog-card-image img{height:100%;object-fit:cover;transition:transform .35s;width:100%}.nl-blog-featured:hover img,.nl-blog-card:hover img{transform:scale(1.035)}.nl-blog-featured-image>span,.nl-blog-card-image>span{align-items:center;color:#99a7b2;display:flex;height:100%;justify-content:center}.nl-blog-featured-image>span svg{height:48px;width:48px}.nl-blog-featured-body{align-content:center;display:grid;padding:27px 30px}.nl-blog-meta{align-items:center;color:#8996a1;display:flex;flex-wrap:wrap;font-size:.7rem;gap:8px 14px}.nl-blog-meta span{background:#fff1e7;border-radius:999px;color:#d95e10;font-size:.64rem;font-weight:850;padding:4px 8px;text-transform:uppercase}.nl-blog-meta time{align-items:center;display:flex;gap:5px}.nl-blog-meta time svg{height:13px;width:13px}.nl-blog-featured h2{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:850;letter-spacing:-.02em;line-height:1.25;margin:11px 0 9px}.nl-blog-featured h2 a,.nl-blog-card h2 a{color:#182d41;text-decoration:none}.nl-blog-featured h2 a:hover,.nl-blog-card h2 a:hover{color:#df6113}.nl-blog-featured-body>p{color:#657685;display:-webkit-box;font-size:.85rem;line-height:1.65;margin:0 0 17px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.nl-blog-primary-link{align-items:center;background:#f47521;border-radius:8px;color:#fff;display:inline-flex;font-size:.77rem;font-weight:800;gap:8px;justify-self:start;padding:10px 14px;text-decoration:none}.nl-blog-primary-link:hover{background:#db5d11;color:#fff}.nl-blog-primary-link svg,.nl-blog-card-link svg{height:15px;width:15px}.nl-blog-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.nl-blog-card{display:flex;flex-direction:column;min-height:100%}.nl-blog-card-image{aspect-ratio:16/9}.nl-blog-card-image>span svg{height:38px;width:38px}.nl-blog-card-body{display:flex;flex:1;flex-direction:column;padding:18px}.nl-blog-card h2{font-size:1rem;font-weight:820;line-height:1.38;margin:10px 0 7px}.nl-blog-card-body>p{color:#697986;display:-webkit-box;font-size:.77rem;line-height:1.58;margin:0 0 15px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.nl-blog-card-link{align-items:center;color:#24394c;display:inline-flex;font-size:.73rem;font-weight:850;gap:6px;margin-top:auto;text-decoration:none}.nl-blog-card-link:hover{color:#df6113}.nl-blog-empty{padding:70px 24px;text-align:center}.nl-blog-empty>svg{color:#a2afba;height:48px;width:48px}.nl-blog-empty h2{color:#23394c;font-size:1.2rem;margin:12px 0 6px}.nl-blog-empty p{color:#778693;margin:0 0 18px}.nl-blog-empty a{color:#dc5d0d;font-weight:800}.nl-blog-pagination{justify-content:center;margin-top:6px}
@media(min-width:1101px){.nl-blog-sidebar{position:sticky;top:18px}}
@media(max-width:1100px){.nl-blog-layout{grid-template-columns:240px minmax(0,1fr)}.nl-blog-featured{grid-template-columns:1fr}.nl-blog-featured-image{aspect-ratio:16/8}.nl-blog-featured-body{padding:24px}.nl-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.nl-blog-page{padding-top:24px}.nl-blog-layout{grid-template-columns:1fr}.nl-blog-main{grid-row:1}.nl-blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:2}.nl-blog-contact-card{align-content:center}.nl-blog-header{align-items:flex-start;flex-direction:column}.nl-blog-header>a{align-self:flex-start}}
@media(max-width:560px){.nl-blog-page{padding:16px 0 50px}.nl-blog-layout,.nl-blog-main{gap:14px}.nl-blog-sidebar{grid-template-columns:1fr}.nl-blog-header{padding:20px}.nl-blog-header h1{font-size:1.7rem}.nl-blog-header>a{justify-content:center;width:100%}.nl-blog-featured{min-height:0}.nl-blog-featured-image{aspect-ratio:16/10}.nl-blog-featured-body{padding:20px}.nl-blog-card-body{padding:16px}.nl-blog-grid{gap:14px;grid-template-columns:1fr}}

/* Shared article sidebar */
.article-detail-main{min-width:0}.article-detail-main .article-card{max-width:none;width:100%}.nl-blog-recent-list{display:grid;padding:5px 14px}.nl-blog-recent{align-items:center;border-bottom:1px solid #edf0f3;color:#24384a;display:grid;gap:10px;grid-template-columns:72px minmax(0,1fr);padding:10px 0;text-decoration:none}.nl-blog-recent:last-child{border-bottom:0}.nl-blog-recent>img,.nl-blog-recent-placeholder{background:#edf1f4;border-radius:7px;height:52px;object-fit:cover;width:72px}.nl-blog-recent-placeholder{align-items:center;color:#9aa7b1;display:flex;justify-content:center}.nl-blog-recent-placeholder svg{height:20px;width:20px}.nl-blog-recent>span:last-child{display:grid;gap:4px;min-width:0}.nl-blog-recent strong{display:-webkit-box;font-size:.73rem;font-weight:780;line-height:1.38;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nl-blog-recent small{color:#8996a1;font-size:.63rem}.nl-blog-recent:hover strong{color:#df6113}.nl-blog-side-empty{color:#82909c;font-size:.76rem;margin:0;padding:12px 2px}

/* Nam Long Mobile blog palette. */
.nl-blog-page { background: #F7F7F8; }
.nl-blog-side-card,
.nl-blog-trust-card,
.nl-blog-header,
.nl-blog-featured,
.nl-blog-card,
.nl-blog-empty,
.article-card { border-color: #EAEAEA; box-shadow: 0 10px 30px rgba(37,37,37,.06); }
.nl-blog-side-heading > svg,
.nl-blog-eyebrow,
.article-category,
.article-content a,
.nl-blog-card-link:hover,
.nl-blog-recent:hover strong { color: #F68E15; }
.nl-blog-side-card nav a:hover,
.nl-blog-side-card nav a.active { background: #FFF4E8; color: #E97800; }
.nl-blog-side-card nav a.active small,
.nl-blog-primary-link,
.nl-blog-contact-card a { border-color: #F68E15; background: #F68E15; }
.nl-blog-primary-link:hover,
.nl-blog-header > a:hover { background: #E97800; }
.nl-blog-header { border-left-color: #F68E15; }
.nl-blog-header > a { border-color: #F68E15; color: #E97800; }
.nl-blog-contact-card { background: linear-gradient(145deg, #252525, #4a4a4a); }
.nl-blog-contact-card p { color: #d5d5d5; }
.nl-blog-contact-card a.zalo { color: #E97800; }
.nl-blog-featured h2 a,
.nl-blog-card h2 a,
.article-header h1,
.article-content h2,
.article-content h3,
.article-content h4 { color: #333333; }
.nl-blog-featured h2 a:hover,
.nl-blog-card h2 a:hover { color: #E97800; }
.nl-blog-meta span { background: #FFF4E8; color: #E97800; }
.article-cta { border-color: #f8d5aa; background: #FFF4E8; }

/* Nam Long editorial layout v2: article stream first, discovery rail at right. */
.nl-blog-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.nl-blog-main{grid-column:1}.nl-blog-sidebar{grid-column:2}
.nl-blog-header{isolation:isolate;position:relative;overflow:hidden;padding:30px 32px;border:0;border-top:4px solid #F68E15;background:linear-gradient(125deg,#252525 0%,#343434 72%,#4a321b 100%);box-shadow:0 15px 38px rgba(37,37,37,.12)}
.nl-blog-header::after{position:absolute;z-index:-1;right:-55px;bottom:-90px;width:230px;height:230px;border:38px solid rgba(246,142,21,.1);border-radius:50%;content:""}
.nl-blog-header h1{color:#fff}.nl-blog-header p{max-width:760px;color:#d0d0d0;font-size:.9rem}
.nl-blog-eyebrow{color:#ffb45e}
.nl-blog-header>a{border-color:#F68E15;background:#F68E15;color:#fff!important;box-shadow:0 9px 22px rgba(0,0,0,.2)}
.nl-blog-header>a:hover{border-color:#E97800;background:#E97800;color:#fff!important}
.nl-blog-focus{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.nl-blog-focus span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#ededed;font-size:.7rem;font-weight:750}
.nl-blog-focus svg{width:14px;height:14px;color:#ffad4c}
.nl-blog-featured{border-top:4px solid #F68E15;border-radius:16px;box-shadow:0 14px 36px rgba(37,37,37,.08)}
.nl-blog-card{border-radius:16px;transition:transform .22s ease,box-shadow .22s ease}
.nl-blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(37,37,37,.1)}
.nl-blog-side-card,.nl-blog-trust-card,.nl-blog-contact-card{border-radius:16px}
@media(max-width:1100px){.nl-blog-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}}
@media(max-width:820px){.nl-blog-layout{grid-template-columns:1fr}.nl-blog-main,.nl-blog-sidebar{grid-column:1}.nl-blog-main{grid-row:1}.nl-blog-sidebar{grid-row:2}}
@media(max-width:560px){.nl-blog-header{padding:23px 20px}.nl-blog-focus{gap:6px}.nl-blog-focus span{font-size:.66rem}}

/* Article closing CTA follows the Nam Long editorial system. */
.article-cta{isolation:isolate;position:relative;overflow:hidden;align-items:center;display:flex;gap:24px;justify-content:space-between;padding:24px 28px;border:0;border-top:4px solid #F68E15;background:linear-gradient(125deg,#252525 0%,#343434 72%,#49321c 100%);color:#fff}
.article-cta::after{position:absolute;z-index:-1;right:-42px;bottom:-76px;width:180px;height:180px;border:28px solid rgba(246,142,21,.1);border-radius:50%;content:""}
.article-cta-message{align-items:center;display:flex;gap:15px;min-width:0}
.article-cta-message>span{align-items:center;background:#F68E15;border-radius:15px;color:#fff;display:flex;flex:0 0 50px;height:50px;justify-content:center;width:50px}
.article-cta-message>span svg{height:23px;width:23px}
.article-cta-message>div{display:grid;gap:3px}
.article-cta-message small{color:#ffb45e;font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.article-cta-message strong{color:#fff;font-size:1rem;line-height:1.35}
.article-cta-message p{color:#cfcfcf;font-size:.76rem;line-height:1.5;margin:0;max-width:570px}
.article-cta-actions{display:flex;flex:0 0 auto;gap:9px}
.article-cta .article-cta-actions .btn{align-items:center;border-radius:11px;display:inline-flex;font-size:.76rem;font-weight:800;gap:7px;justify-content:center;min-height:46px;padding:9px 14px;white-space:nowrap}
.article-cta .article-cta-actions .btn-orange{border-color:#F68E15;background:#F68E15;color:#fff}
.article-cta .article-cta-actions .btn-orange:hover{border-color:#E97800;background:#E97800}
.article-cta .article-cta-actions .btn-outline-danger{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.08);color:#fff}
.article-cta .article-cta-actions .btn-outline-danger:hover{border-color:#fff;background:#fff;color:#252525}
.article-cta .article-cta-actions svg{height:16px;width:16px}
@media(max-width:920px){.article-cta{align-items:stretch;flex-direction:column}.article-cta-actions{width:100%}.article-cta .article-cta-actions .btn{flex:1}}
@media(max-width:560px){.article-cta{gap:18px;padding:21px 20px}.article-cta-message{align-items:flex-start}.article-cta-message>span{border-radius:13px;flex-basis:44px;height:44px;width:44px}.article-cta-actions{display:grid;grid-template-columns:1fr 1fr}.article-cta .article-cta-actions .btn{min-width:0;padding-inline:9px;white-space:normal}}
