/* 모바일 글자 기준(2026-11-13, 사장 지시 · 아스트라 협의)
   원인: 옛 common.css 가 480px 아래에서 기준 글자를 12px 로 낮춰, rem 으로 쓴 글자가 전부 75% 로 줄어 있었다.
   기준: 본문 17px · 버튼 16px · 보조 설명 15px · 작은 표기 13~14px · 12px 미만은 쓰지 않는다(그림 속 모형 화면 제외). */
@media screen and (max-width: 480px) { html { font-size: 100%; } }

@media screen and (max-width: 700px) {
  /* 본문 */
  html body .more p, html body .dv-proof-card p, html body .tn-item > p, html body .dv-patent-card p, html body .tn-lead,
  html body .dv-blog a span, html body .gw-hd p, html body .pg-color-pts span { font-size: 17px !important; line-height: 1.65 !important; }
  /* 보조 설명 */
  html body .dv-step span, html body .dv-yt .cap em, html body .dv-press span, html body .dv-stat .l, html body .pg-facts span,
  html body .pg-ring-hint, html body .tn-more, html body .more a, html body .cal p, html body .pg-book .fine, html body .pg-sup-head span,
  html body .gw-chips button, html body .dv-proof-cards ul li b, html body .pf span i { font-size: 15px !important; }
  html body .dv-yt .cap b { font-size: 16px !important; line-height: 1.45 !important; }
  /* 작은 표기 */
  html body .dv-yt .cap i, html body .tn-tags li, html body .dv-float-bubble, html body .cs-chat .bar span, html body .cs-help a,
  html body .dv-chip, html body .dv-win-bar span, html body .dv-proof-card .k, html body .dv-patent-card .k, html body .tn-item .no i,
  html body .tn-item .no, html body .dv-tab .no, html body .gw-en { font-size: 13.5px !important; }
  html body .cs-chat .tag, html body .cs-chat small { font-size: 12.5px !important; }
  /* 첫 화면 */
  html body .msh .tag, html body .msh .stats span, html body .msh .stats a.go u { font-size: 13px !important; }
  /* 상품 벽 이름표 */
  html body .gw-t span { font-size: 13px !important; }
  html body .gw-t span em { font-size: 11.5px !important; }
  /* 하단 회사 정보 */
  html body footer dl dt, html body footer dl dd, html body footer dl dd a { font-size: 14px !important; line-height: 1.6 !important; }
  html body footer .ft-copy { font-size: 13px !important; }
}

/* 글자를 키운 뒤의 줄바꿈: 낱말 중간에서 끊기지 않게(주소 · 영문처럼 긴 것은 넘치지 않도록 예외) */
@media screen and (max-width: 700px) {
  html body .pg p, html body .pg li, html body .pg h1, html body .pg h2, html body .pg h3, html body .pg b, html body .pg span,
  html body .dv-blog a span, html body .dv-yt .cap b, html body .tn-item p, html body .more p { word-break: keep-all; overflow-wrap: anywhere; }
  html body footer .ft-info dl > div { grid-template-columns: 136px 1fr !important; }
  html body footer dl dt { white-space: nowrap; }
}