/* icons.css — 아이콘 한 벌의 크기 한 자리 (2.191.0 · 링고 09-29).
   기본 16px · 단추 안 14px · 제목 줄 20px — 바꾸려면 아래 `--ic-size` 만 만진다.
   굵기(1.75)·색(currentColor)은 svg 안에 있어 어두운 판·밝은 판 둘 다 글자색을 따른다.
   ⚠ 앱 타일(`.ic-app` · 마스크 방식)은 style.css 의 제 규칙을 그대로 쓴다 — 여기는 svg 만. */
:root { --ic-size: 16px; }
svg.ic { width: var(--ic-size); height: var(--ic-size); flex: none; vertical-align: -3px; }
button, .ghost, .linkish, .chip-x, .x { --ic-size: 14px; }
h1, h2, h3, .panel-head h2, .detail-head h2 { --ic-size: 20px; }
/* 켜진 별·핀처럼 채워 보이고 싶은 자리는 `.on` 을 준다(정본 README: 파일은 안 바꾸고 쓰는 쪽에서 fill) */
.on > svg.ic-star, svg.ic-star.on { fill: currentColor; }
button:has(> svg.ic:only-child) { line-height: 1; }
/* 글자와 같이 서는 아이콘(그림 + 낱말 단추) — 사이를 띄운다 */
button > svg.ic:not(:only-child) { margin-right: .35em; }
.vpage-star svg.ic, .story-star.on svg.ic { fill: currentColor; }
.col-sort svg.ic { --ic-size: 12px; }