/*
 * 사이트 공통 글자 크기 기준.
 *
 * 화면마다 제각각 정하면 같은 쓰임의 글자가 화면마다 다르게 보인다.
 * 그래서 쓰임새별로 한곳에 정해 두고, 각 화면은 이 값을 가져다 쓴다.
 *
 *   항목                     PC        모바일
 *   큰 제목                  28~30px   24~26px
 *   구역 제목                22~24px   20~22px
 *   카드 제목                17~18px   16~17px
 *   본문·설명                16px      16px
 *   메뉴·단추                16px      16px
 *   입력칸·라벨·선택지        16px      16px
 *   보조 설명·주석            14px      14px
 *
 * (2026-10-12) 사이트의 다른 화면(소개·정착·공지 등)과 같은 크기로 낮췄다 —
 * 커뮤니티만 글자가 크고 줄 간격이 넓어 다른 화면과 달라 보였다.
 *
 * 여기에는 «변수» 만 둔다. 태그를 직접 꾸미지 않으므로
 * 이 파일을 불러오는 것만으로 기존 화면의 모양이 바뀌지 않는다.
 *
 * 쓰는 법:  font-size: var(--kw-fs-body);
 */

:root {
  /* 큰 제목 — 화면 폭에 따라 26px에서 30px 사이로 자란다 */
  --kw-fs-title: clamp(1.625rem, 1.4rem + 0.8vw, 1.875rem);

  /* 구역 제목 */
  --kw-fs-section: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);

  /* 카드 제목 */
  --kw-fs-card: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);

  /* 본문·설명 — 사이트의 다른 화면과 같이 16px */
  --kw-fs-body: 1rem;

  /* 메뉴·단추 — 어디서나 16px 고정 (작아지면 누르기 어렵다) */
  --kw-fs-ui: 1rem;

  /* 입력칸·라벨·선택지 — 16px 아래로 내려가면 iOS 가 화면을 확대한다 */
  --kw-fs-field: 1rem;

  /* 보조 설명·주석 — 14px 고정. 더 줄이지 않는다 */
  --kw-fs-note: 0.875rem;

  /* 줄 간격 — 글이 길어질수록 넉넉하게 */
  --kw-lh-title: 1.25;
  --kw-lh-body: 1.6;
  --kw-lh-note: 1.5;
}

/*
 * 입력칸이 16px 보다 작으면 iOS 사파리가 화면을 확대해 버린다 —
 * 글을 쓰다가 화면이 튀어 쓰던 내용을 놓치게 된다.
 *
 * 다만 사이트 전체의 input 을 한꺼번에 바꾸면 관리자 화면처럼
 * 칸이 빽빽한 곳의 모양이 틀어진다. 그래서 이 규칙은 «쓰겠다고 밝힌 곳» 에만 건다.
 *
 *   <main class="kw-type"> ... </main>
 */
.kw-type input,
.kw-type select,
.kw-type textarea {
  font-size: max(16px, var(--kw-fs-field));
}