/* MANGLANO cookie controls: neutral checked state, no default blue. */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-consent-checkbox:checked + .cmplz-label::before {
  background-color: #f1f1ed !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.45) !important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-consent-checkbox:checked + .cmplz-label::after {
  background-color: #111213 !important;
}

/* Clear, accessible project selection on Services. */
body.mgl-wordpress-v4 .collaboration-options {
  gap: 10px;
  border: 0;
}
body.mgl-wordpress-v4 .collaboration-option,
body.mgl-wordpress-v4 .collaboration-option + .collaboration-option {
  box-sizing: border-box;
  padding: 18px 20px 22px;
  border: 1px solid #666b70;
  background: #0b0d0f;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
body.mgl-wordpress-v4 .collaboration-option:hover:not([aria-pressed="true"]) {
  border-color: #c7cbce;
  background: #181b1e;
}
body.mgl-wordpress-v4 .collaboration-option[aria-pressed="true"] {
  border: 2px solid #f1f1ed;
  background: #f1f1ed;
  color: #111213;
  box-shadow: none;
}
body.mgl-wordpress-v4 .collaboration-option[aria-pressed="true"] > .meta,
body.mgl-wordpress-v4 .collaboration-option[aria-pressed="true"] > span:nth-of-type(2) {
  color: #34383b;
}
body.mgl-wordpress-v4 .collaboration-option[aria-pressed="true"] .collaboration-indicator {
  color: #111213;
  font-size: 0;
}
body.mgl-wordpress-v4 .collaboration-option[aria-pressed="true"] .collaboration-indicator::after {
  content: "✓";
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font: 600 16px/1 Arial, sans-serif;
}
body.mgl-wordpress-v4 .collaboration-option:focus-visible {
  outline: 2px solid #f1f1ed;
  outline-offset: 4px;
}
@media (max-width: 760px) {
  body.mgl-wordpress-v4 .collaboration-options { gap: 9px; }
  body.mgl-wordpress-v4 .collaboration-option,
  body.mgl-wordpress-v4 .collaboration-option + .collaboration-option {
    padding: 16px 17px 19px;
  }
}

/* Keep first CGI desktop frame readable on shorter screens. */
@media (min-width: 901px) and (max-height: 820px) {
  body.mgl-wordpress-v4 .cgi-page .hero-copy h1 { font-size: clamp(72px, 6.8vw, 88px); }
  body.mgl-wordpress-v4 .cgi-page .hero-copy .lead { margin-top: 16px; line-height: 1.5; }
  body.mgl-wordpress-v4 .cgi-page .hero-actions { margin-top: 11px; }
}

/* Give the CGI comparison control a full-height touch track on touch devices. */
@media (max-width: 700px) {
  body.mgl-wordpress-v4 .cgi-page .compare-range {
    -webkit-appearance: none;
    appearance: none;
    touch-action: pan-y;
  }
  body.mgl-wordpress-v4 .cgi-page .compare-range::-webkit-slider-runnable-track {
    height: 100%;
    border: 0;
    background: transparent;
  }
  body.mgl-wordpress-v4 .cgi-page .compare-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 52px;
    height: 100%;
    border: 0;
    background: transparent;
  }
}