/* Full name, English nickname and shorthand remain one compact inline label. */
.model-inline { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; vertical-align: baseline; }
.model-full { color: #263d55; font-size: 13px; font-weight: 500; }
.model-nick { color: #66727f; font-size: 11px; font-weight: 400; }
.model-short { color: #23628a; font-size: 11px; font-weight: 400; }
.model-language { color: #707780; font-size: 11px; font-weight: 400; }
.model-version { color: #707780; font-size: 10px; font-weight: 400; }
.model-long .model-full { font-size: 12px; }
.manual-tag { display: inline-block; max-width: 100%; background: #0f3460; color: #fff; padding: 3px 8px; border-radius: 6px; font-size: 12px; line-height: 1.65; vertical-align: baseline; }
.manual-tag .model-full { color: #fff; }
.manual-tag .model-nick { color: #d4e0ed; }
.manual-tag .model-short { color: #a9d8ff; }
.manual-tag .model-language, .manual-tag .model-version, .manual-tag .badge { color: #d4e0ed; }
.model.manual-tag { margin-left: 0; font-size: 12px; font-weight: 400; }
.manual-tag .model-full { font-size: 12px; }
.recent-model { white-space: nowrap; }
.recent-model .model-full { font-size: 12px; }
#sidebar .cat-models > a:has(.model-inline):hover { border-left: 0; box-shadow: inset 3px 0 var(--accent); }
/* A slightly wider existing sidebar keeps the three names on one readable line. */
:root { --sidebar-width: 320px; }
@media (max-width: 768px) { #sidebar { width: min(96vw, 360px); } }
@media (max-width: 360px) {
  body:has(#results.results) { padding: 10px; }
  .cat-models > a { padding-left: 10px; padding-right: 10px; }
  .model-inline { gap: 5px; }
  .result-item { padding-left: 12px; padding-right: 12px; }
  .manual-tag { margin-left: 0; padding-left: 6px; padding-right: 6px; }
  .header:has(.search-info) { gap: 8px; padding-left: 12px; padding-right: 12px; }
  .header:has(.search-info) h1 { font-size: 14px; }
  .header .search-info { font-size: 12px; white-space: nowrap; }
}
@media (max-width: 300px) {
  .result-item { padding-left: 6px; padding-right: 6px; }
  .manual-tag .model-inline { gap: 3px; }
  .manual-tag { padding-left: 4px; padding-right: 4px; }
}