/*
  토스플레이스 프론트 플러그인 — 공통 레이아웃
  참고: https://docs.tossplace.com/guide/front-integration/plugin/design/guide.html
  (단말 해상도·세이프에리어 대응을 위해 max-width + min-height 기준 통일)
*/
html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0 auto;
  line-height: normal;
  font-family: "Toss Product Sans", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  max-width: 400px;
  min-height: 100dvh;
  min-height: 640px;
  background: #f2f4f6;
  color: #191f28;
}

* {
  box-sizing: border-box;
  font-family: "Toss Product Sans", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}

#app {
  min-height: 640px;
}