/* Resource Hub article and service pages restyled to the Vantage main-site format.
   Visual only: applies when <body class="vb-v2">. No text, heading, link or schema changes.
   Managed by _working/hub-merge/restyle.py. */

/* ---------- theme tokens (the Hub's Tailwind reads these) ---------- */
body.vb-v2{
  --font-family-body:'Neptune-Regular',sans-serif;
  --font-family-heading:'Neptune-Bold',sans-serif;
  --default-font-family:'Neptune-Regular',sans-serif;
  --radius-xs:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--radius-3xl:0;--radius-4xl:0;
  --shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-s2:none;--shadow-s3:none;--shadow-s4:none;
  --color-brand-gray-900:#000;--color-brand-black:#000;--color-brand-text:#333;--color-brand-gray-800:#333;--color-brand-gray-600:#333;
  --vb-red:#FF0000;--vb-body:#333;--vb-sub:#1A1A1A;
  font-family:'Neptune-Regular',sans-serif;color:#333;background:#fff;-webkit-font-smoothing:antialiased;
}
body.vb-v2 .section-background,body.vb-v2 .section-plain-background,body.vb-v2 .blog-section-override{background:#fff!important;}
body.vb-v2 [data-section-id]{border-color:#ececec;}
body.vb-v2 :is(h1,h2,h3,h4){font-family:'Neptune-Bold',sans-serif;font-weight:700;letter-spacing:-.02em;}

/* ---------- article hero ---------- */
body.vb-v2 [data-section-id="blog-hero"] .section-item-container{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding-top:40px;}
body.vb-v2 [data-section-id="blog-hero"] header{order:1;}
body.vb-v2 [data-section-id="blog-hero"] .text-center.mb-3{order:2;margin:0 0 6px;}
body.vb-v2 [data-section-id="blog-hero"] h1{font-family:'Neptune-Bold',sans-serif;font-size:clamp(2rem,5vw,64px)!important;line-height:1.06;letter-spacing:-.028em;color:var(--vb-red)!important;text-wrap:balance;margin:0 auto 28px;}
body.vb-v2 [data-section-id="blog-hero"] h1 *{font-family:inherit!important;}
body.vb-v2 [data-section-id="blog-hero"] .text-center.mb-3 span{background:none!important;padding:0!important;font-family:'Neptune-Regular',sans-serif!important;font-size:.9rem!important;color:var(--vb-sub)!important;letter-spacing:0!important;}

/* ---------- article layout: 230px rail + 720px column ---------- */
@media(min-width:1024px){
  body.vb-v2 .blog-layout-container{display:grid!important;grid-template-columns:230px minmax(0,720px);gap:64px;justify-content:center;max-width:1140px;margin:0 auto;}
  body.vb-v2 .blog-layout-container nav[role="navigation"]{width:230px!important;top:118px!important;}
}
body.vb-v2 nav[role="navigation"] > div > div{border:0!important;background:#F6F8FB!important;padding:22px!important;}
body.vb-v2 nav[role="navigation"] h3{font-size:1.05rem!important;line-height:1.2!important;color:#000!important;}
body.vb-v2 nav[role="navigation"] button{border-radius:0!important;font-family:'Neptune-Bold',sans-serif!important;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem!important;height:auto!important;padding:12px 16px!important;transform:none!important;}
body.vb-v2 nav[role="navigation"] a{font-family:'Neptune-Regular',sans-serif!important;font-size:.92rem!important;line-height:1.35;color:#333!important;border-left:2px solid #e7e7e7;padding:7px 0 7px 14px!important;background:none!important;border-radius:0!important;}
body.vb-v2 nav[role="navigation"] a:hover{color:var(--vb-red)!important;border-color:var(--vb-red);}

/* ---------- article prose ---------- */
body.vb-v2 .blog-content{font-family:'Neptune-Light',sans-serif!important;color:var(--vb-body);max-width:720px;}
body.vb-v2 .blog-content :is(p,li,td,th,span,div){font-family:'Neptune-Light',sans-serif!important;color:var(--vb-body)!important;font-size:1.12rem!important;line-height:1.72!important;text-align:left!important;letter-spacing:normal;}
body.vb-v2 .blog-content p{margin:0 0 20px!important;}
body.vb-v2 .blog-content :is(li){margin:0 0 8px!important;}
body.vb-v2 .blog-content :is(li p){margin:0!important;}
body.vb-v2 .blog-content :is(ul,ol){padding-left:1.3em;margin:0 0 22px;}
body.vb-v2 .blog-content li::marker{color:var(--vb-red);}
body.vb-v2 .blog-content :is(strong,b),body.vb-v2 .blog-content :is(strong,b) *{font-family:'Neptune-Regular',sans-serif!important;color:#000!important;font-weight:400!important;}
body.vb-v2 .blog-content h2,body.vb-v2 .blog-content h2 *{font-family:'Neptune-Bold',sans-serif!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;line-height:1.12!important;letter-spacing:-.022em;color:#000!important;font-weight:700!important;}
body.vb-v2 .blog-content h2{margin:50px 0 16px!important;scroll-margin-top:108px;}
body.vb-v2 .blog-content h3,body.vb-v2 .blog-content h3 *,body.vb-v2 .blog-content h4,body.vb-v2 .blog-content h4 *{font-family:'Neptune-Bold',sans-serif!important;font-size:1.2rem!important;line-height:1.25!important;color:#000!important;font-weight:700!important;}
body.vb-v2 .blog-content :is(h3,h4){margin:32px 0 10px!important;}
body.vb-v2 .blog-content a,body.vb-v2 .blog-content a *{color:var(--vb-red)!important;}
body.vb-v2 .blog-content a{text-decoration:none!important;border-bottom:1px solid rgba(255,0,0,.3);transition:border-color .3s ease;}
body.vb-v2 .blog-content a:hover{border-color:var(--vb-red);}
body.vb-v2 .blog-content table{width:100%!important;border-collapse:collapse;margin:30px 0;border:0;}
body.vb-v2 .blog-content :is(th,td){font-size:.95rem!important;line-height:1.5!important;padding:12px 14px 12px 0!important;border:0!important;border-bottom:1px solid #e7e7e7!important;vertical-align:top;background:none!important;}
body.vb-v2 .blog-content th,body.vb-v2 .blog-content th *,body.vb-v2 .blog-content thead td,body.vb-v2 .blog-content thead td *{font-family:'Neptune-Bold',sans-serif!important;color:#000!important;}
body.vb-v2 .blog-content table:has(tr:only-child td:only-child){background:#F6F8FB;}
body.vb-v2 .blog-content table:has(tr:only-child td:only-child) td{padding:24px 28px!important;border:0!important;}
body.vb-v2 .blog-content blockquote{margin:38px 0;padding:26px 30px;background:#E6EBF3;border:0;}
body.vb-v2 .blog-content blockquote *{font-family:'Neptune-Bold',sans-serif!important;color:#5A6570!important;font-size:1.3rem!important;line-height:1.34!important;font-style:normal;}
body.vb-v2 .blog-content hr{border:0;border-top:1px solid #e7e7e7;margin:40px 0;}

/* ---------- related reading ---------- */
body.vb-v2 [data-section-id="related-blogs"] h2{font-family:'Neptune-Bold',sans-serif!important;font-size:clamp(1.6rem,2.6vw,2.2rem)!important;padding-left:0!important;text-align:center!important;color:var(--vb-red)!important;}
body.vb-v2 [data-section-id="related-blogs"] a > div{border:0!important;border-top:1px solid #e7e7e7!important;padding:22px 0 0!important;background:none!important;}
body.vb-v2 [data-section-id="related-blogs"] a{transform:none!important;}
body.vb-v2 [data-section-id="related-blogs"] .rounded-full{background:none!important;padding:0!important;font-size:.75rem!important;color:#8a8a8a!important;order:3;margin:12px 0 0!important;}
body.vb-v2 [data-section-id="related-blogs"] a > div{display:flex;flex-direction:column;}
body.vb-v2 [data-section-id="related-blogs"] p.uppercase{font-family:'Neptune-Bold',sans-serif!important;letter-spacing:.12em!important;font-size:.72rem!important;color:var(--vb-red)!important;order:1;}
body.vb-v2 [data-section-id="related-blogs"] p.text-2xl{font-family:'Neptune-Bold',sans-serif!important;font-size:1.4rem!important;line-height:1.06!important;color:#000!important;order:2;margin:12px 0!important;}
body.vb-v2 [data-section-id="related-blogs"] a:hover p.text-2xl{color:var(--vb-red)!important;}
body.vb-v2 [data-section-id="related-blogs"] p.text-base{font-family:'Neptune-Light',sans-serif!important;color:#333!important;order:2;}

/* ---------- service pages ---------- */
body.vb-v2 [data-section-id="service-hero"] h1,body.vb-v2 [data-section-id="service-hero"] h1 *{color:var(--vb-red)!important;font-family:'Neptune-Bold',sans-serif!important;letter-spacing:-.028em!important;line-height:1.04!important;}
body.vb-v2 [data-section-id="service-hero"] p,body.vb-v2 [data-section-id="service-spec"] p{font-family:'Neptune-Light',sans-serif!important;font-size:1.15rem!important;line-height:1.6!important;color:#333!important;}
body.vb-v2 [data-section-id^="service-"] h2,body.vb-v2 [data-section-id^="service-"] h2 *{font-family:'Neptune-Bold',sans-serif!important;color:var(--vb-red)!important;letter-spacing:-.022em!important;}
body.vb-v2 [data-section-id^="service-"] h3,body.vb-v2 [data-section-id^="service-"] h3 *{font-family:'Neptune-Bold',sans-serif!important;color:#000!important;}
body.vb-v2 [data-section-id^="service-"] :is(p,li,span){font-family:'Neptune-Light',sans-serif;}
body.vb-v2 [data-section-id^="service-"] .border,body.vb-v2 [data-section-id^="service-"] [class*="border-brand"]{border-color:#e7e7e7!important;}
body.vb-v2 [data-section-id="service-list"] .grid > *{background:#F6F8FB!important;border:0!important;}
body.vb-v2 [data-section-id="service-list"] .grid > * svg{color:var(--vb-red);}
body.vb-v2 [data-section-id="service-faq"] :is(button,summary) *{font-family:'Neptune-Bold',sans-serif!important;color:#000!important;}
body.vb-v2 [data-section-id="service-faq"] [data-state] p{font-family:'Neptune-Light',sans-serif!important;}
body.vb-v2 [data-section-id^="service-"] .rounded-4xl.shadow-sm,body.vb-v2 [data-section-id^="service-"] .w-fit.rounded-4xl{border-radius:0!important;}
body.vb-v2 .rounded-full:has(> svg),body.vb-v2 img.rounded-full{border-radius:9999px!important;}

/* ---------- buttons: square, uppercase, Vantage red ---------- */
body.vb-v2 main button.bg-brand-primary,body.vb-v2 [data-section-id] button.bg-brand-primary{border-radius:0!important;font-family:'Neptune-Bold',sans-serif!important;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem!important;}
body.vb-v2 [data-section-id] button.bg-brand-white{border-radius:0!important;font-family:'Neptune-Bold',sans-serif!important;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem!important;border-color:var(--vb-red)!important;color:var(--vb-red)!important;}

/* ---------- contact block ---------- */
body.vb-v2 [data-section-id="contact"] .section-item-container{border-radius:0!important;}
body.vb-v2 [data-section-id="contact"] h2,body.vb-v2 [data-section-id="contact"] h2 *{font-family:'Neptune-Bold',sans-serif!important;letter-spacing:-.022em;line-height:1.04!important;}
body.vb-v2 [data-section-id="contact"] p{font-family:'Neptune-Light',sans-serif!important;}
body.vb-v2 [data-section-id="contact"] form{border-radius:0!important;background:#fff!important;}
body.vb-v2 [data-section-id="contact"] form h3{font-family:'Neptune-Bold',sans-serif!important;}
body.vb-v2 [data-section-id="contact"] :is(input,select,textarea),body.vb-v2 [data-section-id="contact"] .flex.bg-brand-white{border-radius:0!important;font-family:'Neptune-Regular',sans-serif!important;}
body.vb-v2 [data-section-id="contact"] button[type="submit"]{border-radius:0!important;font-family:'Neptune-Bold',sans-serif!important;text-transform:uppercase;letter-spacing:.12em;background:var(--vb-red)!important;color:#fff!important;}

/* vb-type:start */
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Italic-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Roman-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Roman-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Roman-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Hub articles only (blog-content). Mirrors the core type system. */
body.vb-v2 [data-section-id="blog-content"]{--vb-body-fs:1.22rem;--vb-body-lh:1.6;--vb-lead-fs:clamp(1.24rem,1.8vw,1.5rem);--vb-label-fs:1.0625rem;--vb-small-fs:.9375rem}
body.vb-v2 .blog-content :is(p,li,span,div,a,u,em,i,mark,small):not(:is(h1,h2,h3,h4,h5,h6,th,td,blockquote,strong,b) *):not(:is(h1,h2,h3,h4,h5,h6)){font-family:'Newsreader',Georgia,serif!important;font-optical-sizing:auto;font-size:var(--vb-body-fs)!important;line-height:var(--vb-body-lh)!important}
body.vb-v2 .blog-content :is(strong,b):not(:is(h1,h2,h3,h4,h5,h6,th,td,thead) *),body.vb-v2 .blog-content :is(strong,b):not(:is(h1,h2,h3,h4,h5,h6,th,td,thead) *) *{font-family:'Newsreader',Georgia,serif!important;font-weight:600!important;color:#1A1A1A!important;font-size:inherit!important}
body.vb-v2 .blog-content :is(h2,h3,h4) :is(strong,b,span,em,a){font-family:'Neptune-Bold',sans-serif!important;font-weight:inherit!important;font-size:inherit!important;color:inherit!important}
body.vb-v2 .blog-content td :is(strong,b){font-family:'Neptune-Bold',sans-serif!important;font-weight:400!important;color:#000!important}
body.vb-v2 .blog-content h3,body.vb-v2 .blog-content h3 *,body.vb-v2 .blog-content h4,body.vb-v2 .blog-content h4 *{font-size:var(--vb-label-fs)!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important}
body.vb-v2 .blog-content :is(h3,h4){margin:56px 0 6px!important}
body.vb-v2 .blog-content table{margin:20px 0 40px!important}
body.vb-v2 .blog-content :is(th,td),body.vb-v2 .blog-content :is(th,td) :is(p,span,div,li){font-family:'Neptune-Regular',sans-serif!important;font-size:var(--vb-small-fs)!important;line-height:1.45!important}
body.vb-v2 .blog-content th,body.vb-v2 .blog-content th *,body.vb-v2 .blog-content thead td,body.vb-v2 .blog-content thead td *{font-family:'Neptune-Bold',sans-serif!important;font-size:var(--vb-label-fs)!important;line-height:1.3!important;color:#000!important}
body.vb-v2 .blog-content :is(th,thead td){padding:0 14px 10px 0!important;border-bottom:1.5px solid #000!important;vertical-align:bottom}
body.vb-v2 .blog-content table:has(tr:only-child td:only-child) td a :is(strong,b,u,span),body.vb-v2 .blog-content table:has(tr:only-child td:only-child) td a{font-family:'Newsreader',Georgia,serif!important;font-weight:600!important;font-size:var(--vb-body-fs)!important;line-height:var(--vb-body-lh)!important;color:var(--vb-red)!important}
body.vb-v2 .blog-content table:has(tr:only-child td:only-child) td :is(strong,b):not(a *){font-family:'Neptune-Bold',sans-serif!important;font-size:var(--vb-label-fs)!important;line-height:1.3!important}
body.vb-v2 .blog-content table:has(tr:only-child td:only-child) td,body.vb-v2 .blog-content table:has(tr:only-child td:only-child) td :is(p,li,span,div,a,u,em,i):not(:is(strong,b) *){font-family:'Newsreader',Georgia,serif!important;font-size:var(--vb-body-fs)!important;line-height:var(--vb-body-lh)!important}
body.vb-v2 .blog-content blockquote{background:none!important;padding:0!important;margin:52px 0!important;border:0!important}
body.vb-v2 .blog-content blockquote *{font-family:'Newsreader',Georgia,serif!important;font-size:var(--vb-lead-fs)!important;line-height:1.45!important;color:#000!important;font-weight:400!important}
body.vb-v2 [data-section-id="blog-hero"] .text-center.mb-3 span{font-size:var(--vb-small-fs,.9375rem)!important}
body.vb-v2 nav[role="navigation"] > div > div{background:none!important;padding:0!important}
body.vb-v2 nav[role="navigation"] h3{font-family:'Neptune-Bold',sans-serif!important;font-size:1.0625rem!important;line-height:1.3!important;font-weight:400!important}
body.vb-v2 nav[role="navigation"] a,body.vb-v2 nav[role="navigation"] p{font-size:.9375rem!important;line-height:1.45!important;text-transform:none!important;letter-spacing:0!important}
body.vb-v2 nav[role="navigation"] a{padding:6px 0 6px 14px!important}
body.vb-v2 [data-section-id="blog-content"]{border-top:0!important;background:linear-gradient(to bottom,#F3F4F6 0,#fff 560px) no-repeat,#fff!important}
body.vb-v2 [data-section-id="blog-content"] .section-item-container,body.vb-v2 [data-section-id="blog-content"] .blog-section-override{background:transparent!important}
/* no line between the hero and the article */
body.vb-v2 [data-section-id="blog-hero"],body.vb-v2 [data-section-id="blog-hero"] .section-container{border-bottom:0!important}
/* the article's first element starts level with "On this page" */
body.vb-v2 .blog-content > :first-child,body.vb-v2 .blog-content > :first-child > :first-child,body.vb-v2 .blog-content > :first-child > :first-child > :first-child{margin-top:0!important;padding-top:0!important}
/* Related reading cards: no lift, no shadow. Hover turns the headline red; the top rule stays grey. */
body.vb-v2 [data-section-id="related-blogs"] a{translate:none!important;transform:none!important}
body.vb-v2 [data-section-id="related-blogs"] a > div{box-shadow:none!important;border:0!important;border-top:1px solid #e4e4e4!important;border-radius:0!important;background:transparent!important;padding:22px 0 0!important;transition:border-color .25s ease!important}
body.vb-v2 [data-section-id="related-blogs"] a:hover p.text-2xl{color:var(--vb-red)!important}
/* the sidebar CTA card uses a Tailwind !important background inside a cascade layer; only a rule in an earlier layer can override it */
@layer properties{body.vb-v2 .blog-layout-container nav[role="navigation"] div.rounded-xl{background-color:transparent!important;box-shadow:none!important;border-color:transparent!important}}
body.vb-v2 nav[role="navigation"] button:not(.bg-brand-primary){font-family:'Neptune-Regular',sans-serif!important;font-weight:400!important;font-size:.9375rem!important;line-height:1.45!important;text-transform:none!important;letter-spacing:0!important;color:#333!important;background:none!important;padding:6px 0 6px 14px!important;border-left:2px solid #e7e7e7!important;display:block!important;-webkit-line-clamp:unset!important;line-clamp:none!important;overflow:visible!important;white-space:normal!important;height:auto!important}
body.vb-v2 nav[role="navigation"] button:not(.bg-brand-primary) *{-webkit-line-clamp:unset!important;overflow:visible!important;display:inline!important}
body.vb-v2 nav[role="navigation"] button:not(.bg-brand-primary):hover{color:var(--vb-red)!important;border-left-color:var(--vb-red)!important}
body.vb-v2 nav[role="navigation"] p.border-b{font-size:0!important;border:0!important;padding:0 0 12px!important}
body.vb-v2 nav[role="navigation"] p.border-b::after{content:"On this page";font-family:'Neptune-Bold',sans-serif;font-size:1.0625rem;line-height:1.3;color:#000}
/* vb-type:end */