/* TrueHumidity official support contact. Same-origin CSS for restrictive CSP. */
.th-contact-panel {
  box-sizing: border-box;
  width: min(100%, 1000px);
  margin: 22px auto 30px;
  padding: clamp(22px, 4vw, 34px);
  background: linear-gradient(155deg, #102f3a 0%, #0d2630 100%);
  color: #f0fbff;
  border: 1px solid #3b8793;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0, 10, 20, 0.16);
  font: inherit;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.th-contact-panel *, .th-contact-panel *::before, .th-contact-panel *::after {
  box-sizing: border-box;
}
.th-contact-panel .th-contact-eyebrow {
  color: #a7e9ec;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .09em;
  margin: 0 0 .5rem;
}
.th-contact-panel .th-contact-heading {
  color: #fff;
  margin: 0 0 .7rem;
  line-height: 1.3;
  font-size: clamp(1.24rem, 3.2vw, 1.65rem);
  font-weight: 700;
}
.th-contact-panel .th-contact-description {
  color: #d2e8ee;
  margin: .6rem 0;
  line-height: 1.65;
}
.th-contact-panel .th-contact-owner {
  color: #fff;
  margin: .8rem 0 .35rem;
}
.th-contact-panel .th-contact-address {
  color: #fff;
  margin: .2rem 0 .7rem;
  font-weight: 650;
  line-height: 1.65;
}
.th-contact-panel .th-contact-address a,
.th-contact-panel .th-contact-address a:visited {
  color: #79e5ed !important;
  text-decoration: underline;
  text-underline-offset: .18em;
  font-weight: 700;
}
.th-contact-panel .th-contact-address a:hover { color: #fff !important; }
.th-contact-panel .th-contact-address a:focus-visible {
  outline: 3px solid #79e5ed;
  outline-offset: 4px;
  border-radius: 4px;
}
@media (max-width: 530px) {
  .th-contact-panel { margin: 16px auto 22px; padding: 20px; border-radius: 15px; }
}
