.mention-chart { margin: 40px 0; padding-block: 28px; border-block: 1px solid var(--line); color: var(--white); font-size: 15px; line-height: 1.6; }
.article-body .mention-chart h3 { margin: 0; font: 700 24px/1.3 var(--display); }
.mention-chart-note { margin-top: 16px; color: var(--muted); }
.mention-chart figcaption { margin-top: 28px; font-size: 14px; color: var(--muted); }
.mention-chart-scale { display: flex; justify-content: space-between; margin: 28px 64px 8px 228px; font-variant-numeric: tabular-nums; color: var(--muted); font-size: 13px; }
.mention-bar-row { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: 20px; align-items: center; padding-block: 10px; }
.mention-bar-row dt { font-weight: 600; }
.mention-bar-row dd { display: grid; grid-template-columns: minmax(0, 1fr) 48px; gap: 16px; align-items: center; margin: 0; }
.mention-bar-track { height: 26px; border-left: 1px solid var(--white); background: repeating-linear-gradient(to right, transparent 0 calc(25% - 1px), var(--line) calc(25% - 1px) 25%); }
.mention-bar-track > span { display: block; height: 100%; background: var(--yellow); }
.mention-bar-value { font-variant-numeric: tabular-nums; }
.mention-sweeps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.mention-sweep { min-width: 0; }
.article-body .mention-sweep h3 { min-height: 62px; max-width: 290px; margin-inline: auto; text-align: center; font-size: 22px; }
.mention-pie { width: min(100%, 220px); aspect-ratio: 1; margin: 24px auto; border-radius: 50%; background: conic-gradient(var(--yellow) 0 var(--linked-share), var(--white) var(--linked-share) 100%); }
.mention-pie-legend { max-width: 260px; margin-inline: auto; }
.mention-pie-legend > div { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; }
.mention-pie-legend dt { display: flex; align-items: center; gap: 10px; }
.mention-pie-legend dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.mention-key { display: inline-block; width: 14px; height: 14px; flex-shrink: 0; }
.mention-key-linked { background: var(--yellow); }
.mention-key-unlinked { background: var(--white); }
@media (max-width: 600px) {
  .mention-chart-scale { margin-left: 0; }
  .mention-bar-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .mention-sweeps { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .article-body .mention-sweep h3 { min-height: 0; }
}