/* Icon · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: a composed component. */
/* families/specimens/family.css */
.sp-icg+.sp-icg{margin-top:var(--s-6)}
/* families/specimens/family.css */
.sp-icg .spec-h{margin-bottom:var(--s-3)}
/* families/specimens/family.css */
.sp-icons{list-style:none;display:grid;gap:var(--s-2)}
/* families/specimens/family.css */
.sp-ic{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-3) var(--s-2);border:1px solid hsl(var(--border));border-radius:var(--r-card);text-align:center;min-width:0}
/* families/specimens/family.css */
.sp-ic b{font:var(--w-medium) var(--text-small)/1.25 var(--font-voice)}
/* families/specimens/family.css */
.sp-ic code{font-size:var(--text-micro);color:hsl(var(--muted-foreground));overflow-wrap:anywhere;line-height:1.25}
/* families/specimens/family.css */
.sp-icv{color:hsl(var(--foreground));display:grid;place-items:center;height:var(--s-8)}
/* families/specimens/family.css */
.sp-isz, .sp-ictx{margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid hsl(var(--border))}
/* families/specimens/family.css */
.sp-isz-row{display:flex;flex-wrap:wrap;gap:var(--s-8);align-items:flex-end;margin:var(--s-3) 0 var(--s-4)}
/* families/specimens/family.css */
.sp-isz figure{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}
/* families/specimens/family.css */
.sp-isz figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/specimens/family.css */
.sp-isz figcaption code{color:hsl(var(--foreground));font-weight:var(--w-medium)}
/* families/specimens/family.css */
.sp-ictx-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin:var(--s-3) 0 var(--s-4)}