/* 'AI로 하는 일' 아이콘(2026-10-26 기획 12절 1) — scripts/lib/work-icons.js 의 24×24 선 아이콘.
 * 일 페이지(templates/work.html)와 홈(index.html — / 01 목록·그 위 인포그래픽, 2026-10-26 활용 방법에서 옮김)이 함께 부른다.
 * 선 색은 currentColor, 채움·굵기·끝 모양은 여기 .wi 가 정한다. 기호 모음(.wi-sprite)은 자리를 차지하지 않는다.
 * 묶음 색 --wg-c: [data-wgroup="<묶음>"] — 표는 work-icons.js WORK_GROUP_COLORS 와 같다(시험). 색은 토큰만(theme-ratchet 0).
 * .wi-badge: 묶음 색으로 옅게 채운 둥근 칸 안의 아이콘(크기는 --wi-size). 채움은 currentColor 를 옅게 깐 것이라 두 테마에서 같은 구조. */
.wi{display:inline-block;flex:none;width:1em;height:1em;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em;overflow:visible}
.wi-sprite{position:absolute;width:0;height:0;overflow:hidden}
[data-wgroup="find"]{--wg-c:var(--blue)}
[data-wgroup="write"]{--wg-c:var(--viz-3)}
[data-wgroup="media"]{--wg-c:var(--tag-pink)}
[data-wgroup="build"]{--wg-c:var(--green)}
.wi-badge{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--wi-size,40px);height:var(--wi-size,40px);border-radius:calc(var(--wi-size,40px) * .3);color:var(--wg-c,var(--ember))}
.wi-badge::before,.wi-badge::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.wi-badge::before{background:currentColor;opacity:.12}
.wi-badge::after{border:1px solid currentColor;opacity:.34}
.wi-badge>.wi{position:relative;width:54%;height:54%}