/* =====================================================================
   CONNECT LIFE SCIENCES theme for the Method consent gate (site glue).
   The engine stylesheet (consent-gate.css) is built for a dark surface;
   this sets the site's look on a light one: white cards with the site's
   hairline and 14px corners, the blue-to-green lead line the site draws
   above its points, Inter, and three identical navy buttons (the
   playbook's equal weight). Contrast on white, measured: text 14.9:1,
   headings 17.3:1, the muted grey 6.1:1, links 5.6:1, CLS blue for the
   eyebrow 4.65:1; white on the navy buttons 17.3:1, on the blue hover
   4.65:1.
   ===================================================================== */
#cgBar,.cg-card{
  border:1px solid rgba(11,28,44,.13);
  background:#fff linear-gradient(90deg,#177DA6,#567D20) top left/72px 3px no-repeat;
}
#cgBar{padding:22px 24px 18px;}
#cgBar p{color:#16293A;font-size:14.5px;line-height:1.6;}
#cgBar a,#cgModal a{color:#0F6F96;text-decoration:underline;text-underline-offset:2px;}
#cgBar a:hover,#cgBar a:focus-visible,#cgModal a:hover,#cgModal a:focus-visible{color:#0B1C2C;}

.cg-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#177DA6;}
.cg-eyebrow svg{width:17px;height:17px;flex:none;color:#177DA6;}
#cgModal h2 .cg-eyebrow{margin-bottom:6px;}

/* doubled ids: the kit's button style reaches every <button> on the page */
#cgBar#cgBar .cg-btn,#cgModal#cgModal .cg-btn{background:#0B1C2C;border:1px solid #0B1C2C;color:#fff;
  font-family:var(--cg-font);font-weight:600;font-size:14.5px;letter-spacing:0;text-transform:none;
  line-height:1.2;padding:12px 18px;border-radius:8px;min-height:0;box-shadow:none;}
#cgBar#cgBar .cg-btn:hover,#cgModal#cgModal .cg-btn:hover{background:#177DA6;border-color:#177DA6;color:#fff;}
#cgBar .cg-btn:focus-visible,#cgModal .cg-btn:focus-visible{outline:2px solid #177DA6;outline-offset:2px;}

/* Under the gate's ids: Elementor's kit stylesheet (h2, h3 and p sizes,
   margins, tracking) loads after this file at the same specificity, and it
   blew the panel title up to the site's 40px H2. */
.cg-card{padding:28px;}
#cgModal .cg-card h2{color:#0B1C2C;font-family:var(--cg-font);font-size:24px;font-weight:600;font-style:normal;
  letter-spacing:-.02em;line-height:1.2;text-transform:none;margin:0 0 10px;}
#cgModal .cg-card>p{color:#4F6478;font-size:14.5px;line-height:1.55;margin:0 0 8px;}
#cgModal .cg-row h3{color:#0B1C2C;font-family:var(--cg-font);font-size:15.5px;font-weight:600;font-style:normal;
  letter-spacing:0;line-height:1.35;text-transform:none;margin:0 0 4px;}
#cgModal .cg-row p{color:#4F6478;font-size:13.5px;line-height:1.55;margin:0;}
#cgBar p{margin:0 0 14px;}
.cg-badge{color:#0B1C2C;border-color:#177DA6;}
.cg-switch span{background:#C4CDD5;}
.cg-switch span::after{box-shadow:0 1px 2px rgba(11,28,44,.3);}
#cgModal .cg-card>p.cg-gpc-note{color:#16293A;font-size:13.5px;line-height:1.5;margin:0 0 8px;
  padding:10px 12px;border:1px solid rgba(23,125,166,.28);border-radius:8px;background:rgba(23,125,166,.06);}
#cgModal .cg-actions{margin-top:22px;}

#cgToast{border:1px solid rgba(11,28,44,.13);color:#0B1C2C;}

/* Room for the banner (consent-glue.js keeps --cg-bar-h at its height
   while it shows), so the footer's last row stays reachable. */
.elementor-location-footer{padding-bottom:var(--cg-bar-h,0px);}

/* Two-button banners (the US and GPC wording) keep their buttons side by
   side on a phone; the engine stacks every button full width there. */
@media (max-width:640px){
  #cgBar[data-mode] .cg-btn{flex:1 1 0;min-width:0;}
  .cg-card{padding:22px 20px;}
}