/* Model squares only. Vivid publisher colours, then a task-colour fallback.
   Light/dark ink pairs are checked for WCAG AA; the site palette is unchanged. */
.hb-model-avatar[data-model-family="text"] { --model-light:#007e87; --model-dark:#19bbc5; --model-dark-ink:#042e33; }
.hb-model-avatar[data-model-family="code"] { --model-light:#4355d4; --model-dark:#8391ff; --model-dark-ink:#111c4b; }
.hb-model-avatar[data-model-family="vision"] { --model-light:#b04b00; --model-dark:#ffb044; --model-dark-ink:#3c2100; }
.hb-model-avatar[data-model-family="audio"] { --model-light:#a42caf; --model-dark:#e180ed; --model-dark-ink:#36113c; }
.hb-model-avatar[data-model-family="search"] { --model-light:#157a43; --model-dark:#53ce83; --model-dark-ink:#072e19; }
.hb-model-avatar[data-model-family="other"] { --model-light:#526079; --model-dark:#a7b4ce; --model-dark-ink:#1b263c; }
.hb-model-avatar[data-model-publisher="qwen"] { --model-light:#6b4fd8; --model-dark:#a58aff; --model-dark-ink:#21134f; }
.hb-model-avatar[data-model-publisher="google"] { --model-light:#1a73e8; --model-dark:#6ba7ff; --model-dark-ink:#082553; }
.hb-model-avatar[data-model-publisher="meta"] { --model-light:#0866ff; --model-dark:#68a0ff; --model-dark-ink:#062350; }
.hb-model-avatar[data-model-publisher="mistral"] { --model-light:#ff7000; --model-light-ink:#321600; --model-dark:#ff9538; --model-dark-ink:#321600; }
.hb-model-avatar[data-model-publisher="microsoft"] { --model-light:#0078d4; --model-dark:#4eb7ff; --model-dark-ink:#062b44; }
.hb-model-avatar[data-model-publisher="deepseek"] { --model-light:#3d5afe; --model-dark:#8b9aff; --model-dark-ink:#161c50; }
.hb-model-avatar[data-model-publisher="openai"] { --model-light:#087f63; --model-dark:#35c9a0; --model-dark-ink:#06372b; }
.hb-model-avatar[data-model-publisher="nvidia"] { --model-light:#76b900; --model-light-ink:#182700; --model-dark:#96d82a; --model-dark-ink:#182700; }
.hb-model-avatar[data-model-publisher="ibm"] { --model-light:#0f62fe; --model-dark:#78a9ff; --model-dark-ink:#082452; }
.hb-model-avatar[data-model-publisher="apple"] { --model-light:#4447cb; --model-dark:#a49eff; --model-dark-ink:#201947; }
.hb-model-avatar[data-model-publisher="baai"] { --model-light:#c42e44; --model-dark:#ff8090; --model-dark-ink:#490d19; }
.hb-model-avatar[data-model-publisher="sentence-transformers"] { --model-light:#186eae; --model-dark:#52b9ec; --model-dark-ink:#072e44; }
.hb-model-avatar[data-model-publisher="salesforce"] { --model-light:#00a1e0; --model-light-ink:#062d41; --model-dark:#34bdf1; --model-dark-ink:#062d41; }
.hb-model-avatar[data-model-publisher="alibaba"] { --model-light:#ff6a00; --model-light-ink:#311300; --model-dark:#ff9b52; --model-dark-ink:#311300; }
.hb-model-avatar[data-model-publisher="mixedbread"] { --model-light:#c32962; --model-dark:#fa83ad; --model-dark-ink:#450d24; }
.hb-model-avatar[data-model-publisher="amazon"] { --model-light:#ff9900; --model-light-ink:#362000; --model-dark:#ffb443; --model-dark-ink:#362000; }
.hb-model-avatar[data-model-publisher="stability"] { --model-light:#7546ca; --model-dark:#ba8bff; --model-dark-ink:#2c124b; }
.hb-model-avatar[data-model-publisher="black-forest"] { --model-light:#273b35; --model-dark:#91cbb6; --model-dark-ink:#132c23; }
.hb-model-avatar[data-model-publisher="cohere"] { --model-light:#28594b; --model-dark:#6bd1ae; --model-dark-ink:#0e3227; }
.hb-model-avatar[data-model-publisher="huggingface"] { --model-light:#ffcf40; --model-light-ink:#352900; --model-dark:#ffdb67; --model-dark-ink:#352900; }
.hb-model-avatar.hb-model-avatar[data-model-family] {
  background:var(--model-light); color:var(--model-light-ink,#fff);
}
.hb-model-family { display:block; color:var(--ink-2); font-size:.8125rem; line-height:1.5; }
.hb-model-stats.hb-model-stats { display:flex; flex-wrap:wrap; gap:6px 16px; overflow:hidden; color:var(--ink-2); font-size:.82rem; }
.hb-model-stats > span { position:relative; max-width:100%; overflow-wrap:anywhere; }
.hb-model-stats > span + span::before { content:"·"; position:absolute; left:-10px; }
.hb-model-stats > .hb-model-memory { flex-basis:100%; font-weight:650; }
.hb-model-stats > .hb-model-memory + span::before { content:none; }
/* Shared card details only; Charlie's page layout and palette stay unchanged. */
.model-card { min-width:0; }
.model-card .top > .row { flex-wrap:nowrap; align-items:flex-start; }
.model-card .top > .row > div { min-width:0; }
.model-card .org { color:var(--ink-2); overflow-wrap:anywhere; }
.model-card h3 { line-height:1.35; overflow-wrap:anywhere; }
.model-card h3 a { display:block; }
.model-card .hb-model-stats { margin-top:auto; min-height:3.25em; align-content:end; }
.model-card .foot { margin-top:0; flex-wrap:wrap; }
.model-card .foot > .row { margin-left:auto; flex-wrap:wrap; justify-content:flex-end; }
.model-card .model-check-fit { min-height:32px; height:auto; text-decoration:underline; text-underline-offset:3px; position:relative; z-index:1; }
.model-card :is(a,button):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.model-card h3 a:focus-visible::after { outline:2px solid var(--accent); outline-offset:4px; }
:root[data-theme="dark"] .hb-model-avatar.hb-model-avatar[data-model-family] { background:var(--model-dark); color:var(--model-dark-ink); }
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .hb-model-avatar.hb-model-avatar[data-model-family] { background:var(--model-dark); color:var(--model-dark-ink); }
}
/* Native fit-filter dimming must not lower the initials' colour contrast. */
.pcard.dim:has(.hb-model-avatar) { opacity:1; }
.pcard.dim:has(.hb-model-avatar) > :not(.model-card-heading),
.pcard.dim:has(.hb-model-avatar) .model-card-heading > div { opacity:.72; }
