/* Hindivine "fresh" palette (Oct 2026): one clean colour system for every page.
   Light sections: white / soft mint.  Dark sections: one fresh emerald.  No gold.
   Text: deep green-black headings, calm grey-green body, green links. */
:root{--fr-ink:var(--hvc-0B2A22,#0B2A22);--fr-body:var(--hvc-3F514A,#3F514A);--fr-muted:#5E6E68;--fr-link:var(--hvc-0F6B52,#0F6B52);--fr-mint:var(--hvc-F3F9F6,#F3F9F6);--fr-line:var(--hvc-E2ECE7,#E2ECE7);
  --fr-dark:linear-gradient(160deg,var(--hvc-0F5A46,#0F5A46) 0%,var(--hvc-0C4A3A,#0C4A3A) 55%,var(--hvc-0A3F31,#0A3F31) 100%);--fr-glow:radial-gradient(900px 460px at 88% -10%,rgba(var(--hvr-46C9A1,70,201,161),.20),transparent 60%)}

/* ---------- light sections: two tones only ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-scene-white,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not([class*="rg-scene"]):not(.hero):not(.stats):not(.quickbar):not(.kr-sec){background:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:is(.rg-scene-tint,.rg-scene-light,.alt),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.kr-sec{background:var(--fr-mint)!important}
/* homepage light sections */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:is(.why,.doc,[id="faq"]):not(.reviews){background:var(--fr-mint)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:is([id="services"],.bmi,[id="blog"],.how){background:#FFFFFF!important}

/* ---------- dark sections: one fresh emerald ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section:is(.rg-scene-dark,.rg-scene-mesh),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:is(.reviews,[id="injections"]),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.stats,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body footer.hx-footer{background:var(--fr-glow),var(--fr-dark)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.quickbar{background:linear-gradient(90deg,var(--hvc-0F5A46,#0F5A46),var(--hvc-0C4A3A,#0C4A3A))!important}

/* ---------- text on light sections ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.rg-scene-dark):not(.rg-scene-mesh) .rg-head :is(h2,.h2),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not([id="injections"]):not(.vsec) .sec-head :is(h2,.h2){color:var(--fr-ink)!important;-webkit-text-fill-color:var(--fr-ink)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.rg-scene-dark):not(.rg-scene-mesh) :is(h2,.h2) em,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not([id="injections"]):not(.vsec) :is(h2,.h2) em{color:var(--hvc-167C5F,#167C5F)!important;-webkit-text-fill-color:var(--hvc-167C5F,#167C5F)!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.rg-scene-dark):not(.rg-scene-mesh) .rg-head p,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not([id="injections"]):not(.vsec) .lede{color:var(--fr-body)!important;-webkit-text-fill-color:var(--fr-body)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg article.art p,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg article.art li{color:var(--hvc-33443D,#33443D)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg article.art a:not([class]){color:var(--fr-link)!important;text-decoration:underline;text-decoration-color:rgba(var(--hvr-0F6B52,15,107,82),.35);text-underline-offset:3px}

/* ---------- text on dark sections ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section:is(.rg-scene-dark,.rg-scene-mesh) :is(h2,.h2,h3),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:is(.reviews,[id="injections"]) :is(h2,.h2,h3){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section:is(.rg-scene-dark,.rg-scene-mesh) :is(h2,.h2) em,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:is(.reviews,[id="injections"]) :is(h2,.h2) em{color:var(--hvc-A9E8D3,#A9E8D3)!important;-webkit-text-fill-color:var(--hvc-A9E8D3,#A9E8D3)!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section:is(.rg-scene-dark,.rg-scene-mesh) .rg-head p,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:is(.reviews,[id="injections"]) .lede{color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}

/* ---------- cards: clean white with a fine mint edge ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.rg-scene-dark):not(.rg-scene-mesh) :is(.pcard,.fcard,.kr-card,.relcard2,.feat,.doccard):not(.split>.card *){background:#FFFFFF!important;border:1px solid var(--fr-line)!important;box-shadow:0 1px 2px rgba(var(--hvr-0B2A22,11,42,34),.04),0 18px 36px -28px rgba(var(--hvr-0B2A22,11,42,34),.35)!important}
@media (hover:hover){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.rg-scene-dark):not(.rg-scene-mesh) :is(.pcard,.fcard,.kr-card,.relcard2,.feat):hover{border-color:rgba(var(--hvr-46C9A1,70,201,161),.55)!important}}

/* ---------- section headings: tidy spacing and a mint rule ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec .rg-head{margin-bottom:clamp(28px,4vw,44px)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec .h2::before,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec .rg-head .h2::after{background:linear-gradient(90deg,var(--hvc-167C5F,#167C5F),var(--hvc-46C9A1,#46C9A1))!important}

/* ---------- links and small labels ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main a:not([class]):hover{color:var(--hvc-0A3528,#0A3528)!important}

/* the first tile of a feature grid is a dark "hero" tile: keep it emerald with white text */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .fcards>.fcard:first-child{background:radial-gradient(500px 300px at 100% 0%,rgba(var(--hvr-46C9A1,70,201,161),.25),transparent 60%),linear-gradient(155deg,var(--hvc-0F5A46,#0F5A46),var(--hvc-0C4A3A,#0C4A3A))!important;border:0!important;box-shadow:0 30px 50px -30px rgba(var(--hvr-0A3528,10,53,40),.6)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .fcards>.fcard:first-child b{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .fcards>.fcard:first-child span{color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .fcards>.fcard:first-child .fi2{background:rgba(255,255,255,.12)!important;color:var(--hvc-A9E8D3,#A9E8D3)!important}

/* enquiry-form sections stay emerald with light text */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:is(.rg-k-qform,.rg-k-faqform):not(.lpz){background:var(--fr-glow),var(--fr-dark)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-k-qform:not(.lpz) :is(h2,.h2,h2 span,h3){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-k-qform:not(.lpz) :is(h2,.h2) em{color:var(--hvc-A9E8D3,#A9E8D3)!important;-webkit-text-fill-color:var(--hvc-A9E8D3,#A9E8D3)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-k-qform:not(.lpz) .qform-side :is(p,li,span){color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}
/* the white form card inside keeps dark text */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:is(.rg-k-qform,.rg-k-faqform):not(.lpz) .qform-body :is(h3,h4,label,b){color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
/* dark side panels inside light sections: light text */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-k-faqform:not(.lpz) .qform :is(h3,h4){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}

/* dark booking box and dark lead cards inside light sections */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.lpz) :is(.bookbox,.rg-v2 .split>.card:first-child,.midcta,.paybox,.docbook) :is(h2,h3,h4){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.lpz) :is(.bookbox,.rg-v2 .split>.card:first-child,.midcta,.docbook)>p{color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}

/* dark booking card inside light FAQ sections */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.lpz) .bookbox :is(h2,h3,h4,b){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec:not(.lpz) .bookbox :is(p,small){color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}
/* reversed split layout: the first card is the dark one */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-v2:not(.lpz) .split>.card:first-child :is(h2,h3,h4,b){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.rg-v2:not(.lpz) .split>.card:first-child :is(p,li,span:not(.fi2)){color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}

/* featured first card of the related-guides grid stays emerald */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .relgrid>.relcard2:first-child{background:radial-gradient(500px 300px at 100% 0%,rgba(var(--hvr-46C9A1,70,201,161),.25),transparent 60%),linear-gradient(150deg,var(--hvc-0F5A46,#0F5A46),var(--hvc-0C4A3A,#0C4A3A))!important;border:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .relgrid>.relcard2:first-child b{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .relgrid>.relcard2:first-child span{color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}

/* headings inside dark cards stay white (booking card, dark side panels) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main :is(.bookbox,.qform-side,.split>.card:nth-child(2),.split>.card:has(.fcards),.rg-v2 .split>.card:first-child) :is(h2,h3,h4,.h3){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.rg,#lpz) main .bookbox :is(p,small){color:var(--hvc-D6E8E0,#D6E8E0)!important;-webkit-text-fill-color:var(--hvc-D6E8E0,#D6E8E0)!important}

/* Keep reading: dark emerald section, cards with the linked page's featured image */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec{background:radial-gradient(900px 460px at 88% -10%,rgba(var(--hvr-46C9A1,70,201,161),.18),transparent 60%),linear-gradient(160deg,var(--hvc-0C4A3A,#0C4A3A) 0%,var(--hvc-0A3F31,#0A3F31) 55%,var(--hvc-08362A,#08362A) 100%)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-eyebrow{color:var(--hvc-A9E8D3,#A9E8D3)!important;-webkit-text-fill-color:var(--hvc-A9E8D3,#A9E8D3)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec :is(h2,.h2){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-card{display:flex!important;align-items:center!important;gap:16px!important;padding:12px 16px 12px 12px!important;border-radius:20px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 36px -26px rgba(0,0,0,.6)!important;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s,border-color .35s!important}
@media (hover:hover){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-card:hover{transform:translateY(-3px)!important;background:rgba(255,255,255,.1)!important;border-color:rgba(var(--hvr-46C9A1,70,201,161),.5)!important}}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-img{flex:none;width:104px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--hvc-0F5A46,#0F5A46);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-card:hover .kr-img img{transform:scale(1.06)}}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-tx{flex:1;min-width:0;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:600!important;line-height:1.35!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-go{flex:none;color:var(--hvc-46C9A1,#46C9A1)!important;background:none!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-go svg{color:var(--hvc-46C9A1,#46C9A1)!important;stroke:var(--hvc-46C9A1,#46C9A1)}
@media (max-width:560px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-img{width:92px} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec.kr-sec .kr-card{gap:14px!important}}