/* ── 율 — 모든 간격이 여기서 나온다. 이름 없는 px 을 지면에 적지 않는다.
     4px 기반 ×1.5 근사 — 인접 두 단이 눈에 갈려야 «고른» 것이 된다. */
  :root{
    --실:2px;   /* 선 두께·림·밑선 — 면이 아니라 «획» */
    --숨:4px;   /* 글자와 그에 딸린 표식 사이(점·번호·아이콘) — 붙지도 떨어지지도 않는 자리 */
    --틈:8px;   /* 같은 것끼리 — 칩 줄·아이콘 줄·목록 항목 사이 */
    --참:12px;   /* 작은 부품의 안쪽 패딩(칩·번호판·코드 조각) */
    --칸:16px;   /* 다른 것 사이 · 중간 부품 안쪽 패딩 */
    --단:24px;   /* 블록 사이(문단↔표·문단↔콜아웃) · 판 안쪽 패딩 */
    --켜:40px;   /* 문단 무리 사이 · 소제목 위 */
    --장:64px;   /* 절 사이 — 「여기서 화제가 바뀐다」 */
    --막:104px;   /* 표지·챕터 브레이크 — 한 지면에 한두 번 */
    /* 사다리 — 장 ≥ 켜×1.5 ≥ 단×2.5 (깨지면 문서가 한 덩어리로 읽힌다) */
    --제목위:3.5em; --제목아래:.85em;      /* 위>아래 3:1 — 제목은 «다음 것»에 붙는다 */
    --줄본문:1.72; --줄제목:1.24; --줄히어로:.93;
  }