/* C4 — mobile optimisation only (OWNER 2026-11-04 "모바일 최적화"). Phones (≤760px). Look and layout stay as C3.
   1) touch: every button/link gets at least a 44px tall hit area (invisible extension, the drawn box does not change)
   2) reading: no text smaller than 12px on a phone */
@media (max-width: 760px) {
  /* 1) larger touch areas, drawn size unchanged */
  .c2, .hd .logo, .fr-t h3 a, #mo-pp { position: relative; }
  .c2::after, .hd .logo::after, .fr-t h3 a::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 44px; min-height: 100%; transform: translateY(-50%); }
  #mo-pp { min-width: 44px; }
  .aw-chips { padding-top: 5px; padding-bottom: 9px; } /* room for the taller hit areas inside the scroll row */

  /* 2) minimum 12px text */
  .h2-lb, .h2-cue, .lb.kick, .fr-all, .fr-c b, .no.lb, .wh-forms .lb, .wh-idx .n, .wh-idx .sx, .rail .chip:not(.go), .lb.amb, #mo-ch small,
  #all .lb, #all .c2, #all .n, #all .st, .mr-tag, #studio .lb, #contact .lb, #approach .lb { font-size: 12px !important; }
}