/* Model pages (/models/ and /models/<slug>/). Loaded together with leaderboard.css, which supplies the Arena hero, tables, chips, and tags. */

html[data-oaiw-ui="new"] .oaiw-crumbs { margin: 0 0 var(--oaiw-space-4); font: 500 .8rem var(--oaiw-font-mono); letter-spacing: .06em; text-transform: uppercase; }
html[data-oaiw-ui="new"] .oaiw-crumbs ol { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 0; color: #9db4d6; }
html[data-oaiw-ui="new"] .oaiw-crumbs li + li::before { content: "/"; margin-right: .4rem; color: #6f8db3; }
html[data-oaiw-ui="new"] .oaiw-crumbs a { color: #8fc7ff; text-decoration: none; }
html[data-oaiw-ui="new"] .oaiw-crumbs a:hover { color: #fff; }

html[data-oaiw-ui="new"] .oaiw-mhead { text-align: left; }
html[data-oaiw-ui="new"] .oaiw-mhead .oaiw-arena-hero__sub { margin-inline: 0; max-width: 46rem; }
html[data-oaiw-ui="new"] .oaiw-mnote { display: inline-flex; gap: .5rem; align-items: center; margin: var(--oaiw-space-4) 0 0; padding: .4rem .8rem; border: 1px solid rgba(255, 200, 61, .5); border-radius: 999px; color: #ffd66b; font-size: .9rem; }

html[data-oaiw-ui="new"] .oaiw-mstats { list-style: none; margin: var(--oaiw-space-6) 0 0; padding: 0 0 var(--oaiw-space-6); display: grid; gap: var(--oaiw-space-4); grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); }
html[data-oaiw-ui="new"] .oaiw-mstats li { display: flex; flex-direction: column; gap: .3rem; padding: var(--oaiw-space-4) var(--oaiw-space-5); border: 1px solid rgba(120, 175, 255, .25); border-radius: var(--oaiw-radius-lg); background: rgba(255, 255, 255, .04); }
html[data-oaiw-ui="new"] .oaiw-mstats__v { display: flex; align-items: baseline; gap: .35rem; font: 700 2rem/1.1 var(--oaiw-font-display); color: #fff; }
html[data-oaiw-ui="new"] .oaiw-mstats__v small { font: 500 1rem var(--oaiw-font-sans); color: #9db4d6; }
html[data-oaiw-ui="new"] .oaiw-mstats__l { font: 500 .78rem var(--oaiw-font-mono); letter-spacing: .06em; text-transform: uppercase; color: #9db4d6; }

html[data-oaiw-ui="new"] .oaiw-mlayout { display: grid; gap: var(--oaiw-space-7); align-items: start; }
@media (min-width: 992px) { html[data-oaiw-ui="new"] .oaiw-mlayout { grid-template-columns: minmax(0, 1fr) 21rem; } }
html[data-oaiw-ui="new"] .oaiw-mmain { display: grid; gap: var(--oaiw-space-7); min-width: 0; }
html[data-oaiw-ui="new"] .oaiw-maside { display: grid; gap: var(--oaiw-space-5); }
@media (min-width: 992px) { html[data-oaiw-ui="new"] .oaiw-maside { position: sticky; top: 5.5rem; } }
html[data-oaiw-ui="new"] .oaiw-mlayout .oaiw-section-head { margin-bottom: var(--oaiw-space-4); }
html[data-oaiw-ui="new"] .oaiw-mlayout .oaiw-section-head h2 { font-size: 1.5rem; margin: 0 0 .4rem; }

html[data-oaiw-ui="new"] .oaiw-mabout__summary { margin: 0 0 var(--oaiw-space-5); font-size: 1.08rem; line-height: 1.7; }
html[data-oaiw-ui="new"] .oaiw-mabout__cols { display: grid; gap: var(--oaiw-space-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); margin-bottom: var(--oaiw-space-5); }
html[data-oaiw-ui="new"] .oaiw-mabout__cols > div { padding: var(--oaiw-space-4) var(--oaiw-space-5); border: 1px solid var(--oaiw-line); border-radius: var(--oaiw-radius-lg); background: var(--oaiw-surface); }
html[data-oaiw-ui="new"] .oaiw-mabout__cols h3 { margin: 0 0 var(--oaiw-space-3); font: 600 .78rem var(--oaiw-font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--oaiw-text-faint); }
html[data-oaiw-ui="new"] .oaiw-mabout__cols ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .4rem; }
html[data-oaiw-ui="new"] .oaiw-mabout__note { margin: 0; color: var(--oaiw-text-faint); font-size: .85rem; }
html[data-oaiw-ui="new"] .oaiw-mabout__note i { color: var(--oaiw-accent); }
html[data-oaiw-ui="new"] .oaiw-mfacts { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
html[data-oaiw-ui="new"] .oaiw-mfacts li { padding: .9rem 1.1rem; border-left: 3px solid var(--oaiw-accent-fill); background: var(--oaiw-surface); border-radius: 0 var(--oaiw-radius) var(--oaiw-radius) 0; line-height: 1.6; }

html[data-oaiw-ui="new"] .oaiw-mdims th, html[data-oaiw-ui="new"] .oaiw-mdims td { vertical-align: middle; }
html[data-oaiw-ui="new"] .oaiw-dimbar { position: relative; display: inline-block; vertical-align: middle; width: min(15rem, 55%); height: 8px; margin-right: .8rem; border-radius: 8px; background: var(--oaiw-surface-2); box-shadow: inset 0 0 0 1px var(--oaiw-line); }
html[data-oaiw-ui="new"] .oaiw-dimbar i { position: absolute; inset: 0 auto 0 0; width: var(--w); border-radius: 8px; background: linear-gradient(90deg, var(--oaiw-accent-fill), var(--oaiw-accent)); }
html[data-oaiw-ui="new"] .oaiw-dimbar b { position: absolute; top: -4px; bottom: -4px; left: var(--avg); width: 2px; background: var(--oaiw-text); opacity: .75; border-radius: 2px; }
html[data-oaiw-ui="new"] .oaiw-delta { font: 600 .85rem var(--oaiw-font-mono); color: var(--oaiw-text-muted); }
html[data-oaiw-ui="new"] .oaiw-delta--up { color: var(--oaiw-success); }
html[data-oaiw-ui="new"] .oaiw-delta--down { color: var(--oaiw-danger); }

html[data-oaiw-ui="new"] .oaiw-msample { margin: 0 0 var(--oaiw-space-5); padding: var(--oaiw-space-5); border: 1px solid var(--oaiw-line); border-radius: var(--oaiw-radius-lg); background: var(--oaiw-surface); }
html[data-oaiw-ui="new"] .oaiw-msample figcaption { margin-bottom: var(--oaiw-space-3); color: var(--oaiw-text-muted); }
html[data-oaiw-ui="new"] .oaiw-msample__label { display: inline-block; margin-right: .4rem; padding: .1rem .5rem; border-radius: 999px; background: var(--oaiw-surface-2); font: 600 .7rem var(--oaiw-font-mono); letter-spacing: .08em; text-transform: uppercase; }
html[data-oaiw-ui="new"] .oaiw-msample blockquote { margin: 0 0 var(--oaiw-space-3); padding: .2rem 0 .2rem 1rem; border-left: 3px solid var(--oaiw-accent-fill); font-size: 1.02rem; line-height: 1.65; overflow-wrap: anywhere; }
html[data-oaiw-ui="new"] .oaiw-msample__meta { margin: 0; color: var(--oaiw-text-muted); font-size: .9rem; }

html[data-oaiw-ui="new"] ul.oaiw-mnear { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
html[data-oaiw-ui="new"] .oaiw-mnear li { display: grid; grid-template-columns: 1fr auto; gap: .1rem .8rem; align-items: center; }
html[data-oaiw-ui="new"] .oaiw-mnear__l { grid-column: 1 / -1; font: 500 .72rem var(--oaiw-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--oaiw-text-faint); }
html[data-oaiw-ui="new"] .oaiw-mnodata { padding: var(--oaiw-space-6); }

/* index: a directory of glass panels, one card per model (compare the ranked tables on the Leaderboard) */
html[data-oaiw-ui="new"] .oaiw-mdirs { display: grid; gap: var(--oaiw-space-7); }
html[data-oaiw-ui="new"] .oaiw-mdir { padding: var(--oaiw-space-5); }
@media (min-width: 768px) { html[data-oaiw-ui="new"] .oaiw-mdir { padding: var(--oaiw-space-6); } }
html[data-oaiw-ui="new"] .oaiw-mdir__head { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .65rem; margin-bottom: var(--oaiw-space-5); font: 500 .72rem var(--oaiw-font-mono); letter-spacing: .08em; color: var(--oaiw-text-faint); }
html[data-oaiw-ui="new"] .oaiw-mdir__dot { width: .5rem; height: .5rem; border-radius: 50%; background: #ff5d6c; box-shadow: 0 0 10px #ff5d6c; animation: oaiw-pulse 2.2s ease-in-out infinite; }
html[data-oaiw-ui="new"] .oaiw-mdir__count { padding: .05rem .5rem; border-radius: 999px; border: 1px solid var(--oaiw-line-strong); color: var(--oaiw-text-muted); }
html[data-oaiw-ui="new"] .oaiw-mdir__head h2 { flex-basis: 100%; margin: 0; font: 600 1.5rem/1.2 var(--oaiw-font-display); letter-spacing: 0; color: var(--oaiw-text); }
html[data-oaiw-ui="new"] .oaiw-mdir__head h2 small { display: block; margin-top: .25rem; font: 400 .95rem var(--oaiw-font-sans); color: var(--oaiw-text-muted); }
html[data-oaiw-ui="new"] .oaiw-mrows { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr)); }
html[data-oaiw-ui="new"] .oaiw-mrow {
  position: relative; display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto; gap: .35rem .85rem; align-items: center; align-content: start; padding: .95rem 1rem;
  border-radius: 14px; background: color-mix(in srgb, var(--oaiw-surface) 88%, transparent); border: 1px solid var(--oaiw-line);
  transition: border-color var(--oaiw-fast), background var(--oaiw-fast), transform var(--oaiw-fast);
}
html[data-oaiw-ui="new"] .oaiw-mrow:hover, html[data-oaiw-ui="new"] .oaiw-mrow:focus-within { border-color: var(--oaiw-accent); background: var(--oaiw-surface-hover); }
html[data-oaiw-ui="new"] .oaiw-mrow.is-retired { opacity: .78; }
html[data-oaiw-ui="new"] .oaiw-mrow__icon { grid-row: 1 / 3; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 12px; background: color-mix(in srgb, var(--oaiw-accent-fill) 18%, transparent); color: var(--oaiw-accent); font-size: 1.15rem; align-self: start; }
html[data-oaiw-ui="new"] .oaiw-mrow__title h3 { margin: 0; font: 600 1.05rem/1.25 var(--oaiw-font-display); overflow-wrap: anywhere; }
html[data-oaiw-ui="new"] .oaiw-mrow__title h3 a { color: var(--oaiw-text); text-decoration: none; }
html[data-oaiw-ui="new"] .oaiw-mrow__title h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
html[data-oaiw-ui="new"] .oaiw-mrow__title h3 a:focus-visible { outline: none; }
html[data-oaiw-ui="new"] .oaiw-mrow:focus-within { outline: 2px solid var(--oaiw-accent); outline-offset: 2px; }
html[data-oaiw-ui="new"] .oaiw-mrow__title small { display: block; margin-top: .1rem; font: 500 .68rem var(--oaiw-font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--oaiw-text-faint); }
html[data-oaiw-ui="new"] .oaiw-mrow__score { font: 700 1.2rem var(--oaiw-font-mono); color: var(--oaiw-accent); white-space: nowrap; }
html[data-oaiw-ui="new"] .oaiw-mrow__score small { font: 500 .7rem var(--oaiw-font-mono); color: var(--oaiw-text-faint); }
html[data-oaiw-ui="new"] .oaiw-mrow__about { grid-column: 2 / -1; margin: 0; font-size: .9rem; line-height: 1.5; color: var(--oaiw-text-muted); }
html[data-oaiw-ui="new"] .oaiw-mrow__facts { grid-column: 2 / -1; list-style: none; margin: .15rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem .5rem; }
html[data-oaiw-ui="new"] .oaiw-mrow__facts li { display: inline-flex; align-items: center; gap: .35rem; padding: .12rem .55rem; border-radius: 999px; border: 1px solid var(--oaiw-line); font: 500 .72rem var(--oaiw-font-mono); letter-spacing: .02em; color: var(--oaiw-text-muted); }
html[data-oaiw-ui="new"] .oaiw-mrow__facts li i { color: var(--oaiw-accent); }
html[data-oaiw-ui="new"] .oaiw-mrow__facts li.is-muted { color: var(--oaiw-text-faint); }
html[data-oaiw-ui="new"] .oaiw-mrow > .oaiw-bar { grid-column: 2 / -1; height: 5px; margin-top: .2rem; }
html[data-oaiw-ui="new"] .oaiw-mdirs__foot { margin: 0; text-align: center; color: var(--oaiw-text-muted); }
@media (prefers-reduced-motion: reduce) { html[data-oaiw-ui="new"] .oaiw-mdir__dot { animation: none; } html[data-oaiw-ui="new"] .oaiw-mrow { transition: none; } }