/* ============================================================ 도토 — 터치 기기 입력 글자 (문의 #359, 2026-08-30) iOS Safari·WKWebView 는 «글자가 16px 미만인 입력 요소»에 포커스가 가면 읽기 쉬우라고 화면을 스스로 확대한다(배율 = 16 ÷ 실제 글자 크기). 도토의 기본 글자는 14px 이라 아이폰에서는 어떤 입력칸을 탭하든 1.14배로 커지고, 그만큼 오른쪽이 화면 밖으로 나간다. 문의 #359 의 «옆쪽도 잘려서 계속 창을 줄였다 늘려야 합니다»가 이것이다 — 고객 화면녹화에서 같은 안내 문구의 폭이 탭 전 773물리px → 탭 후 887물리px = 1.147배(16/14 = 1.1429)로 실측됐다. 🔴 «16px 미만이면 확대»가 규칙이라 15.9px 도 확대된다. 반드시 16px 이상이어야 한다. 🔴 게이트는 «터치 기기»(pointer: coarse) 다 — iOS 만 골라내지 않는다. 처음에는 @supports (-webkit-touch-callout: none) 으로 iOS 만 노렸는데, 이 조건이 **아이폰에서 참이라는 것을 우리가 확인할 방법이 없다**(Playwright WebKit 은 iPhone 13 에뮬레이션에서도 false 를 돌려준다 — 실측). 확인할 수 없는 조건에 기능을 걸면 아이폰에서 규칙이 통째로 안 켜져도 아무도 모른다. pointer:coarse 는 크로미움·WebKit 양쪽의 모바일 컨텍스트에서 참, 데스크톱에서 거짓임을 실측했다. 대가는 안드로이드·태블릿의 입력 글자도 16px 이 되는 것인데, 터치 기기에서 입력 글자가 커지는 건 해가 아니고, 430px 10화면에서 가로 넘침 회귀 0건을 확인했다. 데스크톱(마우스)은 pointer:fine 이라 종전 14px 그대로다. 🔴 A4·공문 용지 편집(.editor-paper-a4 / .editor-paper-official)은 제외한다 — 그 화면은 «작성 화면 = 인쇄물»이 목적이라 10pt 로 인쇄와 맞춰 뒀고, 글자만 키우면 줄바꿈이 실제 인쇄와 어긋난다. 거기서는 자동 확대를 감수한다(배율만 변할 뿐 줄바꿈은 유지되므로). 🔴 이 파일은 **header.php 와 layouts/_theme_standalone.php 양쪽에서** 싣는다. 로그인·비밀번호 재설정·가입 8화면은 header.php 를 쓰지 않고 자기 를 갖는 독립 골격이라, 다른 CSS 에 얹어 두면 «매일 처음 만나는 화면»인 로그인칸이 그대로 확대된다. 다크모드가 같은 이유로 이미 _theme_standalone.php 를 거친다. ============================================================ */ @media (pointer: coarse) { .form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select, [contenteditable="true"], [contenteditable=""], .doto-editor-content .ProseMirror { font-size: 16px !important; } /* 용지 편집은 인쇄 배율이 우선 — 위 규칙을 되돌린다(!important 끼리는 나중이 이긴다) */ .editor-paper-a4 .doto-editor-content .ProseMirror, .editor-paper-official .doto-editor-content .ProseMirror { font-size: 10pt !important; } }