/*
 * 학생 기기 공통 조각(css). 원본: claude-skills/skills/student-device. 앱에는 복사해서 넣고, 고칠 때는 원본부터 고친다.
 * 기기: ASUS 아이북 1300x600(배율 1), 삼성 아이북 1660x900(배율 1.5), 칠판 1506x727(배율 2.55).
 */
:root {
  /* 높이에 맞춘 기본 글자: 600에서 16px, 900에서 20px, 그 사이는 비례.
     폭이 1300 판 비율(13:6)보다 좁으면 폭을 따른다(세로로 돌린 768x1366에서 커지지 않게) */
  --fit-font: clamp(16px, min(8px + 1.3333dvh, 1.2308vw), 20px);
  /* px로 짠 앱용 「1px」: 600에서 1px, 900에서 1.25px. calc(14 * var(--fit-px))처럼 쓴다 */
  --fit-px: clamp(1px, min(0.5px + 0.083333dvh, 0.076923vw), 1.25px);
}

/* 웨일에서 가로로 쓸다가 이전 페이지로 넘어가지 않게(세로 당겨서 새로 고침은 남긴다) */
html,
body {
  overscroll-behavior-x: none;
}

/* rem으로 짠 앱: <html class="fit-height">를 붙이면 rem 전체가 높이에 맞춰 커진다 */
html.fit-height {
  font-size: var(--fit-font);
}

/* 끌기 화면: blockGestures()가 붙인다. 두 손가락 확대를 막고 한 손가락 스크롤은 남긴다 */
html.no-gesture {
  touch-action: pan-x pan-y;
}

html.no-gesture,
html.no-gesture body {
  overscroll-behavior: none;
}