/* TKSE-WEB-009I8A-CONTRAST-HOVER-AND-BLOG-LAYOUT-FIX
   Fixes after Emerald rollout:
   1) prevent global CTA emerald rule from turning content cards into dark green cards with low-contrast text;
   2) restore professional hover contrast for solution/about/finance cards;
   3) lock Knowledge/Blog page cards into a proper grid instead of overlapping vertically.
*/
:root{
  --tkse-i8a-emerald:#009B63;
  --tkse-i8a-emerald-hover:#008457;
  --tkse-i8a-emerald-soft:#EAF7F1;
  --tkse-i8a-ink:#071B3A;
  --tkse-i8a-muted:#64748B;
  --tkse-i8a-line:#E2E8F0;
  --tkse-i8a-shadow:0 22px 62px rgba(7,27,58,.09);
}

/* Content cards are not CTA buttons, even when their href points to the bill form. */
html body .d3-solutions-grid .d3-solution,
html body .about-values .d3-solution,
html body .finance-grid-i3b .d3-solution,
html body .project-grid-i3b .d3-solution,
html body .contact-grid .d3-solution,
html body .listing-grid .d3-solution,
html body .tkse-i5-dropdown .tkse-i5-drop-link,
html body .tkse-i5-panel-sub a{
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  color:var(--tkse-i8a-ink)!important;
  border-color:var(--tkse-i8a-line)!important;
  box-shadow:var(--tkse-i8a-shadow)!important;
}
html body .d3-solutions-grid .d3-solution h3,
html body .about-values .d3-solution h3,
html body .finance-grid-i3b .d3-solution h3,
html body .project-grid-i3b .d3-solution h3,
html body .contact-grid .d3-solution h3,
html body .listing-grid .d3-solution h3,
html body .tkse-i5-dropdown .tkse-i5-drop-link b,
html body .tkse-i5-panel-sub a b{
  color:var(--tkse-i8a-ink)!important;
}
html body .d3-solutions-grid .d3-solution p,
html body .about-values .d3-solution p,
html body .finance-grid-i3b .d3-solution p,
html body .project-grid-i3b .d3-solution p,
html body .contact-grid .d3-solution p,
html body .listing-grid .d3-solution p,
html body .tkse-i5-dropdown .tkse-i5-drop-link span,
html body .tkse-i5-panel-sub a span{
  color:var(--tkse-i8a-muted)!important;
}
html body .d3-solutions-grid .d3-solution small,
html body .about-values .d3-solution small,
html body .finance-grid-i3b .d3-solution small,
html body .project-grid-i3b .d3-solution small,
html body .contact-grid .d3-solution small,
html body .listing-grid .d3-solution small{
  color:var(--tkse-i8a-emerald)!important;
}
html body .d3-solutions-grid .d3-solution b,
html body .about-values .d3-solution b,
html body .finance-grid-i3b .d3-solution b,
html body .project-grid-i3b .d3-solution b,
html body .contact-grid .d3-solution b,
html body .listing-grid .d3-solution b{
  color:var(--tkse-i8a-emerald)!important;
}
html body .d3-solutions-grid .d3-solution .d3-icon,
html body .about-values .d3-solution .d3-icon,
html body .finance-grid-i3b .d3-solution .d3-icon,
html body .project-grid-i3b .d3-solution .d3-icon,
html body .contact-grid .d3-solution .d3-icon,
html body .listing-grid .d3-solution .d3-icon{
  background:var(--tkse-i8a-emerald-soft)!important;
  color:var(--tkse-i8a-emerald)!important;
  border:1px solid rgba(0,155,99,.16)!important;
}

/* Premium, readable hover state. No dark green card unless text is intentionally inverted. */
html body .d3-solutions-grid .d3-solution:hover,
html body .about-values .d3-solution:hover,
html body .finance-grid-i3b .d3-solution:hover,
html body .project-grid-i3b .d3-solution:hover,
html body .contact-grid .d3-solution:hover,
html body .listing-grid .d3-solution:hover,
html body .tkse-i5-dropdown .tkse-i5-drop-link:hover,
html body .tkse-i5-panel-sub a:hover{
  background:linear-gradient(180deg,#fff,var(--tkse-i8a-emerald-soft))!important;
  border-color:rgba(0,155,99,.28)!important;
  color:var(--tkse-i8a-ink)!important;
  box-shadow:0 26px 70px rgba(7,27,58,.12)!important;
  transform:translateY(-3px)!important;
}
html body .d3-solutions-grid .d3-solution:hover h3,
html body .about-values .d3-solution:hover h3,
html body .finance-grid-i3b .d3-solution:hover h3,
html body .project-grid-i3b .d3-solution:hover h3,
html body .contact-grid .d3-solution:hover h3,
html body .listing-grid .d3-solution:hover h3,
html body .tkse-i5-dropdown .tkse-i5-drop-link:hover b,
html body .tkse-i5-panel-sub a:hover b{
  color:var(--tkse-i8a-ink)!important;
}
html body .d3-solutions-grid .d3-solution:hover p,
html body .about-values .d3-solution:hover p,
html body .finance-grid-i3b .d3-solution:hover p,
html body .project-grid-i3b .d3-solution:hover p,
html body .contact-grid .d3-solution:hover p,
html body .listing-grid .d3-solution:hover p,
html body .tkse-i5-dropdown .tkse-i5-drop-link:hover span,
html body .tkse-i5-panel-sub a:hover span{
  color:var(--tkse-i8a-muted)!important;
}

/* Keep real CTA buttons emerald. */
html body .btn.primary,
html body .btn-primary,
html body .primary-btn,
html body .cta-primary,
html body .hero-cta,
html body .tkse-i5-cta,
html body button[type="submit"],
html body input[type="submit"],
html body .submit-btn,
html body .mobile-cta .main,
html body .mobile-cta .primary,
html body .bottom-cta .primary{
  background:linear-gradient(135deg,#009B63,#008457)!important;
  color:#fff!important;
  border-color:rgba(0,155,99,.35)!important;
}

/* Knowledge / blog page layout lock */
html body .landing-section .d3-solutions-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  align-items:stretch!important;
  margin-top:30px!important;
}
html body .landing-section .d3-solutions-grid .d3-solution{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:220px!important;
  padding:28px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  position:relative!important;
  text-decoration:none!important;
}
html body .landing-section .d3-solutions-grid .d3-solution>*{
  position:relative!important;
  z-index:1!important;
}
html body .landing-section .d3-solutions-grid .d3-solution:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:78px!important;
  background:radial-gradient(circle at 22% 22%,rgba(0,155,99,.14),transparent 58%),linear-gradient(90deg,rgba(3,17,39,.035),rgba(0,155,99,.045))!important;
  z-index:0!important;
}
html body .landing-section .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:end!important;
}
html body .landing-section .section-head p{
  max-width:760px!important;
  color:var(--tkse-i8a-muted)!important;
}
@media(max-width:900px){
  html body .landing-section .section-head{display:block!important;}
  html body .landing-section .section-head .btn{width:100%!important;margin-top:18px!important;}
  html body .landing-section .d3-solutions-grid{grid-template-columns:1fr!important;gap:16px!important;}
}