/*
 * 전역 글자 확대 — 노안(40대+) 가독성. PC·모바일·태블릿 공통.
 * 폰트 크기만 키우고 spacing/레이아웃은 건드리지 않아 모바일 넘침 위험 없음.
 * (POS 셸에서 검증된 방식) — 크기 조절은 이 파일 한 곳에서.
 *
 * 기준: Tailwind 기본 → 확대값
 *   text-[10px]=10→12 / [11px]=11→13 / [12px]=12→13.5 / [13px]=13→14.5
 *   text-xs=12→13.5 / text-sm=14→15.5 / text-base=16→17
 *   text-lg=18→19.5 / text-xl=20→22
 *   본문 기본 16→16.5
 */
body { font-size: 16.5px; }

.text-\[10px\] { font-size: 12px !important;  line-height: 1.3 !important; }
.text-\[11px\] { font-size: 13px !important;  line-height: 1.35 !important; }
.text-\[12px\] { font-size: 13.5px !important; }
.text-\[13px\] { font-size: 14.5px !important; line-height: 1.45 !important; }
.text-xs       { font-size: 13.5px !important; line-height: 1.45 !important; }
.text-sm       { font-size: 15.5px !important; line-height: 1.55 !important; }
.text-base     { font-size: 17px !important;   line-height: 1.6 !important; }
.text-lg       { font-size: 19.5px !important; }
.text-xl       { font-size: 22px !important; }

/* 반응형 변형(sm/md/lg/xl)도 동일 확대 — 태블릿 세로·가로, 데스크톱 모두 휴대폰과 같은 크기.
   ★ 한 미디어쿼리(min-width:640px=태블릿 시작)로 sm/md/lg 변형을 모두 덮어써,
     태블릿 세로(≈768px, lg 미적용 구간)에서도 글자가 작아지지 않게 함. */
@media (min-width: 640px) {
    .sm\:text-\[10px\], .md\:text-\[10px\], .lg\:text-\[10px\] { font-size: 12px !important; }
    .sm\:text-\[11px\], .md\:text-\[11px\], .lg\:text-\[11px\] { font-size: 13px !important; }
    .sm\:text-\[12px\], .md\:text-\[12px\], .lg\:text-\[12px\] { font-size: 13.5px !important; }
    .sm\:text-\[13px\], .md\:text-\[13px\], .lg\:text-\[13px\] { font-size: 14.5px !important; line-height: 1.45 !important; }
    .sm\:text-xs,   .md\:text-xs,   .lg\:text-xs   { font-size: 13.5px !important; line-height: 1.45 !important; }
    .sm\:text-sm,   .md\:text-sm,   .lg\:text-sm   { font-size: 15.5px !important; line-height: 1.55 !important; }
    .sm\:text-base, .md\:text-base, .lg\:text-base { font-size: 17px !important;   line-height: 1.6 !important; }
    .sm\:text-lg,   .md\:text-lg,   .lg\:text-lg   { font-size: 19.5px !important; }
    .sm\:text-xl,   .md\:text-xl,   .lg\:text-xl   { font-size: 22px !important; }
}