/* r37 (Alex 30 Oct 2026 16:06): the row of three small graphs (UK AI academics / centres & labs / collaborations), in the style of
   aiextra.xyz's UK AI Academics panel, in the main area directly under the brown AI Topics panel (which follows the last tile);
   each panel its own pastel shade. Built server-side by core/hub_mentions.py; window buttons in hub-mentions.js. */
.mx-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.mx-row .mx-box{margin:0;padding:10px 11px 7px;border-top:4px solid var(--mx);min-width:0}
#mx-academics{background:rgba(219,232,248,.92)}   /* pale blue */
#mx-centres{background:rgba(222,240,214,.92)}     /* pale green */
#mx-collabs{background:rgba(241,224,244,.92)}     /* pale lavender */
html.dark #mx-academics{background:rgba(26,42,66,.92)}
html.dark #mx-centres{background:rgba(30,48,26,.92)}
html.dark #mx-collabs{background:rgba(52,30,56,.92)}
.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:.92rem;margin:1px 0 4px}
.mx-ws{font-size:10.5px;color:#2b3340;display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:5px}
.mx-w{font:inherit;font-size:10px;padding:1px 7px;border-radius:999px;border:1px solid rgba(0,0,0,.28);background:rgba(255,255,255,.7);color:#14181f;cursor:pointer}
.mx-w.on{background:var(--mx);border-color:var(--mx);color:#fff}
.mx-svg{width:100%;height:auto;display:block;overflow:hidden}
.mx-svg .lbl{font-size:10px;fill:#14181f}.mx-svg .val{font-size:10.5px;font-weight:600;fill:#14181f}
.mx-svg .ax{stroke:rgba(0,0,0,.25);stroke-width:1}
.mx-svg a:hover .bar,.mx-svg a:focus .bar{opacity:.8}
.mx-foot{font-size:10px;color:#2b3340;margin:3px 0 0}
.mx-none{font-size:12px;color:#2b3340;margin:16px 0}
.mx-note{grid-column:1/-1;font-size:10.5px;line-height:1.35;color:var(--text);margin:-2px 0 0;padding:6px 10px;background:rgba(248,250,252,.92);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--box-border)}
html.dark .mx-note{background:rgba(20,35,42,.92)}
html.dark .mx-row .mx-k{color:#E6ECF5;opacity:.9}
html.dark .mx-ws,html.dark .mx-foot,html.dark .mx-none{color:#d5dce6}
html.dark .mx-w{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#E6ECF5}
html.dark .mx-w.on{background:var(--mxt);border-color:var(--mxt);color:#14181f}
html.dark .mx-svg .lbl,html.dark .mx-svg .val{fill:#E6ECF5}
html.dark .mx-svg .ax{stroke:rgba(255,255,255,.3)}
html.dark .mx-svg .bar{fill:var(--mxt)}
@media (max-width:900px){.mx-row{grid-template-columns:1fr}}