/* 폭의 단일 진실 — 이 파일 하나만 고치면 발행면 전체가 따라온다.
 *
 * 2026-08-07 이전에는 같은 숫자가 site.css 와 페이지 인라인 <style> 32곳에
 * 흩어져 있었다. 하나만 고치면 반쪽만 적용됐고, 빌더가 발행 파일의 <head> 를
 * 통째로 복사하는 구조라 다음 재빌드에 옛 값이 되살아났다. 그래서 값을 여기로
 * 모으고 모든 페이지가 이 파일을 링크한다 — 빌더가 복사하는 것은 링크뿐이다.
 *
 * 고칠 때 지킬 것 : --measure 는 읽기 열이다. 넓히지 않는다.
 * 한 줄이 한글 42자를 넘으면 읽기가 나빠진다(46rem·17px 기준 실측 42자).
 * 시원해 보이게 하려면 --measure 가 아니라 --wide 를 올린다.
 */
:root {
  /* 읽기 열 — 글이 흐르는 폭. 고정값으로 취급한다. */
  --measure: 46rem;
  --measure-transcript: 42rem;

  /* 셸 — 카드 격자·이미지·슬라이드가 쓰는 바깥 폭.
   * 76rem 인 근거 : 카드 3열의 최소 필요폭이 3×22rem + gap 1.5rem×2 = 69rem 이고,
   * 1280px 화면에서 화면 자체가 상한이 되는 구간까지 감안해 여유를 둔 값이다.
   * 실측 — 카드 22rem 조합에서 1280·1366·1512 전부 3열, 390 에서 1열. */
  --wide: 76rem;

  /* 목차를 왼쪽에 세우는 자료 페이지 전용 셸.
   * 74rem = 목차 14rem + 간격 4rem + 읽기 열 46rem + 여유. */
  --measure-wide: 74rem;

  /* 목차는 있으나 그림이 적은 텍스트 자료용. 14rem + 4rem + 46rem = 64rem. */
  --measure-wide-text: 64rem;

  /* 헤더·푸터의 정렬 폭. 본문보다 넓어 화면 끝까지 선이 간다. */
  --shell: 90rem;

  /* 카드 격자의 한 칸 최소폭. 3열이 열리는 임계값을 결정한다.
   * 24rem 이면 1280px 화면에서 16px 이 모자라 2열로 주저앉는다(실측). */
  --card-min: 22rem;
}
