/* ============================================================
   창을 줄여도 배치가 바뀌지 않게 — 화면 전체를 같은 비율로 축소
   ------------------------------------------------------------
   기준 너비보다 창이 좁아지면 배치를 다시 짜는 대신
   화면을 통째로 줄입니다. 실제 비율 계산은 shared/fit.js.

   쓰는 법 (head 안에 두 줄):
     <link rel="stylesheet" href="../shared/fit.css">
     <script src="../shared/fit.js" data-design="1250"></script>

   폰(기본 768px 아래)에서는 아무것도 하지 않습니다.
   ============================================================ */
html{
  overflow-x:clip;              /* hidden 은 sticky 를 죽여서 clip */
  scrollbar-gutter:stable;      /* 세로 스크롤바가 생겨도 폭이 안 흔들리게
                                   (안 그러면 축소 비율이 15px 어긋남) */
}
body{
  box-sizing:border-box;
  /* zoom 을 걸면 body 가 놓이는 자리도 같이 넓어져서(= 화면폭 ÷ 배율)
     폭은 따로 지정할 필요가 없습니다. 배율이 조금 어긋나도 안전합니다. */
  zoom:var(--fit,1);
}