/*
 * V3.7.1 Mobile Readability Hotfix
 * Scope: supplied logo restoration, Korean line integrity and the helper/CTA gap.
 * Hero story layout and behaviour are intentionally untouched.
 */

.public-site .v37-brand-mark img {
  object-fit: contain;
  object-position: center;
  background: transparent;
  filter: none;
}

.public-site main > section:not(.v3-hero) h2,
.public-site main > section:not(.v3-hero) h3,
.public-site main > section:not(.v3-hero) p,
.public-site main > section:not(.v3-hero) dt,
.public-site main > section:not(.v3-hero) dd,
.public-site main > section:not(.v3-hero) button,
.public-site main > section:not(.v3-hero) a,
.public-site main > section:not(.v3-hero) .accordion-panel {
  min-width: 0;
  max-width: 100%;
  word-break: keep-all;
  overflow-wrap: normal;
  word-wrap: normal;
  hyphens: none;
  text-wrap: balance;
}

@media (max-width: 560px) {
  .public-site {
    --v37-h2: clamp(1.9rem, 8vw, 2.45rem);
    --v37-h3: clamp(1.35rem, 5.8vw, 1.75rem);
    --v37-card-title: clamp(1.16rem, 5vw, 1.38rem);
    --v37-body: clamp(1rem, 4.2vw, 1.0625rem);
  }

  .public-site .v37-brand-mark,
  .public-site .v37-brand-mark img {
    width: 50px;
    height: 50px;
  }

  .public-site .v37-brand-mark {
    flex-basis: 50px;
  }

  .public-site main > section:not(.v3-hero) .v3-section-heading h2,
  .public-site main > .v3-scratch .v3-scratch-head h2,
  .public-site main > .v3-story h2,
  .public-site main > .v3-tracking-proof h2,
  .public-site main > .v3-final h2 {
    max-width: 100%;
    font-size: var(--v37-h2);
    line-height: 1.18;
    letter-spacing: -.03em;
    text-wrap: balance;
  }

  .public-site main > section:not(.v3-hero) h3 {
    font-size: var(--v37-h3);
    line-height: 1.38;
  }

  .public-site main > section:not(.v3-hero) p,
  .public-site main > section:not(.v3-hero) dd,
  .public-site main > section:not(.v3-hero) .accordion-panel {
    font-size: var(--v37-body);
    line-height: 1.7;
  }

  .public-site .v3-symptom-result {
    min-height: 0;
    overflow: hidden;
  }

  .public-site .v3-symptom-result .v3-dduri-point {
    position: static;
    right: auto;
    bottom: auto;
    width: 140px;
    height: 140px;
    display: block;
    margin: 24px auto 18px;
    object-fit: contain;
    opacity: .96;
    transform: none;
  }

  .public-site .v3-symptom-result .v3-button {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 54px;
    margin: 0;
  }
}

@media (max-width: 340px) {
  .public-site .v37-brand-mark,
  .public-site .v37-brand-mark img {
    width: 46px;
    height: 46px;
  }

  .public-site .v37-brand-mark {
    flex-basis: 46px;
  }

  .public-site .brand strong {
    font-size: 17px;
  }
}