.niche{display:inline-block;position:relative;font-size:.85em}
.niche summary{list-style:none;cursor:pointer;padding:2px 8px;border-radius:999px;white-space:nowrap;user-select:none}
.niche summary::-webkit-details-marker{display:none}
.niche summary b{font-variant-numeric:tabular-nums}
.niche-hi summary{background:var(--ok-bg);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}
.niche-mid summary{background:var(--warn-bg);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}
.niche-lo summary{background:var(--bad-bg);color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad-line)}
.niche-why{position:absolute;z-index:5;left:0;top:calc(100% + 4px);min-width:240px;max-width:320px;margin:0;padding:8px 10px 8px 24px;background:#fff;color:#222;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-pop);font-size:.95em;line-height:1.35;white-space:normal}
.niche-why li{margin:2px 0}
.niche-none{color:#999}