/* assets/css/base.css */
*{box-sizing:border-box}
html, body{
  width:100%;
  min-height:100%;
  overscroll-behavior-y:none;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-size: 17px;
  color:var(--text);
  background:var(--bg);
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
a{color:inherit; text-decoration:none}
.container{max-width:1100px; margin:0 auto; padding:18px 16px calc(46px + env(safe-area-inset-bottom, 0px))}
.spacer{flex:1}
.divider{height:1px; background:var(--border); margin:12px 0}
.note{font-size:13px; color:var(--ink-muted); line-height:1.45; margin-top:10px}

/* 스마트폰(640px 이하): 글자·요소 크기 축소 */
@media (max-width: 640px){
  body{ font-size: 13px; }
  .container{ padding: 8px 10px calc(48px + env(safe-area-inset-bottom, 0px)); }
  .note{ font-size: 10px; }
}