/* 모두의 쿱 읽기 좋게(2026-10-18) — 조합원 소통방 · 조합 대시보드 공통.
   글자 단계를 한 칸씩 키우고(작은 글 11px → 12.5px, xs 12 → 13, sm 14 → 15), 옅은 회색 글을 조금 진하게, 휴대폰 입력 칸은 16px(아이폰 확대 막기).
   Tailwind CDN이 나중에 만드는 같은 이름의 규칙을 이기도록 html body 를 앞에 붙인다(반응형 글자 클래스는 거의 쓰지 않음 — md:text-xl 하나뿐) */
html body { line-height: 1.6; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html body .text-\[9px\] { font-size: 11px; }
html body .text-\[10px\] { font-size: 11.5px; }
html body .text-\[11px\], html body .text-\[11\.5px\] { font-size: 12.5px; line-height: 1.55; }
html body .text-\[12px\], html body .text-xs { font-size: 13px; line-height: 1.55; }
html body .text-\[13px\] { font-size: 14px; }
html body .text-sm { font-size: 15px; line-height: 1.6; }
html body .text-\[15px\] { font-size: 16px; }
html body .pill { font-size: 12px; white-space: nowrap; }   /* 딱지는 한 줄로 — 줄이 모자라면 딱지째 다음 줄로 */
/* 옅은 회색 글 — 흰 바탕에서 읽히게(대비 약 2.5 → 4.2) */
html body .text-stone-400 { color: #7f7873; }
html body .text-stone-300 { color: #a39d98; }
/* 휴대폰: 입력 칸 16px(누를 때 화면이 확대되지 않게), 가로 넘침 막기 */
@media (max-width: 767px) {
  html body input:not([type=checkbox]):not([type=radio]), html body select, html body textarea { font-size: 16px; }
  html body { overflow-x: clip; }   /* hidden 과 달리 스크롤 칸을 새로 만들지 않아 sticky 머리 · 창 스크롤이 그대로 */
  html body img { max-width: 100%; }
  html body select { max-width: 100%; min-width: 0; text-overflow: ellipsis; }   /* 16px 로 커진 고르기 칸이 줄 밖으로 나가지 않게 */
  html body label:has(> select) { max-width: 100%; min-width: 0; }
}