/* Mono Stillframe — Vietnamese content/SEO review layer. Presentation only. */
.vi-discovery-nav{max-width:1440px;margin:0 auto;padding:34px 48px 0;display:flex;gap:10px;flex-wrap:wrap}
.vi-discovery-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid rgba(15,38,61,.12);border-radius:999px;background:rgba(255,255,255,.58);color:var(--ink,#10243b);font-size:.86rem;text-decoration:none;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.vi-discovery-nav a:hover{transform:translateY(-2px);background:#fff;border-color:rgba(15,38,61,.25)}
.vi-content-hub{max-width:1440px;margin:0 auto;padding:112px 48px}
.vi-content-hub .hub-intro{max-width:840px;margin-bottom:46px}
.vi-content-hub .hub-intro h2{max-width:800px}
.vi-content-hub .hub-intro p:last-child{max-width:720px;font-size:1.08rem;line-height:1.75;color:var(--muted,#5d6a76)}
.vi-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vi-hub-card{display:flex;min-height:280px;padding:30px;border:1px solid rgba(15,38,61,.11);border-radius:26px;background:rgba(255,255,255,.62);color:inherit;text-decoration:none;flex-direction:column;justify-content:space-between;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.vi-hub-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 24px 70px rgba(17,39,61,.09)}
.vi-hub-card .hub-icon{display:grid;width:44px;height:44px;border-radius:14px;background:#eaf0e5;color:#5d7252;place-items:center;font-size:1.15rem}
.vi-hub-card h3{margin:32px 0 10px;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.15}
.vi-hub-card p{margin:0;color:var(--muted,#5d6a76);font-size:.98rem;line-height:1.65}
.vi-hub-card .hub-link{margin-top:24px;color:#2858c8;font-weight:650}
.vi-workflow-gallery{max-width:1440px;margin:0 auto;padding:40px 48px 128px}
.vi-workflow-gallery .gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:42px}
.vi-workflow-gallery .gallery-head p:last-child{max-width:620px;line-height:1.75;color:var(--muted,#5d6a76)}
.vi-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vi-gallery-card{margin:0;border-radius:28px;overflow:hidden;background:#18221e;box-shadow:0 28px 80px rgba(24,34,30,.12)}
.vi-gallery-card.wide{grid-column:1/-1}
.vi-gallery-card picture,.vi-gallery-card img{display:block;width:100%}
.vi-gallery-card img{aspect-ratio:16/9;object-fit:cover}
.vi-gallery-card figcaption{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;padding:22px 24px 24px;color:#f6f4ee}
.vi-gallery-card figcaption strong{font-size:1.05rem}
.vi-gallery-card figcaption span{max-width:420px;color:rgba(246,244,238,.68);font-size:.88rem;line-height:1.55;text-align:right}
.vi-reading-shell{max-width:1440px;margin:0 auto;padding:0 48px 120px}
.vi-reading-hero{display:grid;grid-template-columns:minmax(0,820px);gap:0;align-items:center;padding:96px 0 88px}
.vi-reading-hero h1{font-size:clamp(3rem,6vw,6.6rem);line-height:.96;letter-spacing:-.055em;margin:12px 0 24px}
.vi-reading-hero .lead{max-width:650px;font-size:1.16rem;line-height:1.75;color:var(--muted,#5d6a76)}
.vi-reading-hero>div{max-width:820px}
.vi-reading-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:72px;justify-content:center;align-items:start}
.vi-toc{position:sticky;top:104px;padding:24px;border-top:1px solid rgba(15,38,61,.16)}
.vi-toc strong{display:block;margin-bottom:14px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.vi-toc a{display:block;padding:7px 0;color:var(--muted,#5d6a76);font-size:.9rem;text-decoration:none}
.vi-article{font-size:1.08rem;line-height:1.84;color:#26394b}
.vi-article h2{margin:76px 0 20px;color:#10243b;font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.035em}
.vi-article h3{margin:42px 0 12px;color:#10243b;font-size:1.45rem}
.vi-article p{margin:0 0 24px}
.vi-article blockquote{margin:48px 0;padding:30px 34px;border-left:3px solid #dfad4a;border-radius:0 20px 20px 0;background:#f1f5f8;color:#173b63;font-size:1.35rem;line-height:1.55}
.vi-article .truth-card{margin:34px 0;padding:28px;border:1px solid rgba(15,38,61,.12);border-radius:22px;background:rgba(255,255,255,.68)}
.vi-article .truth-card strong{display:block;margin-bottom:8px;color:#10243b}
.vi-article .comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0}
.vi-article .comparison>div{padding:24px;border-radius:20px;background:#f0f3f5}
.vi-article .comparison>div:last-child{background:#10243b;color:#f7f4ed}
.vi-article .comparison h3{margin:0 0 12px;color:inherit}
.vi-inline-visual{margin:56px 0}
.vi-inline-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:26px}
.vi-inline-visual figcaption{padding:12px 4px;color:var(--muted,#5d6a76);font-size:.88rem}
.vi-related{margin-top:82px;padding-top:34px;border-top:1px solid rgba(15,38,61,.15)}
.vi-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.vi-related-grid a{padding:22px;border-radius:18px;background:#edf2f6;color:#173b63;text-decoration:none;font-weight:650}
.vi-category-bar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 40px}
.vi-category-bar button{min-height:42px;padding:0 16px;border:1px solid rgba(15,38,61,.12);border-radius:999px;background:transparent;color:#173b63;cursor:pointer}
.vi-category-bar button.active{background:#173b63;color:#fff}
@media(max-width:980px){.vi-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-reading-hero{grid-template-columns:1fr}.vi-reading-layout{grid-template-columns:1fr}.vi-toc{position:static;display:none}.vi-workflow-gallery .gallery-head{grid-template-columns:1fr}}
@media(max-width:680px){.vi-discovery-nav,.vi-content-hub,.vi-workflow-gallery,.vi-reading-shell{padding-left:20px;padding-right:20px}.vi-content-hub{padding-top:78px;padding-bottom:78px}.vi-hub-grid,.vi-gallery-grid,.vi-related-grid{grid-template-columns:1fr}.vi-gallery-card.wide{grid-column:auto}.vi-gallery-card figcaption{display:block}.vi-gallery-card figcaption span{display:block;margin-top:8px;text-align:left}.vi-reading-hero{padding-top:48px;gap:34px}.vi-reading-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){.vi-hub-card,.vi-discovery-nav a{transition:none}}