/* 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;}