/* 한국어 제목의 마지막 한두 글자가 다음 줄로 떨어지지 않게 한다.
   공용 overflow-wrap:anywhere는 긴 URL 보호용이므로 이 두 제목에서는 해제한다. */
.difference h2,
.contact-copy h2 {
  font-size: clamp(34px, 3.4vw, 46px);
  word-break: keep-all;
  overflow-wrap: normal;
  text-wrap: balance;
}

.compare-cards strong {
  word-break: keep-all;
  overflow-wrap: normal;
}

@media (max-width: 980px) and (min-width: 801px) {
  .difference,
  .contact {
    grid-template-columns: 1fr;
  }

  .difference {
    gap: 36px;
  }

  .contact {
    gap: 44px;
  }
}

@media (max-width: 800px) {
  .difference,
  .contact {
    grid-template-columns: 1fr;
  }

  .difference {
    gap: 30px;
  }

  .contact {
    gap: 38px;
  }
}

/* 무료 진단 설명은 결과물부터 읽히게 하고 카드의 글자 위계를 맞춘다. */
.metrics .section-head h2 {
  max-width: 720px;
  word-break: keep-all;
  overflow-wrap: normal;
  text-wrap: balance;
}

.metrics .split-head > p {
  max-width: 500px;
  font-size: 16px;
  line-height: 1.75;
  word-break: keep-all;
}

.metric-grid {
  align-items: stretch;
}

.metric-grid strong {
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: normal;
}

.metric-visual strong {
  font-size: 25px;
}

.metric-card {
  display: flex;
  flex-direction: column;
}

.metric-card strong {
  margin-top: 22px;
  font-size: 26px;
}

.metric-card > p {
  margin-top: auto;
  padding-top: 24px;
  line-height: 1.65;
  word-break: keep-all;
}

@media (min-width: 431px) {
  .metric-grid article {
    min-height: 268px;
  }
}

/* 상품 카드에서는 상품명, 받는 결과, 차이, 상세 링크 순서로 읽히게 한다. */
.services .section-head h2,
.services .section-head > p:last-child {
  word-break: keep-all;
  overflow-wrap: normal;
  text-wrap: balance;
}

.services .section-head > p:last-child {
  font-size: 16px;
  line-height: 1.75;
}

.service-card h3 a {
  color: inherit;
  text-decoration: none;
}

.service-card ul {
  min-height: 49px;
}

.service-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding-bottom: 3px;
  border-bottom: 1px solid currentColor;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.service-link b {
  font-size: 15px;
}

/* 긴 입력과 동의만 한 줄 전체를 사용한다. */
.contact-form > label:not(.field--wide):not(.consent) {
  grid-column: auto;
}

.contact-form > .field--wide,
.contact-form > .consent {
  grid-column: 1 / -1;
}

@media (max-width: 800px) {
  .contact-form > label:not(.field--wide):not(.consent) {
    grid-column: 1 / -1;
  }
}
.contact-form .contact-consent{grid-column:1/-1;min-width:0}
.contact-form .contact-consent .동의고지{font-size:14px;line-height:1.7;margin:0 0 12px}
.contact-form .contact-consent .consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;min-height:44px}
.contact-form .contact-consent input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin:0}
.contact-form .contact-privacy-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline}
