.header-trip-search--middle {
  z-index: 3;
  padding-block: clamp(46px, 6vw, 78px);
  color: #fff;
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 177, 30, .42), transparent 29%),
    radial-gradient(circle at 92% 100%, rgba(255, 85, 141, .26), transparent 31%),
    linear-gradient(120deg, #062e67 0%, #075fa9 51%, #087f9f 100%);
  border-block: 5px solid rgba(255, 190, 45, .94);
  box-shadow: 0 24px 62px rgba(5, 49, 108, .24);
}

.header-trip-search--middle .header-trip-search__inner {
  width: min(1180px, calc(100% - 48px));
  min-height: 280px;
  padding: clamp(28px, 4vw, 44px);
  background: linear-gradient(135deg, rgba(5, 38, 89, .72), rgba(15, 118, 169, .42));
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 30px;
  box-shadow: 0 30px 70px rgba(2, 27, 72, .35), inset 0 1px 0 rgba(255, 255, 255, .28);
  backdrop-filter: blur(8px);
}

.header-trip-search--middle .header-trip-search__intro > span {
  color: #923105;
  background: linear-gradient(145deg, #fff2ac, #ff9b1a);
  box-shadow: 0 12px 30px rgba(255, 119, 0, .36);
}

.header-trip-search--middle .header-trip-search__intro h2 {
  font-size: clamp(24px, 2.6vw, 36px);
}

.header-trip-search--middle .header-trip-search__intro p {
  font-size: clamp(14px, 1.4vw, 17px);
}

.topic-comparison__grid article,
.topic-decision__card,
.topic-process__steps li,
.topic-signature__cards article,
.topic-travel-album__note {
  position: relative;
}

.topic-card-deep-link {
  position: static;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin-top: 18px;
  color: #1264bd !important;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .035em;
  line-height: 1.35;
  text-decoration: none;
}

.topic-card-deep-link::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 2px solid transparent;
  border-radius: inherit;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.topic-card-deep-link:hover,
.topic-card-deep-link:focus-visible {
  color: #f06b16 !important;
}

.topic-card-deep-link:hover::after,
.topic-card-deep-link:focus-visible::after {
  border-color: rgba(245, 115, 20, .7);
  box-shadow: 0 16px 38px rgba(7, 79, 150, .14);
}

@media (max-width: 720px) {
  .header-trip-search--middle {
    padding-block: 26px;
    border-block-width: 4px;
  }

  .header-trip-search--middle .header-trip-search__inner {
    width: calc(100% - 24px);
    min-height: 0;
    padding: 22px 12px;
    border-radius: 22px;
  }

  .header-trip-search--middle .header-trip-search__intro h2 {
    font-size: 22px;
  }
}