/* ═══════════════════════════════════════════════════════════════════════
   굵기 변하는 글자 — 문서 41 구현 순서 45 (2026-10-29) · 꾸미기 mods.wght (대문 · 섹션 제목)
     <section data-gl-wght="near|hover" data-gl-wght-font="가변 글꼴 이름">

   🔴 브랜드 글꼴이 가변 글꼴(굵기 축 wght)일 때만 — gl-wght.js 가 제목의 실제 글꼴이 data-gl-wght-font 와 같은지 보고
      맞을 때만 위젯에 gl-wght-ok 를 단다. 그 전(스크립트 없음 · 다른 글꼴)에는 이 파일의 어느 규칙도 걸리지 않는다 — 제목은 보통 굵기.
   near   커서 가까운 글자일수록 굵다 — 글자마다 gl-wght.js 가 font-weight 를 적는다(움직일 때만 · 한 프레임에 한 번)
   hover  제목에 올리면 제목 전체가 굵어진다
   🔴 굵기는 글자 폭을 바꾼다(transform · opacity 로는 낼 수 없는 효과) — 제목 안에서만 바뀌고, 고운 포인터(마우스)에서만 커서를 따른다.
      «움직임 줄이기» — 커서를 따라가지 않고(near 는 그대로 선다) · hover 는 전환 없이 바로 바뀐다.
   ═══════════════════════════════════════════════════════════════════════ */
:root { --gl-wght-max: 900; }
.gl-wght-ok .gl-wght-w { display: inline-block; white-space: nowrap; }
.gl-wght-ok .gl-wght-c { transition: font-weight .28s var(--ease, ease); }
.gl-wght-ok .gl-wght-t { transition: font-weight .35s var(--ease, ease); }
@media (hover: hover) and (pointer: fine) {
  .gl-wght-ok .gl-wght-t.is-wght-hover:hover { font-weight: var(--gl-wght-max); }
}
@media (prefers-reduced-motion: reduce) {
  .gl-wght-ok .gl-wght-c, .gl-wght-ok .gl-wght-t { transition: none; }
}