/* =================================================================
   chocolab 글씨 기준 — SNS 마법사(sns.chocolab.co.kr)와 같은 글꼴·크기   2026-10-18 원장님 결정
   새 화면·고치는 화면은 ui.css 다음에 이 파일을 붙인다:
     <link href="https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" rel="stylesheet">
     <link rel="stylesheet" href="_shared/ui.css">
     <link rel="stylesheet" href="_shared/type.css">
   기준: 글꼴 Pretendard / 본문 17px / 버튼 16px / 입력 16px / 칸 이름·안내 15px / 가장 작은 글씨 13px
         페이지 제목 26~34px / 단락 제목 22px / 머리 상표 23px
   (sns.css 의 값을 옮긴 것. 둘이 어긋나면 sns.css 를 기준으로 이 파일을 고친다)
   ================================================================= */
:root {
  --f-title: 'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif;
  --f-body: 'Pretendard Variable', Pretendard, 'Noto Sans KR', system-ui, sans-serif;
  --fs-body: 17px;
  --fs-btn: 16px;
  --fs-input: 16px;
  --fs-label: 15px;
  --fs-hint: 15px;
  --fs-small: 13px;
  --fs-h2: 22px;
  --fs-title: clamp(26px, 3.2vw, 34px);
}
body { font-family: var(--f-body); font-size: var(--fs-body); line-height: 1.6; }
h1, h2, h3 { font-family: var(--f-title); letter-spacing: -.025em; }
.brand b { font-family: var(--f-title); font-weight: 800; font-size: 23px; letter-spacing: -.02em; }
.top .home { font-size: 14px; }
.who .name { font-size: 15px; }

.pill { font-size: var(--fs-btn); padding: 11px 18px; }
.pill.big { padding: 15px 28px; font-size: 18px; }
.pill-sm { padding: 8px 14px; font-size: 15px; }
.pill-xs { padding: 4px 11px; font-size: 13.5px; }
.chip { font-size: 15px; padding: 7px 14px; }
.chip.sm { font-size: 13.5px; padding: 5px 11px; }
.tag { font-size: var(--fs-small); }

.field > span { font-size: var(--fs-label); }
.input, .field input, .field select, .field textarea { font-size: var(--fs-input); }
.hint { font-size: var(--fs-hint); }
.note { font-size: 15.5px; }
.msg { font-size: 15px; }

.page-title { font-family: var(--f-title); font-size: var(--fs-title); font-weight: 800; }
h2.sec-title, .step h2, .sec h2 { font-size: var(--fs-h2); font-weight: 800; }

/* 로그인 창 */
.login-head h2 { font-family: var(--f-title); font-weight: 800; font-size: 24px; }
.login-head p, .sub-link { font-size: 14.5px; }
.tabs button { font-size: 15px; }
.login .submit { font-size: 16px; }

@media (max-width: 640px) {
  .brand b { font-size: 20px; }
}