/* Mobile solution pacing only. Keep the same title, cards, video and steps.
   Match the source's measured viewport so browser chrome does not add dead space. */
/* 터치 화면에는 PC 스크롤바용 10px 보정이 필요하지 않다. */
@media (max-width: 1024px) {
  #wf-main-2 .planet-persona-reference,
  #wf-main-6 .planet-sns-reference {
    width: 100%;
  }
}

/* 작은 태블릿에서 카드의 고정 폭이 왼쪽 문장을 밀어내지 않도록 한다. */
@media (min-width: 768px) and (max-width: 900px) {
  #wf-main-2 .main__persona__stage {
    flex-basis: 360px;
    width: 360px;
    height: 470px;
  }
  #wf-main-2 .main__persona__deck {
    transform: scale(.7);
  }
}

@media (max-width: 767px) {
  #wf-main-5 .aimhigh-solution-reference .fifth_section > .progress_wrapper {
    height: calc(360 * var(--aimhigh-vh, 1vh)) !important;
  }
  #wf-main-5 .aimhigh-solution-reference .content_box {
    column-gap: 32px;
  }
  #wf-main-5 .aimhigh-solution-reference .content_box > ul {
    column-gap: 24px;
  }
}

/* Preserve the source's static reading mode instead of creating an empty pin. */
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  #wf-main-5 .aimhigh-solution-reference .fifth_section > .progress_wrapper {
    height: auto !important;
  }
}