/* 글꼴을 바꾸고 싶으면 --wd-font 한 줄만 고치면 모든 화면에 적용된다. */
            :root { --wd-font: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif; }
            body, button, input, select, textarea { font-family: var(--wd-font) !important; letter-spacing: -0.01em; }
            body {
                /* 한글은 단어 단위로 줄바꿈하고(글자 중간에서 끊기지 않게), 아주 긴 문자열만 강제로 끊는다. */
                word-break: keep-all; overflow-wrap: anywhere;
                -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
            }
            html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
            /* iOS Safari는 글자 크기가 16px 미만인 입력창에 포커스하면 화면을 확대한다. 모바일에서만 16px로 맞춘다. */
            @media (max-width: 720px) {
                input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
                select, textarea { font-size: 16px !important; }
            }
            /* 날짜·시간 입력창: iOS/일부 안드로이드는 고정 최소 폭 때문에 칸 밖으로 밀려 잘린다.
               appearance를 풀고 최소 폭을 없애 칸 폭에 맞추고, 높이가 눌려 글자가 잘리지 않게 최소 높이를 준다. */
            @media (max-width: 720px) {
                input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
                    -webkit-appearance: none; appearance: none;
                    min-width: 0; max-width: 100%; min-height: 44px; line-height: 1.3;
                }
                input[type="date"]::-webkit-date-and-time-value,
                input[type="time"]::-webkit-date-and-time-value,
                input[type="datetime-local"]::-webkit-date-and-time-value,
                input[type="month"]::-webkit-date-and-time-value { text-align: left; min-height: 1.3em; }
            }