/* 플로우스튜디오 디자인 맞춤 — 키트의 auth.css 는 그대로 두고, 이 파일이 색·글꼴·간격만 덮어쓴다.
   공급자 로그인 버튼(.hm-login-btn)의 색·로고·문구·모서리는 공식 가이드라 건드리지 않는다. */
body.hm-auth-page {
  background: #fffff5;
  font-family: "Lato", "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.hm-auth {
  --hm-ink: #000;
  --hm-sub: rgba(0, 0, 0, 0.66);
  --hm-mute: rgba(0, 0, 0, 0.5);
  --hm-line: rgba(0, 0, 0, 0.14);
  --hm-ok: #000;
}
.hm-auth .hm-main { padding-top: 24px; }
.hm-auth h1 { font-size: clamp(2rem, 6vw, 3rem); font-weight: 900; line-height: 1.15; letter-spacing: -0.01em; }
.hm-auth h2 { font-weight: 700; }
.hm-auth .hm-btn { border-radius: 999px; font-weight: 700; }
.hm-auth .hm-btn--ghost { background: transparent; }
.hm-auth .hm-admin-bar input { background: transparent; }
.hm-auth th { background: rgba(0, 0, 0, 0.04); }

/* 맨 위의 사이트 이름 줄 — 홈으로 돌아가는 길 */
.hm-site-top { max-width: 480px; margin: 0 auto; padding: 20px 20px 0; font-weight: 700; letter-spacing: 0.02em; }
.hm-site-top a { color: #000; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.hm-site-top.is-wide { max-width: 880px; }

/* 손가락으로 누르기 쉬운 크기 */
.hm-auth .hm-link { display: inline-flex; align-items: center; min-height: 44px; }