/* Heroicons Solid helpers — 自托管 sprite, currentColor 跟随文字色 */
.icon {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  vertical-align: -0.2em;
  fill: currentColor;
  stroke: none;
  flex-shrink: 0;
}
.icon-lg { width: 1em; height: 1em; }
.icon-sm { width: 0.65em; height: 0.65em; }

/* 头像里：80×80 圆, SVG 占 0.65 倍父字号 (≈50% 容器) */
:where(.avatar) > svg.icon {
  width: 0.65em;
  height: 0.65em;
  vertical-align: middle;
}

/* 卡片标题前的小图标：跟标题字号接近 */
:where(.section .sh .emoji) > svg.icon {
  width: 0.95em;
  height: 0.95em;
  vertical-align: middle;
}

/* 产品卡里的彩色方块图标：占父容器 50%, 用 px 而非 em
   这样 flex 拉伸时 SVG 不会被撑满 48×48 */
.pcard .icon > svg.icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  vertical-align: middle;
}