/* home: row of three small mention graphs (build/biz_mentions.py) */
.mx-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 14px}
.mx-row .mx-box{margin:0;padding:12px 12px 8px;border-top:4px solid var(--mx)}
.mx-row .mx-k{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mx)}
.mx-row h2{font-size:15px;margin:2px 0 6px}
.mx-ws{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:6px}
.mx-w{font:inherit;font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}
.mx-w.on{background:var(--mx);border-color:var(--mx);color:#fff}
.mx-svg{width:100%;height:auto;display:block}
.mx-svg .lbl{font-size:10.5px}.mx-svg .val{font-size:10.5px}
.mx-foot{font-size:10.5px;color:var(--muted);margin:4px 0 0}
.mx-none{font-size:12px;color:var(--muted);margin:16px 0}
.mx-note{grid-column:1/-1;font-size:11px;color:var(--muted);margin:-4px 0 0}
html.dark .mx-row .mx-k{color:#E6ECF5;opacity:.85}
html.dark .mx-w.on{color:#fff}
@media (max-width:900px){.mx-row{grid-template-columns:1fr}}
html.dark .mx-svg .bar{fill:var(--mxt)}