/* Historical models in a continuous news-style strip. No order timestamps. */
.nx-model-examples {
  display: grid; grid-template-columns: minmax(190px, auto) minmax(0, 1fr);
  gap: 28px; align-items: center; margin: 24px 0 0; padding: 14px 0;
  border-block: 1px solid var(--nx-border, #303a46);
  color: var(--nx-text, #edf3fa); min-width: 0;
}
.nx-model-examples__context { display: flex; gap: 10px; align-items: center; min-width: 0; max-width: 300px; }
.nx-model-examples__context strong { display: block; font-size: 14px; line-height: 1.5; color: #94dfb9; }
.nx-model-examples__mark { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: #142a24; color: #94dfb9; }
.nx-model-examples__caption { display: block; font-size: 12px; line-height: 1.5; color: var(--nx-muted, #b2c1d1); }
.nx-model-examples__viewport { min-width: 0; overflow: hidden; mask-image: linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.nx-model-examples__track { display: flex; width: max-content; animation: nx-models-scroll var(--nx-models-duration, 900s) linear infinite; }
.nx-model-examples ul.nx-model-examples__list { display: flex; flex: 0 0 auto; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; }
.nx-model-examples .nx-model-examples__list > li { display: flex; align-items: center; margin: 0; padding: 0 22px; min-height: 44px; }
.nx-model-examples__list > li::after { content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--nx-accent-soft, #6cbaff); margin-left: 44px; opacity: .65; }
.nx-model-examples__model { font-size: 16px; font-weight: 500; line-height: 1.5; white-space: nowrap; }
.nx-model-examples:not([data-running="true"]) .nx-model-examples__track,
.nx-model-examples:hover .nx-model-examples__track,
.nx-model-examples:focus-within .nx-model-examples__track,
html:has(dialog[open], [role="dialog"][aria-modal="true"]) .nx-model-examples__track { animation-play-state: paused; }
.nx-model-examples__viewport:focus-visible { outline: 2px solid var(--nx-accent-soft, #6cbaff); outline-offset: -2px; mask-image: none; }
.nx-model-examples + .nx-bios-order { margin-bottom: 0; }
.nx-model-examples ~ .nx-bios-guidance { border-top: 0; }
@keyframes nx-models-scroll { to { transform: translateX(-50%); } }
@media (max-width: 639px) {
  .nx-model-examples { grid-template-columns: minmax(0, 1fr); gap: 4px; margin-top: 16px; padding-block: 10px; }
  .nx-model-examples__context { max-width: none; }
  .nx-model-examples__context > span:last-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
  .nx-model-examples__model { font-size: 15px; }
  .nx-model-examples .nx-model-examples__list > li { padding-inline: 16px; }
  .nx-model-examples__list > li::after { margin-left: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .nx-model-examples__track { animation: none; }
  .nx-model-examples .nx-model-examples__clone { display: none; }
  .nx-model-examples__viewport { overflow-x: auto; mask-image: none; }
}