/* TechniqueHow Inline Reverse Lookup Card — isolated responsive UI */
.th-irlc,
.th-irlc * {
  box-sizing: border-box !important;
}

.th-irlc {
  container-type: inline-size;
  position: relative !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 218px !important;
  margin: 28px 0 26px !important;
  padding: 0 !important;
  border: 1px solid #d5dbea !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 88% 34%, rgba(255, 255, 255, .94) 0, rgba(255, 255, 255, 0) 30%),
    radial-gradient(circle at 72% 92%, rgba(91, 225, 255, .28) 0, rgba(91, 225, 255, 0) 36%),
    linear-gradient(104deg, #fbfcff 0%, #f8f9ff 46%, #edf5ff 69%, #edddff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 8px 24px rgba(38, 54, 112, .08) !important;
  color: #0b1844 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  text-align: left !important;
  isolation: isolate !important;
}

.th-irlc::before,
.th-irlc::after {
  content: "";
  position: absolute !important;
  pointer-events: none !important;
}

.th-irlc::before {
  z-index: 0 !important;
  right: -8% !important;
  bottom: -78% !important;
  width: 66% !important;
  height: 178% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(122, 219, 255, .32) 0, rgba(144, 178, 255, .24) 38%, rgba(185, 112, 255, .21) 64%, transparent 76%) !important;
}

.th-irlc::after {
  z-index: 1 !important;
  right: 3.2% !important;
  bottom: 12px !important;
  width: 31% !important;
  height: 36px !important;
  opacity: .58 !important;
  background-image: radial-gradient(circle, rgba(255, 255, 255, .88) 1.15px, transparent 1.35px) !important;
  background-size: 8px 8px !important;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 24%, #000 88%, transparent) !important;
  mask-image: linear-gradient(to right, transparent, #000 24%, #000 88%, transparent) !important;
}

.th-irlc__inner {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 218px !important;
  margin: 0 !important;
  padding: 26px 31px 21px 34px !important;
}

.th-irlc__bg-orb {
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: 999px !important;
  pointer-events: none !important;
}

.th-irlc__bg-orb--one {
  right: 22% !important;
  bottom: -88% !important;
  width: 46% !important;
  height: 172% !important;
  background: radial-gradient(circle at 45% 42%, rgba(208, 253, 255, .56), rgba(146, 210, 255, .26) 38%, rgba(159, 125, 255, .14) 66%, transparent 78%) !important;
}

.th-irlc__bg-orb--two {
  right: 1% !important;
  top: -47% !important;
  width: 38% !important;
  height: 130% !important;
  background: radial-gradient(circle, rgba(255, 255, 255, .82), rgba(255, 255, 255, 0) 70%) !important;
}

.th-irlc__content {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  width: 54% !important;
  min-width: 0 !important;
  max-width: 405px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.th-irlc__eyebrow {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #5d61f4 !important;
  font-family: inherit !important;
  font-size: clamp(11.5px, 1.7cqw, 13px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.th-irlc .th-irlc__headline {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #07143f !important;
  font-family: inherit !important;
  font-size: clamp(31px, 5.55cqw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.01 !important;
  letter-spacing: -.052em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.th-irlc__price {
  display: inline !important;
  color: #6571ff !important;
  background: linear-gradient(94deg, #5578ff 0%, #696cff 54%, #965bff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font: inherit !important;
}

.th-irlc__description {
  display: block !important;
  width: auto !important;
  max-width: 356px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #56617c !important;
  font-family: inherit !important;
  font-size: clamp(10.8px, 1.58cqw, 12.4px) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  letter-spacing: -.006em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.th-irlc__description p {
  margin: 0 !important;
  padding: 0 !important;
}

.th-irlc__description strong {
  color: #25315b !important;
  font-weight: 700 !important;
}

.th-irlc .th-irlc__button {
  position: relative !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 139px !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 13px 0 0 !important;
  padding: 9px 18px !important;
  border: 1px solid rgba(104, 118, 255, .45) !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: linear-gradient(94deg, #1777f6 0%, #476cff 54%, #c54ff1 100%) !important;
  box-shadow: 0 7px 17px rgba(68, 86, 246, .34), inset 0 0 0 1px rgba(255, 255, 255, .26) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: clamp(12.5px, 1.7cqw, 14px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

.th-irlc .th-irlc__button:hover,
.th-irlc .th-irlc__button:focus-visible {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 21px rgba(68, 86, 246, .4), inset 0 0 0 1px rgba(255, 255, 255, .28) !important;
}

.th-irlc .th-irlc__button:focus-visible {
  outline: 2px solid rgba(91, 107, 255, .28) !important;
  outline-offset: 3px !important;
}

.th-irlc .th-irlc__button[disabled] {
  opacity: .76 !important;
  cursor: wait !important;
}

.th-irlc__button-text,
.th-irlc__button-arrow {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
}

.th-irlc__button-arrow,
.th-irlc__button-arrow svg {
  width: 15px !important;
  min-width: 15px !important;
  height: 15px !important;
}

.th-irlc__button-arrow svg {
  display: block !important;
  max-width: none !important;
  fill: none !important;
  stroke: currentColor !important;
}

.th-irlc__notice {
  position: relative !important;
  z-index: 9 !important;
  display: block !important;
  min-height: 0 !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  color: #727c98 !important;
  font-family: inherit !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

.th-irlc__notice:empty {
  display: none !important;
}

.th-irlc__art {
  position: absolute !important;
  z-index: 3 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: block !important;
  overflow: hidden !important;
  width: 49.4% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  border-radius: 0 13px 13px 0 !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .35) 8%, #000 19%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .35) 8%, #000 19%, #000 100%) !important;
}

.th-irlc__art-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: cover !important;
  object-position: center right !important;
  transform: scale(1.015) !important;
  transform-origin: center right !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.th-irlc__art.is-missing {
  display: none !important;
}

@container (max-width: 760px) and (min-width: 521px) {
  .th-irlc,
  .th-irlc__inner {
    min-height: 218px !important;
  }

  .th-irlc__inner {
    padding: 25px 24px 21px 27px !important;
  }

  .th-irlc__content {
    width: 56% !important;
    max-width: 390px !important;
  }

  .th-irlc .th-irlc__headline {
    font-size: clamp(29px, 5.25cqw, 36px) !important;
  }

  .th-irlc__description {
    max-width: 305px !important;
    font-size: clamp(10.7px, 1.75cqw, 12px) !important;
  }

  .th-irlc__art {
    right: -1px !important;
    width: 49% !important;
  }
}

@container (max-width: 520px) {
  .th-irlc {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-height: 280px !important;
    margin: 22px auto !important;
    border-radius: 16px !important;
  }

  .th-irlc::after {
    right: 4% !important;
    bottom: 8px !important;
    width: 52% !important;
    height: 31px !important;
  }

  .th-irlc__inner {
    min-height: 280px !important;
    padding: 18px 14px 15px 18px !important;
  }

  .th-irlc__content {
    z-index: 6 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .th-irlc__eyebrow {
    margin-bottom: 5px !important;
    font-size: clamp(11px, 3.9cqw, 12.5px) !important;
  }

  .th-irlc .th-irlc__headline {
    width: max-content !important;
    max-width: 100% !important;
    font-size: clamp(22px, 7.85cqw, 28px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.052em !important;
    white-space: nowrap !important;
  }

  .th-irlc__description {
    position: relative !important;
    z-index: 8 !important;
    width: 59% !important;
    max-width: 178px !important;
    margin-top: 11px !important;
    font-size: clamp(10.6px, 3.45cqw, 11.8px) !important;
    line-height: 1.48 !important;
  }

  .th-irlc .th-irlc__button {
    z-index: 9 !important;
    min-width: 128px !important;
    min-height: 38px !important;
    margin-top: 13px !important;
    padding: 9px 15px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }

  .th-irlc__notice {
    width: 58% !important;
    font-size: 9.8px !important;
  }

  .th-irlc__art {
    z-index: 4 !important;
    top: 68px !important;
    right: -3px !important;
    bottom: -1px !important;
    width: 59% !important;
    height: auto !important;
    border-radius: 0 0 15px 0 !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .55) 32%, #000 43%, #000 100%) !important;
    mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .55) 32%, #000 43%, #000 100%) !important;
  }

  .th-irlc__art-image {
    object-position: 55% center !important;
    transform: scale(1.03) !important;
  }

  .th-irlc__bg-orb--one {
    right: -33% !important;
    bottom: -43% !important;
    width: 108% !important;
    height: 123% !important;
  }

  .th-irlc__bg-orb--two {
    right: -7% !important;
    top: 16% !important;
    width: 63% !important;
    height: 61% !important;
  }
}

@container (max-width: 355px) {
  .th-irlc,
  .th-irlc__inner {
    min-height: 286px !important;
  }

  .th-irlc__inner {
    padding: 17px 11px 14px 16px !important;
  }

  .th-irlc .th-irlc__headline {
    font-size: clamp(20.5px, 7.55cqw, 24.5px) !important;
  }

  .th-irlc__description {
    width: 60% !important;
    max-width: 160px !important;
    font-size: 10.5px !important;
  }

  .th-irlc__art {
    top: 70px !important;
    width: 60% !important;
  }
}

/* Browser fallback when CSS container queries are unavailable. */
@supports not (container-type: inline-size) {
  @media (max-width: 600px) {
    .th-irlc {
      width: calc(100% - 16px) !important;
      max-width: calc(100% - 16px) !important;
      min-height: 280px !important;
      margin: 22px auto !important;
    }

    .th-irlc__inner {
      min-height: 280px !important;
      padding: 18px 14px 15px 18px !important;
    }

    .th-irlc__content {
      width: 100% !important;
    }

    .th-irlc .th-irlc__headline {
      font-size: 25px !important;
    }

    .th-irlc__description {
      width: 59% !important;
      max-width: 178px !important;
      font-size: 11px !important;
    }

    .th-irlc__art {
      top: 68px !important;
      right: -3px !important;
      bottom: -1px !important;
      width: 59% !important;
    }
  }
}