/* The consent control shares a row; text fields keep their original layout. */
.sd-contact-form label.engine-consent,
#contact-form label.engine-consent {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:10px;
  margin:18px 0;
  font-size:14px;
  line-height:1.6;
  cursor:pointer;
}
.sd-contact-form .engine-consent input[type=checkbox],
#contact-form .engine-consent input[type=checkbox] {
  appearance:auto;
  flex:0 0 18px;
  width:18px;
  min-width:18px;
  height:18px;
  margin:3px 0 0;
  padding:0;
  accent-color:#a8d3db;
  cursor:pointer;
}
.engine-consent>span {flex:1;min-width:0;}

/* Matching technical line icons for the three hero directions. */
.hero .hero-facts .fact-symbol{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;box-sizing:border-box;border:1px solid #9abecb4d;border-radius:4px;background:linear-gradient(145deg,#a4ccd00a,#18313b38);color:#aacdd6;font-size:0}
.hero .hero-facts .fact-symbol svg{display:block;width:28px;height:28px;overflow:visible}
@media(max-width:650px){.hero .hero-facts{gap:12px}.hero .hero-facts>div{gap:7px;align-items:center}.hero .hero-facts .fact-symbol{flex-basis:32px;width:32px;height:32px}.hero .hero-facts .fact-symbol svg{width:24px;height:24px}}

/* Keep text-field focus visible for both pointer and keyboard use, without reflow. */
:is(.sd-contact-form,#contact-form) :is(input:not([type=checkbox]):not([type=file]),textarea,select):focus{border-color:#b9dccc;outline:2px solid #c6e9df;outline-offset:3px;box-shadow:0 0 0 1px #b9dccc26}