/* 모바일 전수 점검 보정 (2026-10-17) — 390px 자동 점검에서 발견된 공통 문제만 좁게 수정.
   계산·입력 로직 변경 없음. 각 페이지 <head> 끝에서 로드하여 기존 스타일보다 우선. */
@media (max-width: 768px) {
  /* 1) 햄버거 메뉴 버튼 탭 영역 25×32 → 44×44 (company-doctor/doctors/services/success/partners/diagnosis-company) */
  .mobile-menu-toggle, #mobileMenuToggle {
    min-width: 44px !important; min-height: 44px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    padding: 6px !important; margin: -6px 0; line-height: 1;
  }
  /* 2) 체크박스·라디오 터치 영역 확장 (시각 크기 유지, 레이블 전체를 탭 가능하게) */
  label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) { min-height: 44px; display: flex; align-items: center; gap: 10px; }
  input[type="checkbox"], input[type="radio"] { position: relative; }
  input[type="checkbox"]::after, input[type="radio"]::after { content: ''; position: absolute; inset: -12px; }
  /* 3) 데이터 표는 가로 스크롤 (typeC 비교표 등 좁은 화면에서 잘림 방지) */
  .table-wrap, .table-container, .comparison-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  table.mobile-scroll { display: block; overflow-x: auto; white-space: nowrap; }
  /* 4) 11px 이하 캡션 최소 12px (index 전문분야 note, doctors 자격 설명) */
  .note, .service-card .note, .asset-allocation-card .note, body .note, .cert-desc, .credential-sub, small.caption { font-size: 12px !important; line-height: 1.55; }
  /* 5) iOS 자동 확대 방지: 16px 미만 입력 요소 */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size: 16px !important; }
  /* 6) 가로 넘침 방지 공통 */
  /* body에 overflow:hidden을 주면 스크롤 컨테이너가 되어 position:sticky(진행바 등)가 깨질 수 있어 clip 사용 */
  html { overflow-x: hidden; }
  body { overflow-x: clip; }
  img, video, canvas, iframe { max-width: 100%; }
}