/* =====================================================================
 * mobile-fixes.css — P3 모바일 가독·탭타깃·입력확대 보정 (2026-06-26)
 * 원칙: @media(≤768) + 특정 셀렉터 한정. 레이아웃 불변, lang-lock/병기규칙 불간섭.
 *   - form-card 내부 .i18n-sub 는 건드리지 않음(🔒BI-LANG-LOCK이 inherit로 승격).
 *   - 데스크톱(≥769)에는 일절 적용 안 됨.
 * ===================================================================== */
@media (max-width:768px){

  /* 1) iOS 입력 자동확대 방지 — 폼 컨트롤 ≥16px */
  input:not([type="checkbox"]):not([type="radio"]),
  textarea, select { font-size:16px !important; }

  /* 2) 보조병기·마이크로라벨 최소 가독 (≥12px). form-card·GNB 메뉴는 제외(승격/잠금 규칙 보호) */
  .hero-title-sub .i18n-sub,
  .i18n-sub.i18n-blk,
  .ai-new-badge .i18n-sub,
  .ai-box-label .i18n-sub,
  .ai-hint .i18n-sub,
  .st-tag, .st-d, .st-t,
  .badge-soon,
  .hf-sub,
  .mc-bc .i18n-sub {
    font-size:12px !important;
    line-height:1.45 !important;
  }

  /* 3) 탭타깃 ≥44×44 — 명확한 인터랙티브 컨트롤 한정 */
  .hold-opt,
  .svc-has-sub,
  .akv3-chip, .akv3-cta, .akv3-opt,
  .ak-subnav a,
  .mc-nav-toggle,
  .nav-toggle {
    min-height:44px;
    display:inline-flex; align-items:center;
  }
  .akv3-chip { padding-top:8px; padding-bottom:8px; }

  /* 미디어 기사 행: 카드 전체가 탭 영역이 되도록 충분한 높이 확보 */
  .mlist .mrow2 .mrow-main,
  .mlist .mrow-main { min-height:44px; display:flex; flex-direction:column; justify-content:center; }

  /* 푸터 링크: 인라인 텍스트라 세로 패딩으로 히트 영역 확대(레이아웃 영향 최소) */
  .footer a, .footer-contacts a { padding-top:6px; padding-bottom:6px; display:inline-block; }
}
