@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Goldman:wght@400;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --sans: "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --gutter: clamp(16px, 3.5vw, 40px);
  --max: 1180px;
  --bg: #fff;
  --ink: #111;
  --mute: #5a5a5a;
  --line: #e4e4e4;
  --wash: #f4f4f4;
  --rust: #a94f35;
  --mast: #111;
  --fam-p: #2f5bea; --fam-m: #0f8b8d; --fam-g: #6b4fd8; --fam-v: #c2410c;
  --fam-r: #1f7a4d; --fam-e: #be185d; --fam-d: #a16207; --fam-q: #334155; --fam-x: #0369a1;
}
.site-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1280px; margin: 0 auto; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.site-head .brand { color: var(--ink); font: 700 14px var(--mono); letter-spacing: .12em; text-decoration: none; }
.site-head nav { display: flex; gap: 18px; }
.site-head nav a { color: var(--mute); font-size: 13px; text-decoration: none; }
.site-head nav a[aria-current="page"] { color: var(--ink); font-weight: 700; }
.bar-head h2, .sheet-block-title { text-transform: capitalize; }
.page-wrap { max-width: 1280px; margin: 0 auto; padding: 42px 24px 80px; }
.benchmark-page-head { margin-bottom: 28px; }
.benchmark-page-head h1 { max-width: 800px; margin: 16px 0 8px; font-size: clamp(28px, 4vw, 52px); }
.benchmark-page-head p:last-child { margin: 0; color: var(--mute); }
.benchmark-page-section { border-top: 1px solid var(--line); padding-top: 24px; }
.benchmark-page-section h2 { margin: 0 0 14px; font-size: 22px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 64px; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 14px/1.55 var(--sans); zoom: .8; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; color: inherit; }
button { background: none; border: 0; cursor: pointer; }
button:disabled { opacity: .35; cursor: default; }
img { max-width: 100%; display: block; }
figure { margin: 0; }
h1, h2, h3, p { margin: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mast {
  position: sticky; top: 0; z-index: 50;
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 60px; padding: 0 var(--gutter);
  background: var(--mast); color: #f3f3f3;
}
.brand { justify-self: start; font: 600 14px/1 var(--sans); letter-spacing: -.02em; color: #fff; }
.brand img { display: block; width: 178px; height: 48px; object-fit: contain; background: #fff; filter: invert(1); }
.research-page .mast { background: var(--mast); color: #f3f3f3; border-bottom: 0; }
.research-page .brand { color: #fff; }
.research-page .mast nav[aria-label="Main"] { color: #c8c8c8; }
.research-page .mast nav a:hover, .research-page .mast nav a[aria-current="page"] { color: #fff; }
.research-page .btn.ghost { color: #fff; border-color: #555; }
.research-page .btn.ghost:hover { border-color: #fff; }
.research-page .paper-nav a { color: var(--ink); }
.mast nav[aria-label="Main"] {
  justify-self: center;
  display: flex; gap: 48px;
  font: 500 14px/1 var(--sans);
  color: #c8c8c8;
}
.mast nav a:hover, .mast nav a[aria-current="page"] { color: #fff; }
.mast-end { justify-self: end; display: flex; gap: 8px; }

.paper-nav {
  position: sticky; top: 60px; z-index: 40;
  border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94);
  backdrop-filter: blur(12px);
}
.paper-nav-inner {
  width: min(var(--max), 100% - 2 * var(--gutter)); margin: 0 auto;
  display: flex; gap: 22px; overflow-x: auto; scrollbar-width: none;
}
.paper-nav-inner::-webkit-scrollbar { display: none; }
.paper-nav a { flex: 0 0 auto; padding: 10px 0 9px; color: var(--mute); font: 500 11px var(--mono); letter-spacing: .04em; }
.paper-nav a:hover, .paper-nav a:focus-visible { color: var(--ink); }

@media (min-width: 1280px) {
  .paper-nav {
    position: fixed; left: max(22px, calc((100vw - var(--max)) / 2 - 148px)); top: 50%; z-index: 40;
    transform: translateY(-50%);
    border: 0; border-left: 1px solid var(--line);
    background: transparent; backdrop-filter: none;
  }
  .paper-nav-inner {
    width: auto; margin: 0; padding-left: 14px;
    display: flex; flex-direction: column; gap: 18px;
    overflow: visible;
  }
  .paper-nav-inner::before {
    content: "SECTIONS"; margin-bottom: 5px;
    color: #555; font: 500 12px var(--mono); letter-spacing: .12em;
    writing-mode: vertical-rl; transform: rotate(180deg);
    position: absolute; left: -18px; top: 0;
  }
  .paper-nav a { padding: 0; font-size: 14px; line-height: 1.2; white-space: nowrap; }
  .paper-nav a:hover, .paper-nav a:focus-visible { transform: translateX(3px); }
}

.paper-hero {
  width: min(var(--max), 100% - 2 * var(--gutter)); margin: 0 auto; padding: 68px 0 36px;
}
.paper-kicker { color: var(--rust); font: 500 11px var(--mono); letter-spacing: .1em; }
.paper-hero h1 { max-width: 920px; margin-top: 14px; font: 600 clamp(32px, 5vw, 62px)/1.04 "Goldman", "Avenir Next", var(--sans); letter-spacing: -.045em; }
.hero h1, .paper-hero h1 { font-size: clamp(40px, 5.2vw, 64px); }
.paper-authors { max-width: 860px; margin-top: 18px; color: var(--mute); font-size: 14px; }
.paper-lede { max-width: 700px; margin-top: 22px; font: 500 clamp(16px, 2vw, 22px)/1.35 var(--sans); color: var(--mute); }
.paper-links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 24px; font: 500 12px var(--mono); }
.paper-links a { border-bottom: 1px solid var(--rust); }
.paper-links a:hover { color: var(--rust); }
.resource-pending { color: var(--mute); opacity: .65; }
.paper-tldr { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 18px; margin-top: 42px; padding: 18px 0 0; border-top: 1px solid var(--ink); }
.paper-tldr strong { font: 500 12px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.paper-tldr p { max-width: 760px; color: var(--mute); font-size: 14px; }
.section-summary {
  max-width: 900px; margin: 18px 0 24px; color: var(--mute);
  font-size: 14px; line-height: 1.65;
}
.research-page .prose { font-size: 13px; line-height: 1.65; }
.research-page #research > .prose { max-width: 900px; }
.research-page #data > .prose { max-width: 900px; }
.research-page #method > .prose { max-width: 900px; }
.evaluation-subsection { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); }
.evaluation-subsection#transfer { margin-top: 42px; padding-top: 28px; border-top: 2px solid var(--rust); }
.evaluation-subsection .subhead { margin-bottom: 12px; }
.research-page .bar-head p { font-size: 13px; }
.research-page .facts span { font-size: 12px; }
.research-page .paper-figure figcaption { font-size: 10px; line-height: 1.55; text-transform: none; letter-spacing: 0; }
.research-page .flow-copy { font-size: 12px; }

.btn {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 34px; padding: 6px 12px;
  border: 1px solid currentColor; font: 500 13px var(--sans);
}
.btn.solid { background: var(--ink); color: #fff; border-color: var(--ink); }
.btn.solid:hover { background: var(--rust); border-color: var(--rust); }
.btn.ghost { color: #fff; border-color: #555; }
.btn.ghost:hover { border-color: #fff; }
.btn.soon { opacity: .55; cursor: default; }
.cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }

.hero {
  width: min(var(--max), 100% - 2 * var(--gutter));
  margin: 0 auto; padding: 36px 0 28px;
}
.hero h1 { font: 700 clamp(44px, 6.2vw, 76px)/.98 "Goldman", "Avenir Next", var(--sans); letter-spacing: -.045em; }
.hero-wordmark { display: inline-flex; }
.hero-wordmark > span { display: inline-block; animation: wordmark-pop 1s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i) * 125ms); }
@keyframes wordmark-pop {
  0% { opacity: 0; transform: translateY(.45em) scale(.86); filter: blur(5px); }
  65% { opacity: 1; transform: translateY(-.08em) scale(1.04); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
.hero-tagline { display: block; max-width: 720px; margin-top: 16px; font: 400 clamp(19px, 2.35vw, 30px)/1.18 "Goldman", "Avenir Next", var(--sans); letter-spacing: -.025em; color: var(--mute); }
.eyebrow { font: 500 12px/1.4 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--rust); margin: 16px 0 12px; }
.summary { color: var(--mute); max-width: 42em; }
.hero-q {
  max-width: 34em;
  margin: 18px 0 0;
  font: 500 clamp(17px, 1.55vw, 20px)/1.4 var(--sans);
  color: var(--mute);
}
.hero-q em {
  display: block;
  margin-top: 2px;
  font-style: normal;
  color: var(--rust);
}
.featured-band { padding-top: 28px; padding-bottom: 8px; }
.featured { min-width: 0; background: var(--wash); border: 1px solid var(--line); }
.featured-meta { padding: 14px 16px 16px; }
.featured-meta h2 { font: 600 18px/1.3 var(--sans); margin: 4px 0; }
.featured-meta p { font-size: 13px; color: var(--mute); }
.featured-picks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.featured-picks button {
  padding: 4px 8px; border: 1px solid var(--line); background: #fff; font: 500 11px var(--mono);
}
.featured-picks button[aria-selected="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.prediction-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.prediction-card { border: 1px solid var(--line); background: var(--wash); overflow: hidden; cursor: pointer; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.prediction-card:hover, .prediction-card:focus-visible { border-color: var(--ink); transform: translateY(-2px); box-shadow: 0 10px 24px #1111; outline: none; }
.prediction-cover { position: relative; background: #111; }
.prediction-cover video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.prediction-cover-badge { position: absolute; top: 10px; right: 10px; padding: 5px 9px; border-radius: 999px; background: #fff; color: var(--ink); font: 650 10px var(--mono); box-shadow: 0 2px 8px #1113; }
.prediction-card-copy { padding: 14px 15px 16px; }
.prediction-card-copy .tag { margin: 0 0 6px; }
.prediction-card h3 { margin: 0; }
.prediction-card h3 { font: 600 18px/1.25 var(--sans); }
.prediction-prompt { margin: 10px 0 14px; color: var(--mute); font-size: 14px; }
.prediction-card-copy .prediction-prompt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; }
.prediction-media { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.prediction-media figure { background: #111; color: #fff; min-width: 0; }
.prediction-media video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.prediction-missing { display: grid; place-items: center; min-height: 150px; padding: 18px; background: #111; color: #aaa; text-align: center; font-size: 12px; }
.prediction-media figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 8px 9px 9px; font-size: 11px; line-height: 1.3; }
.prediction-media figcaption span { color: #aaa; text-align: right; }
.prediction-ours { outline: 2px solid var(--rust); outline-offset: -2px; }
.prediction-play { margin-top: 12px; color: var(--ink); }
.prediction-play:hover { background: var(--ink); color: #fff; }
.prediction-detail-media { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 16px 22px 0; }
.prediction-detail-media figure { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #111; color: #fff; }
.prediction-detail-media video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.prediction-unavailable { display: grid; grid-template-rows: 1fr auto; min-height: 100%; background: #202020; }
.prediction-unavailable > div { display: grid; place-items: center; min-height: 150px; padding: 20px; color: #aaa; text-align: center; font-size: 12px; }
.prediction-detail-media figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; font-size: 11px; line-height: 1.3; }
.prediction-detail-media figcaption span { color: #aaa; text-align: right; }
.prediction-detail-copy { padding: 16px 22px 22px; }

.hero-wall {
  position: relative;
  height: min(62vh, 620px);
  min-height: 320px;
  overflow: hidden;
  isolation: isolate;
  background: #0e0e0e;
}
.hero-wall::before, .hero-wall::after {
  content: "";
  position: absolute; left: 0; right: 0; z-index: 2;
  pointer-events: none; height: 72px;
}
.hero-wall::before { top: 0; background: linear-gradient(#fff, transparent); }
.hero-wall::after { bottom: 0; background: linear-gradient(transparent, #fff); }
.wall {
  --tw: clamp(150px, 11vw, 190px);
  --wg: 10px;
  position: absolute; z-index: 0;
  left: 50%; top: 50%;
  width: max(190vw, 2400px);
  height: max(170%, 980px);
  display: flex; justify-content: center; gap: var(--wg);
  transform: translate(-50%, -50%) rotate(-8deg);
  transform-origin: 50% 50%;
}
.wall-col {
  flex: 0 0 auto;
  width: var(--tw);
  animation: wall-up var(--dur, 160s) linear var(--delay, 0s) infinite;
  will-change: transform;
}
.wall-col.down { animation-name: wall-down; }
.wall-col > .wt { margin-bottom: var(--wg); }
@keyframes wall-up {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -50%, 0); }
}
@keyframes wall-down {
  from { transform: translate3d(0, -50%, 0); }
  to { transform: translate3d(0, 0, 0); }
}
.wt {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 8px;
  background: #1a1a1a;
  outline: 1px solid rgba(255,255,255,.08);
  outline-offset: -1px;
}
.wt img, .wt video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.wt video { opacity: 0; transition: opacity .6s; }
.wt.playing video { opacity: 1; }
.wt .ttl {
  position: absolute; z-index: 2; left: 0; right: 0; bottom: 0;
  padding: 22px 10px 8px;
  font: 500 11px/1.3 var(--sans);
  color: #fff;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
  opacity: 0;
  transition: opacity .2s;
}
.wt:hover .ttl, .wt:focus-visible .ttl { opacity: 1; }
.wt:hover, .wt:focus-visible { outline: 2px solid #fff; outline-offset: 0; }
.wall-note {
  position: absolute; z-index: 3; left: var(--gutter); bottom: 14px;
  margin: 0; font: 500 11px/1.3 var(--mono); color: #5a5a5a;
}

.ticker {
  background: var(--ink); color: #f3f3f3;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 0; padding: 18px var(--gutter);
  text-align: center;
}
.ticker div { padding: 4px 0; border-right: 1px solid #333; }
.ticker div:last-of-type { border: 0; }
.ticker b { display: block; font: 600 22px/1.2 var(--sans); }
.ticker p { grid-column: 1 / -1; margin: 10px 0 0; font-size: 12px; color: #9a9a9a; text-align: center; }
.page-jump {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 8px;
  width: min(var(--max), 100% - 2 * var(--gutter));
  margin: 28px auto 0;
}
.page-jump a {
  padding: 6px 12px; border: 1px solid var(--line);
  font: 500 13px var(--sans);
}
.page-jump a:hover { border-color: var(--ink); }

.section { width: min(var(--max), 100% - 2 * var(--gutter)); margin: 0 auto; padding: 56px 0 8px; }
.research-page .section { position: relative; padding-top: 72px; border-top: 1px solid var(--line); }
.research-page .section::before {
  content: ""; position: absolute; left: 0; top: -1px;
  width: 46px; height: 3px; background: var(--rust);
}
h2 { font: 600 clamp(20px, 3vw, 28px)/1.2 "Goldman", "Avenir Next", var(--sans); letter-spacing: -.02em; }
.plain-type h1, .plain-type h2 { font-family: var(--sans); letter-spacing: -.025em; }
.leaderboard-page .hero h1, .bench-page .hero h1 { font-family: "Goldman", "Avenir Next", var(--sans); letter-spacing: -.045em; }
.leaderboard-page .section, .bench-page .section { position: relative; margin-top: 48px; padding-top: 64px; border-top: 1px solid var(--line); }
.leaderboard-page .section::before, .bench-page .section::before { content: ""; position: absolute; left: 0; top: -1px; width: 46px; height: 3px; background: var(--rust); }
.hive-grid.is-main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hive-grid.is-main .hive-task { aspect-ratio: 4 / 3; }
.hive-grid.is-main .hive-task img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
@media (min-width: 981px) {
  .hive-grid.is-main .hive-task { height: clamp(180px, 18vw, 235px); aspect-ratio: auto; }
}
.research-page h2 { font-family: var(--sans); }
.home-page h2 { font-family: var(--sans); letter-spacing: -.025em; }
.author-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 20px; background: var(--line); border: 1px solid var(--line); }
.affiliation-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.affiliation-grid > div { position: relative; min-height: 156px; padding: 12px; border: 1px solid var(--line); background: #fff; text-align: center; }
.affiliation-grid > div > span { position: absolute; top: 10px; left: 12px; color: var(--rust); font: 500 13px var(--mono); }
.affiliation-grid img { display: block; width: 64px; height: 64px; margin: 16px auto 12px; object-fit: contain; }
.affiliation-grid p { margin: 0; color: var(--mute); font-size: 12px; line-height: 1.3; }
.author-grid > div { display: flex; flex-direction: column; align-items: center; gap: 5px; min-height: 72px; padding: 14px; background: #fff; text-align: center; }
.author-grid > div::before { content: ''; display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 10px; border: 1px solid var(--line); border-radius: 50%; background: var(--wash); color: var(--mute); font: 600 16px var(--sans); }
.author-grid > div:nth-child(1)::before { content: 'MW'; }.author-grid > div:nth-child(2)::before { content: 'ZZ'; }.author-grid > div:nth-child(3)::before { content: 'QG'; }.author-grid > div:nth-child(4)::before { content: 'ZJ'; }.author-grid > div:nth-child(5)::before { content: 'YZ'; }.author-grid > div:nth-child(6)::before { content: 'ZL'; }.author-grid > div:nth-child(7)::before { content: 'HQ'; }.author-grid > div:nth-child(8)::before { content: 'SA'; }.author-grid > div:nth-child(9)::before { content: 'HJ'; }.author-grid > div:nth-child(10)::before { content: 'YW'; }.author-grid > div:nth-child(11)::before { content: 'YW'; }.author-grid > div:nth-child(12)::before { content: 'JH'; }.author-grid > div:nth-child(13)::before { content: 'HL'; }.author-grid > div:nth-child(14)::before { content: 'LZ'; }.author-grid > div:nth-child(15)::before { content: 'XZ'; }.author-grid > div:nth-child(16)::before { content: 'YL'; }.author-grid > div:nth-child(17)::before { content: 'JW'; }.author-grid > div:nth-child(18)::before { content: 'SW'; }.author-grid > div:nth-child(19)::before { content: 'XX'; }.author-grid > div:nth-child(20)::before { content: 'JL'; }.author-grid > div:nth-child(21)::before { content: 'YZ'; }.author-grid > div:nth-child(22)::before { content: 'HZ'; }.author-grid > div:nth-child(23)::before { content: 'DL'; }.author-grid > div:nth-child(24)::before { content: 'FY'; }.author-grid > div:nth-child(25)::before { content: 'RJ'; }.author-grid > div:nth-child(26)::before { content: 'YB'; }.author-grid > div:nth-child(27)::before { content: 'JG'; }.author-grid > div:nth-child(28)::before { content: 'JB'; }.author-grid > div:nth-child(29)::before { content: 'KG'; }.author-grid > div:nth-child(30)::before { content: 'AS'; }.author-grid > div:nth-child(31)::before { content: 'AA'; }.author-grid > div:nth-child(32)::before { content: 'HD'; }
.author-grid b { font-size: 14px; }
.author-grid > div:nth-child(-n+6) b::after { content: '*'; color: var(--rust); }
.lead-caption { color: var(--mute); font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.lead-caption i { color: var(--rust); font-style: normal; font-size: 16px; }
.author-grid span { color: var(--mute); font-size: 12px; line-height: 1.35; }
.contact-panel { width: min(var(--max), 100% - 2 * var(--gutter)); margin: 28px auto 70px; padding: 82px 100px 90px; border-radius: 30px; background: #10151b; color: #f5f6f7; }
.contact-panel h2 { max-width: 760px; font: 700 clamp(38px, 5vw, 68px)/1.02 var(--sans); letter-spacing: -.045em; }
.contact-panel p { margin: 26px 0 40px; color: #c8cbd0; font-size: clamp(18px, 2vw, 25px); line-height: 1.45; }
.contact-panel a { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 999px; background: #fff; color: #171a1e; font-weight: 600; text-decoration: none; }
.contact-panel a span { font-size: 20px; }
.contribute-page main { display: flex; flex-direction: column; }
.contribute-page .hero h1 { font-family: "Goldman", "Avenir Next", var(--sans); }
.contribute-page #top { order: 0; }
.contribute-page #authors { order: 1; }
.contribute-page #affiliations { order: 2; }
.contribute-page #contact { order: 3; }
.page-title { margin: 0; font: 600 clamp(40px, 5.2vw, 64px)/1.04 "Goldman", "Avenir Next", var(--sans); letter-spacing: -.045em; }
.row { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 36px; }
.stack { margin-top: 32px; }
.prose { color: var(--mute); font-size: 13px; }
.prose p + p { margin-top: 12px; }
.prose strong { color: var(--ink); }
.note { color: var(--mute); font-size: 11px; margin-top: 12px; }
.note.inline { margin: 0; }
.text-link { color: var(--rust); font: 500 11px var(--sans); border-bottom: 1px solid currentColor; }
.bar-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 16px; }
.bar-head p { font-size: 11px; color: var(--mute); }

details { border-top: 1px solid var(--line); margin-top: 18px; }
summary { list-style: none; padding: 12px 0; font-weight: 600; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
details .prose, details .facts { padding-bottom: 14px; }

.examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--line); }
.pair img { width: 100%; aspect-ratio: 1.4; object-fit: cover; }
.pair figcaption { padding: 5px 4px 6px; font: 500 10px var(--mono); text-transform: uppercase; letter-spacing: .06em; background: var(--wash); }
.tag { margin: 10px 0 4px; font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--rust); }
.examples h3, .steps h3 { font: 600 16px/1.25 var(--sans); }

.globe-layout {
  display: grid; grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 28px; align-items: stretch;
}
.globe-count { margin: 18px 0 16px; }
.globe-count b { display: block; font: 600 64px/1 var(--sans); letter-spacing: -.04em; }
.globe-count span { display: block; margin-top: 8px; color: var(--mute); font-size: 14px; max-width: 22em; }
.globe-color-k { margin: 0 0 8px; font: 500 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.globe-legend { display: grid; gap: 2px; }
.globe-legend button {
  display: grid; grid-template-columns: 10px 1fr auto; gap: 10px; align-items: center;
  padding: 7px 8px; text-align: left;
}
.globe-legend button:hover { background: var(--wash); }
.globe-legend button[aria-selected="true"] { background: var(--ink); color: #fff; }
.globe-legend i { width: 10px; height: 10px; border-radius: 50%; }
.globe-legend span { font-size: 13px; }
.globe-legend b { font: 500 12px var(--mono); color: var(--mute); }
.globe-legend button[aria-selected="true"] b { color: #c8c8c8; }
.hive { display: grid; grid-template-rows: auto 1fr; min-height: 560px; border: 1px solid var(--line); background: #f7f7f7; }
.hive-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 12px; border-bottom: 1px solid var(--line); background: #fff;
}
.hive-bar[hidden] { display: none; }
.hive-bar p { margin: 0; font: 500 13px var(--sans); }
.hive-grid { display: grid; gap: 8px; padding: 10px; overflow: auto; }
.hive-grid.is-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hive-grid.is-zoom { grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); }
.hive-family {
  display: grid; grid-template-rows: 1fr auto; min-height: 168px; padding: 0;
  text-align: left; border: 1px solid var(--line); background: #fff; overflow: hidden;
}
.hive-family:hover, .hive-family[aria-selected="true"] { border-color: var(--ink); }
.hive-previews { display: grid; grid-template-columns: 1fr 1fr; min-height: 118px; background: #111; }
.hive-previews img { width: 100%; height: 100%; object-fit: cover; }
.hive-family-meta {
  display: flex; align-items: baseline; gap: 8px; padding: 8px 10px;
  border-top: 3px solid var(--c, var(--ink));
}
.hive-family-meta b { font: 600 16px var(--sans); }
.hive-family-meta span { flex: 1; font-size: 12px; color: var(--mute); }
.hive-family-meta em { font: 500 12px var(--mono); font-style: normal; color: var(--ink); }
.hive-task {
  position: relative; display: block; padding: 0; border: 1px solid var(--line); background: #111; overflow: hidden;
}
.hive-task img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; }
.hive-task span {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 6px 6px;
  background: linear-gradient(transparent, #111d); color: #fff;
  font: 500 11px/1.25 var(--sans); text-align: left;
}
.hive-task:hover { border-color: var(--ink); }
.family-detail { margin-top: 14px; padding: 14px 14px 12px; background: var(--wash); border: 1px solid var(--line); }
.family-detail h3 { font: 600 18px var(--sans); margin-bottom: 6px; }
.family-detail > p { color: var(--mute); font-size: 14px; }
.family-meta { display: flex; gap: 22px; margin: 12px 0; font: 500 13px var(--mono); }
.family-detail ul { margin: 0 0 12px; padding-left: 18px; color: var(--mute); font-size: 13px; }

.filters { display: grid; grid-template-columns: 1.5fr 1fr 1fr .8fr; gap: 6px; margin-bottom: 12px; }
.filters input, .filters select, .task-search input { width: 100%; padding: 10px; border: 1px solid var(--line); background: #fff; }
.task-search { display: block; margin-bottom: 12px; }
.catalog-count { font: 500 12px var(--mono); color: var(--mute); margin: 0 0 12px; }
.task-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.task-card, .featured { overflow: hidden; }
.task-card { border: 1px solid var(--line); background: #fff; cursor: pointer; }
.task-card:hover { border-color: var(--ink); }
.task-sheet {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(1200px, calc(100vw - 24px));
  height: min(900px, calc(100vh - 32px));
  max-height: calc(100vh - 24px);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  overflow: hidden;
}
.task-sheet::backdrop { background: #778091aa; backdrop-filter: blur(8px); }
.task-sheet-close {
  position: absolute; top: 12px; right: 12px; z-index: 2;
  padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px;
  background: #fff; color: var(--ink); font-size: 13px;
}
.task-sheet-close:hover { border-color: var(--ink); }
#task-detail-body { height: 100%; }
#prediction-detail-body { height: 100%; }
.sheet { height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.prediction-detail-hero { flex: 0 0 auto; background: #111; }
.prediction-detail-hero video { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: 42vh; object-fit: contain; background: #111; }
.sheet-head { flex: 0 0 auto; padding: 14px 22px 12px; border-bottom: 1px solid var(--line); background: #fff; }
.sheet-kicker { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; padding-right: 88px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.sheet-kicker b { padding: 4px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--wash); color: var(--ink); font-size: 10px; font-weight: 650; letter-spacing: .04em; }
.sheet-head h2 { margin: 0 0 6px; font: 500 24px/1.18 var(--sans); letter-spacing: -.5px; color: var(--ink); }
.sheet-family { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; color: var(--mute); }
.sheet-jump { display: flex; align-items: center; gap: 16px; font-size: 13px; }
.sheet-jump a { color: var(--mute); text-decoration: none; }
.sheet-jump a[aria-current="true"] { color: #fff; background: var(--ink); padding: 7px 10px; border-radius: 4px; font-weight: 700; }
.sheet-jump a:hover { color: var(--ink); }
.sheet-jump a[aria-current="true"]:hover { color: #fff; }
.sheet-scroll { flex: 1; min-height: 0; overflow: auto; }
.sheet-block { padding: 4px 0 8px; }
.sheet-block + .sheet-block { border-top: 1px solid var(--line); }
.sheet-block-title { margin: 0; padding: 14px 22px 0; font: 650 13px/1.2 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.sheet-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 1fr); }
.sheet-media { min-width: 0; overflow: auto; padding: 16px 16px 16px 22px; }
.sheet-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sheet-pair-unavailable { min-height: 180px; place-items: center; padding: 20px; background: #111; color: #aaa; text-align: center; }
.sheet-pair-unavailable p { margin: 0; }
.sheet-pair figure { margin: 0; min-width: 0; border-radius: 12px; overflow: hidden; background: #111; border: 1px solid var(--line); }
.sheet-pair figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 8px 12px; background: #1a1a1a; color: #c8c8c8; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.sheet-pair figcaption span:first-child { color: #fff; }
.sheet-pair figure:last-child figcaption span:first-child { color: #f0c4b6; }
.sheet-pair video { width: 100%; aspect-ratio: 16/9; object-fit: contain; display: block; background: #111; }
.sheet-media-actions { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.sheet-media-actions button, .sheet-samples button { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font-size: 12px; white-space: nowrap; }
.sheet-media-actions button:hover, .sheet-samples button:hover { border-color: var(--ink); }
.sheet-media-actions p, .sheet-note, .sheet-scope { margin: 0; font-size: 12px; line-height: 1.55; color: var(--mute); }
.sheet-copy { min-width: 0; overflow: auto; padding: 14px 20px 18px 16px; border-left: 1px solid var(--line); }
.sheet-label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 8px; font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
.sheet-label span { font-weight: 500; letter-spacing: 0; text-transform: none; }
.sheet-prompt { padding: 12px 14px 11px; border-radius: 12px; background: var(--wash); border: 1px solid var(--line); }
.sheet-prompt p { margin: 0; font: 400 15px/1.45 var(--sans); color: var(--ink); }
.sheet-contract { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }
.sheet-contract article { padding: 10px 12px; border-radius: 10px; background: var(--wash); }
.sheet-contract span { font-size: 10px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--rust); }
.sheet-contract p { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink); }
.sheet details.sheet-rubric { margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--wash); }
.sheet details.sheet-rubric > summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; font-size: 12px; font-weight: 650; color: var(--ink); }
.sheet details.sheet-rubric[open] > summary { border-bottom: 1px solid var(--line); }
.sheet details.sheet-rubric[open] > summary span { transform: rotate(45deg); }
.sheet details.sheet-rubric .sheet-note { padding: 8px 12px 0; }
.sheet-rubric ol { display: grid; gap: 0; margin: 0; padding: 8px 12px 10px; list-style: none; }
.sheet-rubric li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 8px; align-items: start; padding: 7px 0; border-bottom: 1px solid var(--line); }
.sheet-rubric li:last-child { border-bottom: 0; }
.sheet-rubric b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #fff; color: var(--ink); font: 650 11px var(--sans); }
.sheet-rubric li p { margin: 2px 0 0; font-size: 12px; line-height: 1.5; color: var(--mute); }
.sheet-scope { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.sheet-bench { display: flex; flex-direction: column; gap: 10px; padding: 12px 22px 22px; }
.sheet-bench-bar { display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap; }
.sheet-samples { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--mute); }
.sheet-samples div { display: flex; gap: 4px; }
.sheet-samples button[aria-pressed="true"], .sheet-samples [data-play-models] { background: var(--ink); color: #fff; border-color: var(--ink); }
.sample-evidence { display: flex; flex-direction: column; gap: 8px; }
.sample-evidence-heading { display: flex; justify-content: space-between; gap: 12px; color: var(--mute); font-size: 12px; }
.sample-evidence-heading strong { color: var(--ink); }
.sample-evidence-heading span { text-align: right; overflow-wrap: anywhere; }
.sample-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sample-evidence-card { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #111; color: #fff; }
.sample-evidence-card figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; font: 650 10px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.sample-evidence-card figcaption span { color: #aaa; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sample-media-label { position: absolute; z-index: 1; margin: 8px; padding: 4px 7px; border-radius: 3px; background: rgba(0,0,0,.78); color: #fff; font: 700 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.sample-evidence-card { position: relative; }
.sample-evidence-card video, .sample-evidence-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.sample-evidence-card img { object-fit: contain; }
.sample-evidence-missing { display: grid; align-content: center; min-height: 150px; padding: 12px; }
.sample-evidence-missing p { margin: 0; padding: 18px 10px; color: #aaa; font-size: 12px; text-align: center; }
.sample-evidence-unavailable { display: grid; place-items: center; min-height: 120px; padding: 18px; border: 1px dashed var(--line); color: var(--mute); text-align: center; }
.sample-evidence-unavailable p { margin: 0; }
.model-video-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.omni-output-gallery { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.omni-output-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.omni-output-card { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #111; color: #fff; }
.omni-output-card figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; font: 650 10px var(--mono); letter-spacing: .04em; }
.omni-output-card figcaption span { color: #e0a58d; text-align: right; }
.omni-output-card video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.model-video-card { min-width: 0; border-radius: 10px; overflow: hidden; background: #111; color: #fff; border: 1px solid var(--line); }
.model-video-card header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 6px 8px; background: var(--wash); color: var(--ink); }
.model-video-card header strong { font-size: 11px; font-weight: 550; }
.model-video-card header i { font-style: normal; color: var(--rust); font-size: 9px; font-weight: 650; margin-left: 4px; }
.model-video-card header span { color: var(--mute); font-size: 9px; text-align: right; }
.model-video-card.ours { border-color: #e4cfc6; }
.model-video-card.ours header { background: #f6ece8; }
.model-video-card video { width: 100%; aspect-ratio: 2/1; object-fit: contain; display: block; background: #111; }
.model-video-empty { margin: 0; padding: 22px 12px; color: var(--mute); font-size: 12px; text-align: center; }
.demo-media { position: relative; aspect-ratio: 16/9; background: #111; overflow: hidden; }
.demo-media-unavailable { display: grid; place-items: center; padding: 24px; color: #aaa; text-align: center; }
.demo-media-unavailable p { max-width: 24ch; margin: 0; }
.demo-media figure { position: absolute; inset: 0; }
.demo-media video { width: 100%; height: 100%; object-fit: contain; display: block; background: #111; }
.demo-media figure.media-error::after { content: 'Video unavailable'; position: absolute; inset: 0; display: grid; place-items: center; padding: 16px; color: #aaa; background: #111; text-align: center; pointer-events: none; }
.demo-media figcaption {
  position: absolute; left: 8px; top: 8px; z-index: 2;
  font: 500 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: #fff; background: #111c; padding: 4px 6px;
}
.cmp-target { clip-path: inset(0 0 0 var(--split, 62%)); }
.cmp-target figcaption { left: auto; right: 8px; background: var(--rust); }
.cmp-line {
  position: absolute; top: 0; bottom: 0; left: var(--split, 62%); width: 2px;
  background: #fff; transform: translateX(-1px); pointer-events: none; z-index: 2;
}
.cmp-line::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px;
  border-radius: 50%; background: #fff; transform: translate(-50%, -50%);
}
.cmp-range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; z-index: 3; }
.demo-media.is-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; aspect-ratio: auto; }
.demo-media.is-split figure { position: relative; inset: auto; aspect-ratio: 4/3; }
.demo-media.is-split .cmp-target { clip-path: none; }
.demo-media.is-split .cmp-target figcaption { left: 8px; right: auto; }
.demo-media.is-split .cmp-line,
.demo-media.is-split .cmp-range { display: none; }
.demo-text { padding: 10px 10px 12px; }
.demo-meta {
  display: flex; align-items: center; gap: 6px; margin: 0;
  font-size: 11px; color: var(--mute); min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fam {
  display: inline-grid; place-items: center; width: 20px; height: 20px;
  font: 600 11px var(--mono); color: #fff; background: #444;
}
.fam-p { background: var(--fam-p); } .fam-m { background: var(--fam-m); } .fam-g { background: var(--fam-g); }
.fam-v { background: var(--fam-v); } .fam-r { background: var(--fam-r); } .fam-e { background: var(--fam-e); }
.fam-d { background: var(--fam-d); } .fam-q { background: var(--fam-q); } .fam-x { background: var(--fam-x); }
.task-card h3 {
  font: 600 13px/1.3 var(--sans); margin: 6px 0 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.demo-prompt {
  margin: 0; font-size: 12px; color: var(--mute);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.demo-scope { margin: 8px 0 0; font-size: 11px; color: var(--mute); }
.demo-actions { margin-top: 10px; }
.cmp-mode { padding: 4px 10px; border: 1px solid var(--line); font-size: 12px; }
.cmp-mode[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.empty, .error { grid-column: 1 / -1; padding: 24px; text-align: center; }
.error { color: #9b3028; background: #f8e8df; }
.paging { display: flex; justify-content: center; gap: 16px; margin: 18px 0; font-size: 13px; }
.paging [hidden] { display: none; }

.duel {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: end;
  padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 22px;
}
.duel-k { font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--mute); }
.duel-n { font: 600 64px/1 var(--sans); letter-spacing: -.04em; }
.duel-n span { font-size: .42em; }
.duel-n.rust { color: var(--rust); }
.duel-vs { font: 500 13px var(--mono); color: var(--mute); padding-bottom: 18px; }
.duel p:last-child { color: var(--mute); font-size: 14px; margin-top: 6px; }

.facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 18px 0; }
.facts.tight { margin-top: 8px; }
.facts b { display: block; font: 600 20px var(--sans); margin-bottom: 4px; }
.facts b.rust { color: var(--rust); }
.facts span { color: var(--mute); font-size: 13px; }

.table-toolbar { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 8px 0; }
.segmented { display: inline-flex; border: 1px solid var(--ink); }
.segmented button { padding: 6px 14px; font-size: 13px; }
.segmented button.active { background: var(--ink); color: #fff; }
.table-scroll { overflow-x: auto; border: 1px solid var(--line); }
table { border-collapse: collapse; width: 100%; font-size: 12px; white-space: nowrap; }
th { text-align: right; background: var(--wash); padding: 10px 8px; font-weight: 500; }
th button { padding: 0; font-size: 11px; }
th:first-child, td:first-child { text-align: left; padding-left: 12px; }
td { padding: 10px 8px; text-align: right; border-top: 1px solid var(--line); font-variant-numeric: tabular-nums; }
tr.ours { background: #f6ece8; font-weight: 600; }
.score-cell { position: relative; min-width: 80px; }
.score-bar { position: absolute; left: 8px; bottom: 5px; height: 3px; width: var(--score); max-width: 85%; background: #ccc; }
.ours .score-bar { background: var(--rust); }
#leaderboard td.is-focus { background: #f8efe8; }
#leaderboard .rank-cell { font: 500 12px var(--mono); color: var(--mute); text-align: left; }
.settings { white-space: normal; }
.settings thead th { font: 500 11px var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mute); text-align: left; }
.settings th, .settings td { text-align: left; vertical-align: top; }
.settings tbody th { font: 600 13px var(--sans); white-space: nowrap; }
.settings td { color: var(--mute); font-size: 12.5px; line-height: 1.45; }
.board-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.board-ranks {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px; margin: 0 0 22px;
}
.board-ranks article { padding: 14px 14px 16px; border: 1px solid var(--line); background: #fff; }
.board-ranks article.ours { background: #f6ece8; border-color: #e4cfc6; }
.board-ranks b { font: 500 11px var(--mono); color: var(--mute); }
.board-ranks h3 { font: 600 14px/1.25 var(--sans); margin: 8px 0 10px; }
.board-ranks p { font: 600 26px/1 var(--sans); letter-spacing: -.03em; }
.board-ranks p span { font-size: .48em; color: var(--mute); }
.board-fam-list { display: grid; gap: 6px; margin-top: 16px; }
.board-fam {
  display: grid; grid-template-columns: 28px minmax(120px, 220px) minmax(80px, 1fr) minmax(140px, 220px);
  gap: 12px; align-items: center; width: 100%;
  padding: 10px 12px; border: 1px solid var(--line); background: #fff; text-align: left;
}
.board-fam:hover, .board-fam[aria-pressed="true"] { border-color: var(--ink); }
.board-fam[aria-pressed="true"] { background: var(--wash); }
.board-fam-copy { min-width: 0; }
.board-fam-copy strong { display: block; font: 600 14px var(--sans); }
.board-fam-copy small { display: block; color: var(--mute); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-fam-track { position: relative; height: 8px; background: var(--wash); }
.board-fam-ours { display: block; height: 100%; background: var(--rust); }
.board-fam-other { position: absolute; top: -3px; width: 2px; height: 14px; background: var(--ink); }
.board-fam em { font-style: normal; font: 600 18px var(--sans); letter-spacing: -.02em; }
.board-fam em span { display: block; margin-top: 2px; font: 400 11px var(--mono); color: var(--mute); }

.contributions { margin: 22px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; background: var(--line); }
.contributions li, .contributions article { padding: 16px 16px 18px; background: var(--wash); }
.contributions b { display: block; margin-bottom: 6px; color: var(--ink); }
.contributions span { color: var(--mute); font-size: 14px; }
.contributions article h3, .settings-grid article h3 { margin: 4px 0 8px; font: 600 17px/1.25 var(--sans); }
.contributions article p:not(.tag), .settings-grid article p:not(.tag) { color: var(--mute); font-size: 13px; line-height: 1.55; }
.contributions article .text-link { margin-top: 14px; font-size: 12px; }
.settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; margin-top: 22px; background: var(--line); }
.settings-grid article { padding: 16px; background: var(--wash); }
.paper-figure { margin: 20px 0; border: 1px solid var(--line); background: var(--wash); }
.paper-figure img { width: 100%; height: auto; object-fit: contain; }
.paper-figure.portrait { background: #fff; }
.paper-figure.portrait img { max-height: 620px; width: auto; max-width: 100%; margin: 0 auto; }
.paper-figure figcaption { padding: 10px 12px; font: 500 11px var(--mono); color: var(--mute); text-transform: uppercase; letter-spacing: .06em; }
.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.steps article { padding-top: 10px; border-top: 2px solid var(--ink); }
.notice { margin-top: 18px; padding: 14px 16px; border-left: 3px solid var(--rust); background: var(--wash); font-size: 14px; }
.notice strong { display: block; margin-bottom: 4px; }

.subhead { font: 600 clamp(18px, 2.4vw, 24px)/1.2 var(--sans); letter-spacing: -.02em; }
.harbor {
  padding: 18px 18px 20px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(17, 17, 17, .06);
}
.harbor-kicker {
  margin: 0 0 14px;
  font: 500 11px var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mute);
}
.harbor-grid {
  display: grid;
  grid-template-columns: minmax(200px, .86fr) minmax(0, 1.5fr) minmax(200px, .86fr);
  gap: 18px;
  align-items: start;
}
.harbor-q, .harbor-out, .harbor-mid { display: grid; gap: 10px; align-content: start; }
.harbor-label {
  display: flex; align-items: center; gap: 8px;
  font: 600 14px var(--sans);
}
.harbor-label::before {
  content: "";
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--ink);
}
.harbor-mini {
  margin: 0;
  font: 500 11px var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mute);
}
.harbor-q blockquote {
  margin: 0;
  font: 500 15px/1.4 var(--sans);
}
.harbor-still {
  display: grid; gap: 8px; padding: 0; text-align: left;
}
.harbor-still img, .harbor-still video {
  width: 100%; aspect-ratio: 1;
  object-fit: contain;
  background: #111;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.harbor-still video { pointer-events: none; }
.harbor-checks { margin: 4px 0 0; padding: 0; list-style: none; color: var(--mute); font-size: 12px; }
.harbor-checks li { position: relative; padding-left: 18px; }
.harbor-checks li + li { margin-top: 5px; }
.harbor-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--ink); font-size: 11px; }
.harbor-rail {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  min-height: 46px; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: 999px; background: #fff;
}
.harbor-rail b { font: 600 13px var(--sans); }
.harbor-rail span, .harbor-rail em {
  padding: 4px 8px; border-radius: 999px; background: var(--wash);
  font: 500 11px var(--sans); color: var(--mute); font-style: normal;
}
.harbor-dot {
  padding: 4px 8px 4px 0 !important;
  background: none !important;
  font: 500 11px var(--mono) !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink) !important;
}
.harbor-iface {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fafafa;
}
.harbor-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.harbor-modes button {
  display: grid; gap: 10px; padding: 12px;
  text-align: left; border: 1px solid var(--line); border-radius: 16px; background: #fff;
}
.harbor-modes button[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--ink); }
.harbor-modes button[data-board-mode="RV2V"] { background: #f8efe8; }
.harbor-modes button[data-board-mode] { pointer-events: none; cursor: default; }
.harbor-modes header { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.harbor-modes b { font: 600 15px var(--sans); }
.harbor-modes small { font: 500 11px var(--mono); color: var(--rust); }
.harbor-modes dl { margin: 0; display: grid; gap: 6px; }
.harbor-modes dl div { display: grid; grid-template-columns: 46px 1fr; gap: 8px; font-size: 12px; }
.harbor-modes dt { font: 500 11px var(--mono); color: var(--mute); text-transform: uppercase; }
.harbor-modes dd { margin: 0; color: var(--ink); }
.harbor-modes p, .harbor-note, .harbor-judge, .harbor-cap { margin: 0; color: var(--mute); font-size: 12px; line-height: 1.4; }
.harbor-note { margin-top: 10px; }
.harbor-fam-row { border-radius: 18px; }
.harbor-fams { display: flex; flex-wrap: wrap; gap: 6px; }
.harbor-fams button {
  padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; background: #fff;
  font: 500 11px var(--mono);
}
.harbor-fams button[aria-current="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.harbor-verdict {
  display: flex; width: fit-content; overflow: hidden;
  border: 1px solid var(--line); border-radius: 999px;
  font: 600 13px var(--sans);
}
.harbor-verdict span { padding: 6px 14px; }
.harbor-verdict span:first-child { background: var(--ink); color: #fff; }
.harbor-out .text-link { justify-self: start; font-size: 13px; }

/* Research workflow: four numbered stages, horizontal on desktop, a vertical
   stepper on phones. Uses the existing tokens and family colors only. */
.hero-sub { max-width: 34em; margin-top: 12px; color: var(--mute); font-size: 14px; }
.ticker-cap { display: block; margin-top: 4px; font: 400 11px/1.35 var(--sans); color: #9a9a9a; }

.flow {
  position: relative;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px; margin: 22px 0 0; padding: 0; list-style: none;
}
.flow-stage {
  position: relative;
  display: flex; flex-direction: column;
  padding: 16px 16px 18px;
  border: 1px solid var(--line); border-radius: 18px; background: #fff;
}
.flow-stage:not(:last-child)::after {
  content: "→";
  position: absolute; right: -17px; top: 28px;
  color: var(--mute); font: 500 15px/1 var(--mono);
}
.flow-n {
  margin: 0 0 8px;
  font: 500 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--rust);
}
.flow-stage h3 { font: 600 17px/1.25 var(--sans); letter-spacing: -.01em; }
.flow-copy { margin-top: 8px; color: var(--mute); font-size: 13.5px; line-height: 1.5; }
.flow-list { margin: 12px 0 0; padding: 0; list-style: none; }
.flow-list li { position: relative; padding-left: 16px; color: var(--mute); font-size: 12.5px; line-height: 1.5; }
.flow-list li + li { margin-top: 6px; }
.flow-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--ink); }
.flow-list b { color: var(--ink); font-weight: 600; }
.flow-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0 0; }
.flow-metrics div { padding: 8px 10px; border-radius: 10px; background: var(--wash); }
.flow-metrics dt { font: 600 19px/1.1 var(--sans); letter-spacing: -.02em; }
.flow-metrics dd { margin: 3px 0 0; color: var(--mute); font-size: 11px; line-height: 1.3; }
.flow-interfaces, .flow-sets { display: grid; gap: 8px; margin: 12px 0 0; }
.flow-interfaces div, .flow-sets div { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; }
.flow-interfaces dt, .flow-sets dt { font: 600 12px var(--mono); }
.flow-interfaces dd, .flow-sets dd { margin: 4px 0 0; color: var(--mute); font-size: 12px; line-height: 1.45; }
.flow-sets div:nth-child(3) { border-color: #e4cfc6; background: #f6ece8; }
.flow-fams { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.flow-fams li {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 8px; border: 1px solid var(--line); border-radius: 999px;
  color: var(--mute); font: 500 11px var(--sans);
}
.flow-fams i { width: 7px; height: 7px; border-radius: 50%; background: var(--c, var(--ink)); }
.flow-note { margin: 12px 0 0; color: var(--mute); font-size: 11.5px; line-height: 1.45; }
.flow-stage .text-link { margin-top: auto; padding-top: 14px; font-size: 12.5px; }
.flow-synthesis { margin-top: 20px; padding: 14px 16px 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--wash); }
.flow-synthesis-k { margin: 0 0 10px; color: var(--mute); font: 500 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.flow-synthesis ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.flow-synthesis b { display: block; font: 600 15px var(--sans); }
.flow-synthesis span { display: block; margin-top: 4px; color: var(--mute); font-size: 12.5px; line-height: 1.45; }

.people {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px; margin: 20px 0 28px; background: var(--line); border: 1px solid var(--line);
}
.person { min-height: 66px; padding: 14px; background: #fff; text-align: left; }
.person h3 { font: 600 13px/1.3 var(--sans); }
.person h3 i { font-style: normal; color: var(--rust); }
.person p { margin-top: 4px; font-size: 11px; color: var(--mute); }
.affiliations { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.affiliations a {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px;
  min-height: 104px; padding: 18px 6px 10px; border: 1px solid var(--line); text-align: center; font-size: 11px; color: var(--mute);
}
.affiliations a:hover { border-color: var(--ink); }
.affiliations img { width: 40px; height: 40px; object-fit: contain; }
.affiliations sup { position: absolute; top: 6px; left: 8px; color: var(--rust); font-size: 10px; }

.citation-box { margin-top: 12px; border: 1px solid var(--line); }
.citation-toolbar { display: flex; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid var(--line); font: 500 11px var(--mono); text-transform: uppercase; }
.citation-box pre { margin: 0; padding: 14px 12px; white-space: pre-wrap; font: 12px/1.5 var(--mono); }

.footer {
  width: min(var(--max), 100% - 2 * var(--gutter));
  margin: 40px auto 28px; padding-top: 16px; border-top: 1px solid var(--line);
  display: flex; justify-content: space-between; font-size: 12px; color: var(--mute);
}

@media (max-width: 980px) {
  .globe-layout { grid-template-columns: 1fr; }
  .hive { min-height: 420px; }
  .hive-grid.is-overview { grid-template-columns: 1fr 1fr; }
  .harbor-grid, .harbor-modes { grid-template-columns: 1fr; }
  .row, .duel { grid-template-columns: 1fr; }
  .duel-vs { display: none; }
  .ticker, .examples, .facts, .steps, .task-list, .contributions, .settings-grid, .board-ranks, .board-stats, .model-video-grid, .omni-output-grid { grid-template-columns: 1fr 1fr; }
  .board-fam {
    grid-template-columns: 28px 1fr auto;
    grid-template-areas: "icon name score" "bar bar bar";
  }
  .board-fam .fam { grid-area: icon; }
  .board-fam-copy { grid-area: name; }
  .board-fam-track { grid-area: bar; }
  .board-fam em { grid-area: score; }
  .filters { grid-template-columns: 1fr 1fr; }
  .affiliations { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .affiliation-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .people { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flow-stage:not(:last-child)::after { content: none; }
  .flow-synthesis ul { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .mast {
    grid-template-columns: 1fr auto;
    height: auto; padding: 10px var(--gutter);
  }
  .mast nav[aria-label="Main"] {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 20px;
    padding: 8px 0 2px;
  }
  .brand img { width: 150px; height: 38px; }
  .paper-nav { top: 93px; }
  .paper-hero { padding-top: 42px; }
  .hero h1, .paper-hero h1, .page-title { font-size: clamp(34px, 11vw, 52px); }
  .paper-tldr { grid-template-columns: 1fr; gap: 8px; }
  .task-list, .filters, .ticker, .examples, .contributions, .settings-grid { grid-template-columns: 1fr; }
  .flow { grid-template-columns: 1fr; gap: 12px; padding-left: 22px; border-left: 2px solid var(--line); }
  .flow-stage { border-radius: 14px; }
  .flow-stage::before {
    content: ""; position: absolute; left: -28px; top: 20px;
    width: 10px; height: 10px; border-radius: 50%;
    background: var(--rust); box-shadow: 0 0 0 3px var(--bg);
  }
  .sheet-split { grid-template-columns: 1fr; }
  .sheet-copy { border-left: 0; border-top: 1px solid var(--line); }
  .sheet-contract { grid-template-columns: 1fr; }
  .globe-count b { font-size: 48px; }
  .hive { min-height: 360px; }
  .hive-grid.is-overview { grid-template-columns: 1fr; }
  .people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .prediction-grid, .prediction-detail-media { grid-template-columns: 1fr; }
  .prediction-media { grid-template-columns: 1fr; }
  .prediction-card > header { display: block; }
  .prediction-card > header .text-link { display: inline-block; margin-top: 8px; }
  .author-grid, .affiliation-grid { grid-template-columns: 1fr 1fr; }
  .contact-panel { padding: 48px 28px 54px; border-radius: 22px; }
  .duel-n { font-size: 48px; }
  .hero-wall { height: 280px; min-height: 240px; }
  .wall { width: max(220vw, 1600px); transform: translate(-50%, -50%) rotate(-6deg); --tw: 140px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-wordmark > span { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wall-col { animation: none; }
}
/* Leaderboard and Bench additions */
.compare-controls, .bench-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 22px; margin:18px 0; }
#explorer {
  padding:48px 28px 30px;
  background:var(--wash);
  border:1px solid var(--line);
  color:var(--ink);
}
#explorer .bench-filters { margin-top:22px; }
#explorer .bench-task-list { margin-top:22px; }
#explorer .bar-head h2 {
  color:var(--ink);
}
#explorer .bench-filters label { color:var(--mute); }
#explorer .bench-task-list .note { color:var(--mute); }
#explorer .bench-inline-head .tag { color:var(--rust); }
#explorer .bench-inline-head h3 { color:var(--ink); }
#explorer .bench-inline-head .text-link { color:var(--rust); }
#explorer .model-video-empty,
#explorer .bench-model-card > p { background:#fff; color:var(--mute); }
.bench-filters { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; }
.compare-controls label, .bench-filters label { display:grid; gap:7px; font:600 12px var(--mono); color:var(--mute); text-transform:uppercase; letter-spacing:.08em; }
.compare-controls select, .bench-filters input, .bench-filters select { min-height:42px; border:1px solid var(--line); background:#fff; padding:0 12px; font:500 14px var(--sans); color:var(--ink); }
.comparison-result { border:1px solid var(--line); padding:18px; background:#fafafa; }
.comparison-head { display:flex; gap:14px; align-items:center; font-size:17px; margin-bottom:16px; }
.comparison-head span { color:var(--mute); font:500 12px var(--mono); }
.analysis-lines { display:grid; gap:4px; margin:0 0 14px; padding-left:20px; }
.analysis-lines li { margin:0; }
#analysis .examples { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch; }
#analysis .examples article {
  display:flex;
  flex-direction:column;
  min-height:290px;
  padding:24px 26px 22px;
  border:1px solid var(--line);
  border-top:3px solid var(--rust);
  background:var(--wash);
}
#analysis .examples article:first-child { border-top-color:#2f62e8; }
#analysis .examples h3 { margin:0 0 18px; font-size:22px; line-height:1.18; letter-spacing:-.02em; }
#analysis .analysis-lines { gap:10px; margin:0 0 20px; padding-left:22px; font-size:17px; line-height:1.4; }
#analysis .examples article > p { max-width:36rem; margin:auto 0 14px; color:var(--mute); font-size:14px; line-height:1.55; }
#analysis .examples article > .text-link { align-self:flex-start; font-size:12px; }
.comparison-bars { display:grid; gap:8px; }
.comparison-bars > div { display:grid; grid-template-columns:100px 1fr 84px; gap:10px; align-items:center; font-size:13px; }
.comparison-bars i { display:grid; gap:3px; }
.comparison-bars em { display:block; height:5px; background:var(--rust); border-radius:99px; }
.comparison-bars em + em { background:#777; }
.comparison-bars small { color:var(--mute); font:500 11px var(--mono); }
.bench-selector { margin-top:18px; }
.bench-selector button { border:1px solid var(--line); background:#fff; padding:9px 13px; font:600 12px var(--mono); }
.bench-selector button.active { background:var(--ink); color:#fff; border-color:var(--ink); }
.bench-steps { grid-template-columns:repeat(4,1fr); margin:18px 0; }
.bench-steps > div { border-top:2px solid var(--rust); padding-top:12px; }
.bench-steps b { color:var(--rust); font:600 12px var(--mono); }
.bench-steps h3 { margin:10px 0 6px; font-size:17px; }
.bench-steps p { margin:0; color:var(--mute); font-size:14px; line-height:1.55; }
.bench-task-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.bench-task-card { display:flex; justify-content:space-between; gap:18px; border:1px solid var(--line); padding:16px; background:#fff; }
.bench-task-card h3 { margin:5px 0 6px; font-size:16px; }
.bench-task-card p { margin:0; color:var(--mute); font-size:13px; line-height:1.45; }
.bench-task-card .text-link { white-space:nowrap; align-self:end; }
.bench-search-prompt { grid-column:1 / -1; padding:28px 0; }
.bench-task-card button.text-link { border:0; padding:0; background:none; cursor:pointer; font:inherit; }
.bench-inline-viewer { margin-top:24px; padding:20px; border:1px solid #d6dce5; background:linear-gradient(180deg,#f5f9ff 0%,#f9fbfd 100%); scroll-margin-top:24px; }
.bench-inline-viewer[hidden] { display:none; }
.bench-sample-bar { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:0 0 22px; padding:10px 12px; background:#111; color:#fff; }
.bench-sample-bar > span { margin-right:4px; font:600 11px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.bench-sample-bar > div { display:flex; gap:6px; }
.bench-sample-bar b { font:600 11px var(--mono); color:#fff; }
.bench-sample-button { min-width:30px; height:28px; border:1px solid #777; background:#333; color:#fff; cursor:pointer; font:600 12px var(--mono); }
.bench-sample-button.active { background:#fff; border-color:#fff; color:#111; }
.bench-fallback-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.bench-fallback-grid figure { margin:0; border:1px solid #cbd5e1; background:#111; box-shadow:0 2px 0 rgba(33,63,95,.12); }
.bench-fallback-grid figcaption { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; color:#fff; font:12px var(--mono); }
.bench-fallback-grid figcaption span { color:#c5c5c5; }
.bench-fallback-grid video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#111; }
.bench-subtitle { margin:20px 0 10px; color:var(--muted); font:600 12px var(--mono); letter-spacing:.08em; }
.bench-model-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.bench-model-heading .bench-subtitle { margin-bottom:10px; }
.bench-model-select { display:flex; align-items:center; gap:8px; color:var(--mute); font:600 11px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.bench-model-select select { min-height:34px; min-width:180px; border:1px solid var(--line); background:#fff; padding:0 10px; color:var(--ink); font:500 13px var(--sans); letter-spacing:0; text-transform:none; }
.bench-play-together { border:1px solid var(--ink); background:var(--ink); color:#fff; padding:8px 12px; cursor:pointer; font:600 11px var(--mono); }
.bench-prompt { padding:16px 18px; border:1px solid var(--line); background:#fff; }
.bench-prompt p { margin:0; color:var(--ink); line-height:1.6; }
.bench-model-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.bench-model-card { min-width:0; border:1px solid var(--line); border-top:3px solid #6b8fd1; background:#fff; }
.bench-model-card:nth-child(2) { border-top-color:#d39a62; }
.bench-model-card:nth-child(3) { border-top-color:#69a98a; }
.bench-model-card:nth-child(4) { border-top-color:#c784b4; }
.bench-model-card:nth-child(5) { border-top-color:#d8b35e; }
.bench-model-card:nth-child(6) { border-top-color:#7bb7c5; }
.bench-model-card:nth-child(7) { border-top-color:#a78bc8; }
.bench-model-card header { display:flex; justify-content:space-between; gap:8px; padding:9px 10px; font-size:12px; }
.bench-model-card header span { color:var(--muted); font-size:10px; text-align:right; }
.bench-model-card video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#111; }
.bench-model-card > p { min-height:80px; margin:0; padding:18px 10px; color:var(--muted); font-size:12px; }
@media (max-width: 720px) { .bench-fallback-grid { grid-template-columns:1fr; } }
@media (max-width: 900px) { .bench-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.bench-inline-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:18px; }
.bench-inline-head h3 { margin:5px 0 0; font-size:22px; }
.bench-inline-head .text-link { border:0; border-bottom:1px solid currentColor; padding:0; background:none; color:var(--rust); cursor:pointer; font:500 12px var(--mono); white-space:nowrap; }
.bench-inline-viewer .sheet-bench { padding:10px 14px 14px; gap:8px; }
.bench-inline-viewer .sheet-bench-bar { margin-bottom:10px; gap:10px; }
.bench-inline-viewer .bench-prompt { padding:12px 14px; }
.bench-inline-viewer .sample-evidence-card video,
.bench-inline-viewer .model-video-card video { aspect-ratio:16/7; }
.bench-inline-viewer .sample-evidence-grid,
.bench-inline-viewer .model-video-grid { gap:8px; }
.bench-inline-viewer:has(.bench-fallback-grid) { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px 16px; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-inline-head { order:1; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-prompt { order:2; grid-row:2; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-sample-bar { order:3; grid-row:3; margin-top:16px; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-inline-head,
.bench-inline-viewer:has(.bench-fallback-grid) .bench-prompt,
.bench-inline-viewer:has(.bench-fallback-grid) .bench-sample-bar,
.bench-inline-viewer:has(.bench-fallback-grid) .bench-fallback-grid,
.bench-inline-viewer:has(.bench-fallback-grid) .bench-model-grid,
.bench-inline-viewer:has(.bench-fallback-grid) > .note,
.bench-inline-viewer:has(.bench-fallback-grid) .bench-task-nav { grid-column:1 / -1; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-model-heading { display:contents; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-model-heading > .bench-subtitle { grid-column:1; grid-row:6; align-self:end; margin:0; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-model-select { grid-column:2; grid-row:4; align-self:end; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-play-together { grid-column:3; grid-row:4; align-self:end; }
.bench-inline-viewer:has(.bench-fallback-grid) > .bench-subtitle { grid-column:1; grid-row:4; align-self:end; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-fallback-grid { grid-row:5; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-model-grid { grid-row:7; }
.bench-inline-viewer:has(.bench-fallback-grid) > .note { grid-row:8; }
.bench-inline-viewer:has(.bench-fallback-grid) .bench-task-nav { grid-row:9; }
.bench-task-nav {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:14px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.bench-task-nav > span { display:none; }
.bench-task-nav-button {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:0;
  padding:0;
  background:var(--ink);
  color:#fff;
  cursor:pointer;
  font:600 20px/1 var(--sans);
}
.bench-task-nav-button:hover:not(:disabled) { background:#000; }
.bench-task-nav-button:disabled { background:#bdbdbd; color:#eee; cursor:not-allowed; }
@media (max-width: 760px) {
  .bench-inline-viewer:has(.bench-fallback-grid) { display:flex; flex-direction:column; }
  .bench-inline-viewer:has(.bench-fallback-grid) .bench-model-heading { display:flex; }
  .bench-inline-viewer:has(.bench-fallback-grid) > .bench-subtitle,
  .bench-inline-viewer:has(.bench-fallback-grid) .bench-model-heading { order:auto; }
  .compare-controls, .bench-filters, .bench-task-list { grid-template-columns:1fr; }
  .bench-steps { grid-template-columns:1fr 1fr; }
  .comparison-bars > div { grid-template-columns:76px 1fr 70px; }
  .hive-grid.is-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 761px) and (max-width: 980px) {
  .hive-grid.is-main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 981px) {
  .hive-grid.is-main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.site-footer { margin: 90px var(--gutter) 0; padding: 42px 0 24px; border-top: 1px solid var(--line); color: var(--mute); }
.site-footer-grid { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(260px, 1.45fr) minmax(160px, .75fr) minmax(160px, .75fr); gap: 64px; }
.site-footer-brand > a {
  display:inline-flex;
  width:170px;
  height:50px;
  background-image:url("assets/omnireason-logo.png");
  background-repeat:no-repeat;
  background-size:240px auto;
  background-position:-38px center;
  color:transparent;
  font-size:0;
}
.site-footer-brand p { max-width: 300px; margin: 18px 0 20px; font-size: 14px; line-height: 1.55; }
.site-footer small { font: 500 11px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.site-footer h2 { margin: 4px 0 16px; color: var(--mute); font: 600 11px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.site-footer nav { display: grid; gap: 11px; }
.site-footer nav a, .site-footer nav span { color: var(--ink); font-size: 15px; text-decoration: none; }
.site-footer nav a:hover, .site-footer-bottom a:hover { color: var(--rust); }
.site-footer-bottom { max-width: 1240px; margin: 44px auto 0; padding-top: 16px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; font: 500 11px var(--mono); letter-spacing: .05em; }
.site-footer-bottom a { color: var(--mute); text-decoration: none; }
@media (max-width: 760px) {
  .site-footer { margin-top: 58px; padding-top: 32px; }
  .site-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 24px; }
  .site-footer-brand { grid-column: 1 / -1; }
  .site-footer-bottom { margin-top: 30px; }
}

/* Content-review structure: pair the evidence; retain existing visual theme. */
.showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.showcase-grid .prediction-cover { aspect-ratio: auto; }
.showcase-grid figure { margin: 0; }
.showcase-grid figcaption { padding: 8px 12px; }
.showcase-grid .prediction-cover video { position: static; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.showcase-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.showcase-pair figure { min-width: 0; margin: 0; }
.showcase-sheet video { width: 100%; max-height: 360px; object-fit: contain; background: #111; }
.showcase-sheet figcaption { padding: 10px 0; }
.showcase-sheet .sheet-head { padding-right: 90px; }
.showcase-sheet .sheet-scroll { max-height: 65vh; overflow-y: auto; padding: 20px; }
.showcase-actions { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.showcase-instruction { white-space: pre-wrap; overflow-wrap: anywhere; }
.showcase-sheet details { margin-top: 18px; }
.showcase-sheet li { margin: 8px 0; }
@media (max-width: 760px) { .showcase-grid, .showcase-pair { grid-template-columns: 1fr; } }

/* v5: Omni-Reason research identity. EFE-inspired information hierarchy. */
.research-identity { --bg:#fff; --ink:#20262c; --mute:#63707a; --line:#e0e5e9; --wash:#f5f7f9; --rust:#365fba; --max:1200px; zoom:1; background:var(--bg); font:400 16px/1.65 "IBM Plex Sans",system-ui,sans-serif; }
.research-identity h1,.research-identity h2,.research-identity h3,.research-identity .paper-hero h1 { font-family:"IBM Plex Sans",system-ui,sans-serif; font-style:normal; letter-spacing:-.035em; }
.research-identity .mast { position:sticky; top:12px; width:min(1340px,calc(100% - 40px)); margin:12px auto 0; height:72px; padding:0 24px; background:#ffffffed; color:var(--ink); border:1px solid var(--line); border-radius:12px; backdrop-filter:blur(16px); grid-template-columns:auto 1fr auto; gap:28px; box-shadow:0 4px 22px #20304005; }
.research-identity .brand { display:flex; align-items:center; gap:9px; color:var(--ink); font:650 19px/1 "IBM Plex Sans",sans-serif; letter-spacing:-.04em; white-space:nowrap; }
.brand-mark { display:flex; width:28px; height:28px; align-items:center; justify-content:center; border:1.5px solid var(--ink); border-radius:5px; font-size:13px; letter-spacing:-2px; }
.brand-mark span { color:var(--rust); }
.research-identity .mast nav[aria-label=Main] { gap:23px; font:500 13px/1.2 var(--sans); color:var(--ink); }
.research-identity .mast nav a:hover { color:var(--rust); }.research-identity .mast-end { align-items:center; gap:8px; }
.research-identity .btn { border:1px solid #ced6dc; border-radius:6px; background:white; padding:11px 18px; font:500 13px/1.3 var(--sans); color:var(--ink); }
.research-identity .btn:hover { border-color:var(--rust); color:var(--rust); }.research-identity .btn.solid { background:var(--ink); border-color:var(--ink); color:white; }.research-identity .btn.solid:hover { background:var(--rust); border-color:var(--rust); }.research-identity .btn.soon { padding:10px 14px; }
.research-identity .text-link { font-size:13px; font-weight:500; }.research-identity .note { color:var(--mute); font-size:12px; line-height:1.65; margin-top:16px; }
.research-identity button:focus-visible,.research-identity a:focus-visible { outline:2px solid var(--rust); outline-offset:4px; }
.research-identity .hero { width:min(var(--max),calc(100% - 48px)); margin:auto; padding:56px 0 0; text-align:center; }
.research-identity .eyebrow { color:var(--rust); font:500 10px/1.5 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.research-identity .hero h1 { font:650 clamp(52px,6.7vw,84px)/1.06 var(--sans); letter-spacing:-.065em; margin:15px 0 12px; }
.hero-statement { font-size:clamp(21px,2.4vw,30px); line-height:1.35; letter-spacing:-.025em; font-weight:500; }.hero-statement span { color:var(--rust); }
.research-identity .hero-lede { font-size:15px; color:var(--mute); line-height:1.6; margin-top:18px; }.research-identity .hero .cta { display:flex; justify-content:center; align-items:center; gap:14px; margin-top:24px; }
.research-identity .hero-film { max-width:1100px; margin:35px auto 0; border:1px solid var(--line); border-radius:10px; background:#f7f9fb; overflow:hidden; text-align:left; }
.film-top { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px 20px; font:500 9px var(--mono); letter-spacing:.08em; border-bottom:1px solid var(--line); color:var(--mute); }.film-top>div { display:flex; gap:18px; }.film-top button { font:400 10px var(--sans); letter-spacing:0; }
.hero-film-pair { display:grid; grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr); gap:20px; align-items:center; padding:22px; }
.hero-film-pair figure { min-width:0; background:white; border:1px solid var(--line); border-radius:6px; overflow:hidden; }.hero-film-pair video { width:100%; aspect-ratio:16/9; object-fit:contain; display:block; background:#e8edf1; }.hero-film-pair figcaption { display:flex; align-items:center; gap:10px; padding:10px; font-size:11px; }.hero-film-pair figcaption span { font:500 9px var(--mono); color:var(--rust); }
.sequence-center { text-align:center; }.sequence-prompt { font-size:12px; line-height:1.5; }.sequence-link { color:#899bad; font-size:19px; line-height:1.5; }.model-core { background:white; border:1px solid #aebfdc; border-radius:8px; padding:15px 10px; box-shadow:0 3px 12px #365fba08; }.model-core b { display:block; font-size:14px; }.model-core>span:last-child { display:block; color:var(--mute); font-size:10px; }.model-icon { color:var(--rust); font-size:22px; }
.film-caption { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; padding:12px 20px; font-size:11px; border-top:1px solid var(--line); color:var(--mute); }.film-caption .selected { color:var(--rust); font-weight:600; }.hero-source { margin:0; padding:0 12px 12px; text-align:center; color:var(--mute); font-size:10px; }
.hero-foot { display:flex; justify-content:center; gap:28px; padding:20px 0 34px; font-size:11px; color:var(--mute); }
.research-identity .section { width:min(var(--max),calc(100% - 48px)); margin:0 auto; border-top:1px solid var(--line); padding:64px 0; }.chapter { display:flex; justify-content:space-between; gap:20px; font:500 10px var(--mono); letter-spacing:.06em; color:var(--mute); margin-bottom:24px; }
.research-identity .bar-head { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:end; margin-bottom:30px; }.research-identity .bar-head h2 { font:600 clamp(28px,3.2vw,40px)/1.15 var(--sans); letter-spacing:-.04em; text-transform:none; }.research-identity .bar-head p { max-width:460px; font-size:15px; line-height:1.7; color:var(--mute); }
.capability-tabs { display:flex; gap:10px; border-bottom:1px solid var(--line); margin-bottom:20px; }.capability-tabs button { padding:12px 22px; font-size:14px; border-bottom:2px solid transparent; }.capability-tabs button span { font:10px var(--mono); color:var(--mute); margin-right:8px; }.capability-tabs button[aria-selected=true] { color:var(--rust); border-color:var(--rust); background:#f5f8fd; }
#cap-stage { background:#f7f9fb; border:1px solid var(--line); border-radius:9px; padding:26px; }.stage-copy { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }.stage-copy h3 { font-size:24px; font-weight:550; margin:6px 0; }.stage-copy p:not(.eyebrow) { color:var(--mute); font-size:14px; }.stage-copy .btn { flex-shrink:0; }
.stage-media { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.stage-media figcaption { font:500 11px var(--mono); padding-bottom:8px; }.stage-media video { width:100%; aspect-ratio:16/9; display:block; object-fit:contain; background:#1c2126; border-radius:5px; }.stage-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:18px; }.stage-bottom span { color:var(--mute); font-size:11px; }
.result-layout { display:grid; grid-template-columns:1.5fr 1fr; gap:60px; margin-top:38px; }.chart-label { display:flex; justify-content:space-between; color:var(--mute); font-size:11px; padding-bottom:14px; border-bottom:1px solid var(--line); }.score-row { margin-top:25px; }.score-row>div:first-child { display:flex; justify-content:space-between; align-items:baseline; }.score-row b { font-size:15px; font-weight:500; }.score-row strong { font:550 44px var(--sans); letter-spacing:-.05em; }.score-row small { font-size:22px; }.score-track { height:12px; background:#edf1f5; margin:8px 0; border-radius:2px; }.score-track i { display:block; height:100%; width:var(--bar); background:var(--rust); border-radius:2px; }.baseline .score-track i { background:#98a5af; }.score-row>span { font-size:11px; color:var(--mute); }.transfer-stat { padding:20px 32px; border-left:1px solid var(--line); }.transfer-stat>p:first-child { font:10px var(--mono); }.transfer-stat strong { display:block; font:550 86px/1.35 var(--sans); letter-spacing:-.06em; color:var(--rust); }.transfer-stat h3 { font-size:22px; margin-bottom:12px; }.transfer-stat p:last-child { font-size:14px; color:var(--mute); }.result-notes { display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--line); padding-top:20px; margin-top:32px; font-size:13px; }
.dataset-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:30px 0; }.dataset-stats>div { border-left:1px solid var(--line); padding-left:28px; }.dataset-stats>div:first-child { border:0; padding:0; }.dataset-stats strong { display:block; font:550 48px var(--sans); letter-spacing:-.04em; }.dataset-stats span { color:var(--mute); font-size:12px; }
.family-overview { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin:24px 0 30px; }.family-overview>a { min-width:0; position:relative; border-bottom:1px solid var(--line); padding-bottom:20px; }.family-preview { margin-bottom:13px; border:1px solid var(--line); border-radius:5px; overflow:hidden; background:var(--wash); }.family-preview img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }.family-preview figcaption { padding:5px 9px; font-size:9px; color:var(--mute); background:white; }.family-code { color:var(--rust); font:10px var(--mono); }.family-overview h3 { display:inline; font:550 19px var(--sans); letter-spacing:-.02em; margin-left:9px; }.family-overview p { margin-top:5px; color:var(--mute); font-size:12px; }.family-arrow { position:absolute; bottom:23px; right:2px; color:var(--rust); }
.framework-map { display:grid; grid-template-columns:1fr 24px 1.3fr 24px 1fr; gap:18px; align-items:center; padding:28px; background:#f7f9fb; border:1px solid var(--line); border-radius:9px; margin-bottom:24px; }.framework-map h3 { font-size:20px; font-weight:550; margin:5px 0; }.framework-map p { font-size:12px; color:var(--mute); }.condition-stack>div { background:white; border:1px solid var(--line); padding:15px; margin-bottom:10px; border-radius:5px; }.condition-stack .optional-condition { border-style:dashed; margin-bottom:0; }.condition-stack>div>span,.framework-model>span,.framework-answer>span { font:9px var(--mono); color:var(--rust); }.framework-arrow { color:var(--rust); font-size:23px; }.framework-model { text-align:center; padding:28px 18px; border:1px solid #aebfdc; border-radius:7px; background:white; }.model-tokens { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin:18px 0; }.model-tokens span { padding:5px 7px; background:#edf2fa; font-size:10px; color:var(--rust); }.training-note { margin-top:20px; padding-top:14px; border-top:1px solid var(--line); font-size:11px; color:var(--mute); }.framework-answer { text-align:center; }.answer-layers { position:relative; width:100px; height:80px; margin:22px auto; }.answer-layers i { position:absolute; display:block; width:76px; height:50px; border:1px solid #8aa3cc; background:#edf2fa; border-radius:4px; left:0; top:0; }.answer-layers i:nth-child(2) { top:13px; left:12px; background:#dee8f8; }.answer-layers i:nth-child(3) { top:26px; left:24px; background:#cbdaf0; }
.research-identity #team,.research-identity #cite { padding:48px 0; }.research-identity .people { grid-template-columns:repeat(4,1fr); margin-top:24px; }.research-identity .person { min-height:75px; }.research-identity .person h3 { font-size:14px; letter-spacing:-.01em; }.research-identity .person p { font-size:11px; }.research-identity .site-footer { color:var(--ink); background:#f5f7f9; border-top:1px solid var(--line); }.research-identity .site-footer h2 { font-family:var(--sans); }
.research-identity .paper-nav { top:96px; margin-top:14px; background:#fffffff2; }.research-identity .paper-hero h1 { font-size:clamp(32px,4vw,52px); font-weight:600; line-height:1.14; }.research-identity .section h2 { text-transform:none; }.research-identity .paper-lede { font-size:19px; }.research-identity .section-summary { font-size:17px; }.research-identity .showcase-sheet .sheet-head h2 { font:550 30px/1.2 var(--sans); }
@keyframes sequence-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
.sequence-intro .sequence-input { animation:sequence-enter .6s ease-out both; }.sequence-intro .sequence-prompt { animation:sequence-enter .5s .35s ease-out both; }.sequence-intro .model-core { animation:sequence-enter .5s .7s ease-out both; }.sequence-intro .sequence-output { animation:sequence-enter .7s 1s ease-out both; }.sequence-intro .film-caption { animation:sequence-enter .5s 1.35s ease-out both; }.sequence-intro.motion-paused * { animation-play-state:paused; }
@media(max-width:1100px) { .research-identity .mast { gap:16px; padding:0 18px; }.research-identity .mast nav[aria-label=Main] { gap:14px; font-size:12px; }.research-identity .brand { font-size:17px; }.research-identity .mast-end .btn { padding:9px 12px; }.hero-film-pair { grid-template-columns:1fr 150px 1fr; gap:14px; }.framework-map { gap:12px; padding:20px; } }
@media(max-width:800px) { .research-identity .mast { width:calc(100% - 24px); top:6px; margin-top:6px; height:auto; min-height:98px; padding:12px 14px; display:grid; grid-template-columns:1fr auto; gap:10px; }.research-identity .mast nav[aria-label=Main] { grid-row:2; grid-column:1/-1; justify-self:stretch; justify-content:space-between; gap:10px; overflow-x:auto; padding-bottom:3px; white-space:nowrap; font-size:11px; }.research-identity .mast-end { grid-row:1; grid-column:2; }.research-identity .nav-code { display:block; }.research-identity .hero,.research-identity .section { width:calc(100% - 32px); }.research-identity .hero { padding-top:36px; }.research-identity .hero h1 { font-size:54px; }.hero-statement { font-size:22px; }.hero-film-pair { grid-template-columns:1fr 1fr; gap:10px; padding:12px; }.sequence-center { grid-column:1/-1; grid-row:2; display:flex; align-items:center; justify-content:center; gap:14px; }.sequence-center .sequence-link { display:none; }.model-core { padding:7px 14px; }.model-core .model-icon { display:none; }.sequence-prompt { max-width:150px; }.hero-film-pair figcaption { font-size:10px; display:block; padding:7px; }.hero-film-pair figcaption span { display:block; }.film-top { padding:10px; font-size:8px; }.film-top>div { gap:10px; }.film-caption { gap:12px; font-size:10px; }.hero-foot { flex-wrap:wrap; gap:8px 20px; padding:18px 0 28px; font-size:10px; }.research-identity .section { padding:44px 0; }.research-identity .bar-head { grid-template-columns:1fr; gap:16px; }.research-identity .bar-head h2 { font-size:30px; }.chapter { font-size:9px; }.capability-tabs { overflow-x:auto; }.capability-tabs button { padding:10px 14px; white-space:nowrap; }.capability-tabs button span { display:none; }#cap-stage { padding:18px; }.stage-copy { display:block; }.stage-copy .btn { margin-top:14px; }.stage-media { grid-template-columns:1fr; }.stage-bottom { display:block; }.stage-bottom span { display:block; margin-top:10px; }.result-layout { grid-template-columns:1fr; gap:25px; }.transfer-stat { border-left:0; border-top:1px solid var(--line); padding:24px 0; }.result-notes { display:block; }.result-notes a { display:inline-block; margin-top:14px; }.dataset-stats strong { font-size:34px; }.dataset-stats>div { padding-left:14px; }.family-overview { grid-template-columns:repeat(2,1fr); gap:18px; }.family-overview h3 { font-size:16px; }.framework-map { grid-template-columns:1fr; padding:20px; }.framework-arrow { transform:rotate(90deg); justify-self:center; }.condition-stack { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.condition-stack>div { margin:0; padding:10px; }.condition-stack h3 { font-size:14px; }.condition-stack p { font-size:10px; }.research-identity .people { grid-template-columns:repeat(2,1fr); }.research-identity .paper-nav { top:112px; }.research-identity .hero .cta { gap:10px; }.research-identity .hero .cta>.text-link { padding:8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.research-identity * { animation:none!important; transition:none!important; } }

/* v6: viewport-sized project identity and an asymmetric media constellation. */
.research-identity .brand .brand-symbol { width:32px; height:32px; object-fit:contain; filter:none; background:white; border:0; border-radius:0; }
.immersive-home .mast { border-radius:40px; top:14px; width:calc(100% - 40px); max-width:1500px; height:64px; padding:0 24px; margin-top:14px; background:#ffffffed; box-shadow:0 8px 30px #20262c06; }
.immersive-home .mast nav[aria-label=Main] { font-size:14px; gap:25px; }.immersive-home .brand { font-size:18px; }.immersive-home .mast .btn { border-radius:20px; }
.immersive-home .immersive-hero { position:relative; isolation:isolate; width:100%; max-width:none; height:calc(100svh - 78px); min-height:620px; padding:0; margin:0; overflow:hidden; display:grid; place-items:center; text-align:center; background:#fbfcfd; }
.hero-atmosphere { position:absolute; inset:0; z-index:-4; background:radial-gradient(ellipse at 20% 68%,#e4eaf7aa,transparent 56%),radial-gradient(ellipse at 88% 22%,#e4eeedaa,transparent 50%),#fbfcfd; }
.task-constellation { position:absolute; inset:0; z-index:-3; pointer-events:none; }
.orbit-card { position:absolute; width:clamp(180px,18vw,290px); aspect-ratio:1.5; animation:constellation-drift var(--drift) ease-in-out var(--delay) infinite alternate; transform:rotate(var(--tilt)); opacity:var(--alpha,.9); }
.orbit-card-inner { overflow:hidden; height:100%; border:5px solid #ffffffeb; border-radius:14px; background:#edf1f4; box-shadow:0 12px 32px #26394b18; }
.orbit-card img,.orbit-card video { width:100%; height:100%; display:block; object-fit:cover; }
.orbit-caption { position:absolute; left:5px; right:5px; bottom:5px; padding:20px 12px 10px; background:linear-gradient(transparent,#17232ad9); border-radius:0 0 10px 10px; color:white; text-align:left; }.orbit-caption b { display:block; font-size:12px; font-weight:500; }.orbit-caption span { display:block; font:8px/1.6 var(--mono); opacity:.8; }
.orbit-1 { left:-5%; top:8%; --tilt:-14deg; --alpha:.65; }
.orbit-2 { right:7%; top:2%; --tilt:11deg; }
.orbit-3 { right:-6%; top:40%; --tilt:-12deg; --alpha:.8; }
.orbit-4 { left:17%; top:-13%; --tilt:12deg; --alpha:.4; }
.orbit-5 { left:3%; bottom:9%; --tilt:9deg; }
.orbit-6 { right:16%; bottom:-6%; --tilt:-10deg; --alpha:.7; }
.orbit-7 { left:-11%; top:42%; --tilt:-9deg; --alpha:.4; }
.orbit-8 { left:34%; bottom:-14%; --tilt:8deg; --alpha:.4; }
.hero-vignette { position:absolute; inset:0; z-index:-2; background:radial-gradient(ellipse 44% 43% at 50% 48%,#fbfcfd 28%,#fbfcfdf5 53%,#fbfcfd95 78%,#fbfcfd00 100%),linear-gradient(0deg,#fff 0%,#ffffff00 17%,#ffffff00 88%,#fbfcfd70 100%); pointer-events:none; }
.hero-center { width:min(1180px,94%); padding:35px 0 60px; z-index:1; }
.hero-kicker { display:flex; align-items:center; justify-content:center; gap:9px; font:500 10px var(--mono); letter-spacing:.12em; color:#627180; margin:0 0 20px; }.hero-kicker>span { width:6px; height:6px; background:#4c6b92; border-radius:50%; }
.immersive-home .immersive-hero h1 { position:relative; font:600 clamp(76px,11.8vw,174px)/.98 "Space Grotesk","Arial Black",var(--sans); letter-spacing:-.078em; white-space:nowrap; margin:0; color:#121a22; text-wrap:nowrap; }
.title-dot { color:#5775a1; }
.hero-thesis { font:400 clamp(17px,1.9vw,25px)/1.5 var(--sans); color:#4f5d69; margin:24px 0 30px; letter-spacing:-.025em; }
.hero-main-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }.immersive-home .hero-main-actions .btn { border-radius:28px; padding:14px 23px; background:#ffffffb8; border-color:#bfc9d3; font-size:13px; box-shadow:0 2px 6px #20304003; backdrop-filter:blur(8px); }.immersive-home .hero-main-actions .btn.solid { background:#17212a; color:white; border-color:#17212a; }.hero-main-actions .btn span { margin-left:14px; }.immersive-home .hero-main-actions .btn:hover { transform:translateY(-2px); transition:transform .2s; }
.hero-quiet-link { font-size:11px; color:#75808b; margin-top:20px; }.hero-quiet-link span { margin-left:8px; }
.hero-bottom { position:absolute; bottom:23px; left:4%; right:4%; display:flex; justify-content:space-between; align-items:center; z-index:2; gap:20px; color:#6b7782; font-size:10px; }.scroll-cue { display:flex; align-items:center; gap:10px; }.scroll-cue>span { border:1px solid #cdd5dc; border-radius:50%; height:34px; width:34px; display:grid; place-items:center; font-size:18px; background:#ffffffa8; }.hero-bottom button { font-size:10px; padding:8px 0; }
.immersive-home #predictions { padding-top:64px; }
@keyframes constellation-drift { 0% { transform:translate3d(0,-14px,0) rotate(calc(var(--tilt) - 2deg)); } 50% { transform:translate3d(14px,8px,0) rotate(var(--tilt)); } 100% { transform:translate3d(-7px,22px,0) rotate(calc(var(--tilt) + 3deg)); } }
@keyframes identity-arrive { from { opacity:0; transform:translateY(12px); filter:blur(3px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
.hero-center { animation:identity-arrive .9s ease-out both; }.immersive-hero.motion-paused .orbit-card { animation-play-state:paused; }
@media(min-width:1600px) { .hero-center { width:1300px; }.immersive-home .immersive-hero h1 { font-size:180px; }.orbit-card { width:300px; } }
@media(max-width:1100px) { .immersive-home .mast nav[aria-label=Main] { font-size:12px; gap:16px; }.immersive-home .mast { gap:18px; padding:0 18px; }.immersive-home .brand { font-size:16px; }.orbit-2 { right:-2%; }.orbit-5 { left:-3%; }.hero-vignette { background:radial-gradient(ellipse 51% 43% at 50% 48%,#fbfcfd 22%,#fbfcfdf2 52%,#fbfcfd80 80%,transparent 100%),linear-gradient(0deg,#fff,transparent 18%); } }
@media(max-width:800px) { .immersive-home .mast { min-height:98px; height:auto; border-radius:17px; top:6px; margin-top:6px; width:calc(100% - 20px); padding:10px 14px; }.immersive-home .mast nav[aria-label=Main] { font-size:11px; gap:12px; }.immersive-home .immersive-hero { height:calc(100svh - 104px); min-height:570px; }.immersive-home .immersive-hero h1 { font-size:clamp(58px,12.4vw,98px); letter-spacing:-.075em; }.hero-center { width:96%; padding-bottom:42px; }.hero-kicker { font-size:8px; letter-spacing:.065em; gap:6px; }.hero-thesis { margin:18px 0 24px; font-size:17px; }.hero-main-actions { gap:8px; max-width:360px; margin:auto; }.immersive-home .hero-main-actions .btn { padding:12px 16px; font-size:12px; }.hero-main-actions .btn:last-child { display:none; }.hero-quiet-link { max-width:250px; margin:17px auto 0; line-height:1.7; font-size:10px; }.orbit-card { width:160px; }.orbit-1 { left:-15%; top:4%; }.orbit-2 { right:-4%; top:1%; }.orbit-3 { right:-23%; top:47%; }.orbit-4,.orbit-7 { display:none; }.orbit-5 { left:-9%; bottom:8%; }.orbit-6 { right:-7%; bottom:0; }.orbit-8 { left:31%; bottom:-17%; }.hero-vignette { background:radial-gradient(ellipse 73% 39% at 50% 48%,#fbfcfd 15%,#fbfcfdf7 56%,#fbfcfd80 82%,transparent 100%),linear-gradient(0deg,white,transparent 15%); }.hero-bottom { left:5%; right:5%; bottom:17px; }.hero-media-note { display:none; }.scroll-cue { font-size:10px; }.research-identity .brand .brand-symbol { width:27px; height:27px; } }
@media(prefers-reduced-motion:reduce) { .immersive-hero .orbit-card,.immersive-hero .hero-center { animation:none; }.immersive-home .hero-main-actions .btn:hover { transform:none; } }

/* v7 content diagrams; existing visual direction retained. */
.content-diagram{margin:2rem 0;padding:1.5rem;border:1px solid #dce2e8;border-radius:16px}.content-diagram figcaption{font-weight:700;margin-bottom:1rem}.content-diagram ol{display:grid;gap:1.2rem;padding-left:1.5rem}.content-diagram li span{display:block;margin-top:.35rem}.content-diagram meter{width:clamp(70px,14vw,220px);height:18px;vertical-align:middle}.case-reading{margin:1rem 0}.scope-map{margin:1.5rem 0}

/* v8 homepage: compact evidence and task navigation, existing palette retained. */
.homepage-ranking .score-row{margin-top:15px}.homepage-ranking .score-row strong{font-size:25px}.homepage-ranking .score-row:first-of-type strong{font-size:36px}.homepage-ranking .score-track{height:9px}.chart-axis{border:0;padding-top:12px}.task-family-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.task-family-links a{border:1px solid var(--line);border-radius:24px;padding:10px 16px;font-size:14px}.task-family-links a:hover{border-color:var(--rust)}
@media(max-width:800px){.immersive-home .hero-main-actions .btn:last-child{display:inline-flex}.immersive-home .hero-quiet-link{max-width:310px}.homepage-ranking .score-row b{font-size:13px}}

/* v10: reading layout + shared type roles. Preserve approved palette and faces. */
.research-identity { --reading-width:72ch; --reading-gap:32px; --reading-section-gap:88px; }
.research-identity :is(h1,h2,h3) { text-wrap:balance; }
.research-identity p { text-wrap:pretty; }
.research-identity :is(.note,.chart-label,.stage-bottom span,.person p) { font-size:14px; line-height:1.65; }
.research-identity .contributions article p:not(.tag),.research-identity .framework-map p { font-size:16px; line-height:1.7; }
.research-identity :is(.btn,.text-link) { font-size:15px; }
.research-identity .btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.research-identity .contributions article h3 { font-size:23px; line-height:1.25; letter-spacing:-.025em; }
.research-identity .contributions .tag { font:500 14px/1.5 var(--sans); letter-spacing:0; text-transform:none; margin:8px 0 16px; color:var(--rust); }
.research-identity .chapter { font:500 14px/1.5 var(--sans); letter-spacing:0; }
.research-identity .stage-media figcaption { font:500 15px/1.5 var(--sans); }
.research-identity .person h3 { font-size:17px; }
.research-identity :is(.framework-model,.framework-answer,.condition-stack>div)>span { font:500 14px/1.5 var(--sans); }
.research-identity .training-note { font-size:15px; }
.research-identity ::selection { background:#dce6fa; color:var(--ink); }
.research-identity :is(a,button,summary):focus-visible { outline:2px solid var(--rust); outline-offset:4px; }
.research-identity a { text-underline-offset:5px; }
.research-identity .settings { font-variant-numeric:tabular-nums; }
.research-identity .mast nav a[aria-current=page] { color:var(--rust); text-decoration:underline; }
.editorial-home .case-reading { grid-template-columns:1fr 1fr; gap:32px; background:none; }
.editorial-home .case-reading article { background:none; padding:16px 0; }
.editorial-home .hero-quiet-link,.editorial-home .hero-bottom button { font-size:14px; }
.editorial-home .hero-bottom button { min-height:44px; }

/* Research is a reading surface: a stable contents rail and one article column. */
.research-page main { width:min(980px,calc(100% - 64px)); margin:0 auto; min-width:0; }
.research-page :is(.section,.paper-hero) { width:100%; max-width:none; margin:0; }
.research-page .paper-hero { padding:72px 0 64px; }
.research-page .paper-hero h1 { font-size:clamp(36px,4.2vw,60px); max-width:22ch; line-height:1.1; letter-spacing:-.035em; margin:0; }
.research-page .paper-lede { font-size:21px; line-height:1.6; max-width:64ch; margin-top:28px; }
.research-page .paper-tldr { grid-template-columns:140px minmax(0,1fr); gap:24px; padding-top:24px; margin-top:40px; }
.research-page .paper-tldr strong { font:600 16px/1.6 var(--sans); text-transform:none; letter-spacing:0; }
.research-page .paper-tldr p { font-size:18px; line-height:1.7; }
.research-page .section { padding:var(--reading-section-gap) 0; border-top:1px solid var(--line); scroll-margin-top:160px; }
.research-page .bar-head { display:block; }
.research-page .bar-head h2 { max-width:25ch; font-size:clamp(30px,3.2vw,42px); line-height:1.16; margin-bottom:20px; }
.research-page .bar-head p,.research-page .section-summary,.research-page .prose p { max-width:var(--reading-width); font-size:18px; line-height:1.75; }
.research-page .prose p+p { margin-top:24px; }
.research-page .note { max-width:var(--reading-width); }
.research-page .paper-nav { position:sticky; top:96px; left:auto; transform:none; margin:0; border:0; border-bottom:1px solid var(--line); background:#fffffff2; z-index:40; }
.research-page .paper-nav-inner { width:min(1200px,calc(100% - 48px)); flex-direction:row; gap:20px; padding:0; margin:auto; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#aab5c1 transparent; }
.research-page .paper-nav-inner::-webkit-scrollbar { display:block; height:4px; }
.research-page .paper-nav-inner::before { content:none; }
.research-page .paper-nav a { padding:12px 0; min-height:44px; display:flex; align-items:center; font:500 14px/1.4 var(--sans); letter-spacing:0; white-space:nowrap; transform:none; }
.research-page .paper-nav a[aria-current=location] { color:var(--rust); text-decoration:underline; text-decoration-thickness:2px; }
.reading-nav-label { display:none; }
.research-page .contributions { background:none; gap:32px; margin:32px 0; }
.research-page .contributions article { background:none; padding:0; min-width:0; }
.research-page :is(#interface,#method,#limits) .contributions { display:block; }
.research-page :is(#interface,#method,#limits) .contributions article { padding:28px 0; border-bottom:1px solid var(--line); max-width:var(--reading-width); }
.research-page .content-diagram { padding:32px; margin:36px 0; border:0; border-radius:0; background:var(--wash); }
.research-page .content-diagram figcaption { font-size:18px; margin-bottom:24px; }
.research-page #method .content-diagram ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding-left:24px; }
.research-page #method .content-diagram li { padding-left:4px; }
.research-page #method .content-diagram li b { font-size:18px; line-height:1.4; }
.research-page #method .content-diagram li span { margin-top:16px; font-size:16px; line-height:1.7; }
.research-page .settings { font-size:16px; line-height:1.6; }
.research-page .settings :is(th,td) { padding:16px 14px; vertical-align:top; }
.research-page .settings caption { text-align:left; padding:0 0 20px; font-size:14px; color:var(--mute); }
.research-page details { margin:20px 0; border-top:1px solid var(--line); padding-top:12px; }
.research-page summary { font-size:16px; line-height:1.5; min-height:44px; padding:10px 0; cursor:pointer; }
.research-page #cases .contributions { display:block; }
.research-page #cases article { display:grid; grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr); gap:16px 40px; padding:40px 0; border-top:1px solid var(--line); }
.research-page #cases article h3 { grid-column:1; grid-row:1 / span 4; font-size:28px; max-width:16ch; }
.research-page #cases article p { grid-column:2; margin:0; }
.research-page #cases article b { display:inline; }
@media(min-width:1440px) {
 .research-page main { width:min(980px,calc(100% - 360px)); margin-left:calc((100% - 1280px)/2 + 240px); margin-right:40px; }
 .research-page .paper-nav { position:fixed; top:120px; left:max(24px,calc((100% - 1280px)/2)); width:180px; max-height:calc(100svh - 152px); overflow-y:auto; border:0; transform:none; background:transparent; }
 .research-page .paper-nav-inner { width:100%; flex-direction:column; gap:0; padding:0; overflow:visible; }
 .research-page .reading-nav-label { display:block; font-size:14px; color:var(--mute); margin-bottom:12px; }
 .research-page .paper-nav a { padding:10px 0; }
 .research-page .section { scroll-margin-top:112px; }
}
@media(max-width:800px) {
 .research-page main { width:calc(100% - 40px); }
 .research-page .paper-nav { top:118px; }
 .research-page .paper-nav-inner { width:calc(100% - 32px); }
 .research-page .section { padding:56px 0; scroll-margin-top:192px; }
 .research-page .paper-hero { padding:48px 0; }
 .research-page .paper-lede { font-size:19px; }
 .research-page .paper-tldr { grid-template-columns:1fr; gap:12px; }
 .research-page .contributions { grid-template-columns:1fr; gap:28px; }
 .research-page #method .content-diagram ol { grid-template-columns:1fr; gap:28px; }
 .research-page .content-diagram { padding:24px; }
 .research-page #cases article { grid-template-columns:1fr; gap:16px; padding:32px 0; }
 .research-page #cases article h3 { grid-column:1; grid-row:auto; max-width:25ch; }
 .research-page #cases article p { grid-column:1; }
 .editorial-home .case-reading { grid-template-columns:1fr; gap:8px; }
 .research-identity .condition-stack { grid-template-columns:1fr; }
 .research-identity .mast nav[aria-label=Main] { font-size:14px; gap:18px; }
 .research-identity .mast nav[aria-label=Main] a { min-height:36px; display:flex; align-items:center; }
}

/* Keep supporting hero labels readable without changing its composition. */
.editorial-home .hero-kicker,.editorial-home .orbit-caption span,.editorial-home .hero-media-note {font-size:14px;letter-spacing:0;line-height:1.5}
.editorial-home .orbit-caption b {font-size:15px}

/* v11: supplied Ahsing wordmark outlines, single layer; original sequential entrance. */
.immersive-home .hero-center { animation:none; }
.immersive-home .immersive-hero h1 { width:min(1060px,90vw); margin:0 auto; line-height:1; letter-spacing:normal; }
.ahsing-wordmark { display:block; width:100%; height:auto; overflow:visible; fill:#111; }
.wordmark-letter { transform-box:fill-box; transform-origin:center bottom; animation:ahsing-arrive 850ms cubic-bezier(.16,1,.3,1) both; animation-delay:calc(var(--letter) * 110ms); }
@keyframes ahsing-arrive {
  from { opacity:0; transform:translateY(14px) scale(.94); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
.immersive-hero.motion-paused .wordmark-letter { animation-play-state:paused; }
#replay-wordmark { border:0; background:none; color:var(--mute); font:inherit; font-size:14px; min-height:44px; cursor:pointer; padding:8px; }
#replay-wordmark:hover { color:var(--ink); }
@media(max-width:800px) { .immersive-home .immersive-hero h1 { width:90vw; } .hero-bottom { flex-wrap:wrap; gap:8px; } }
@media(prefers-reduced-motion:reduce) { .wordmark-letter { animation:none; } #replay-wordmark { display:none; } }

/* v12: eight real outputs, a quiet pointer-responsive purple mesh, clean hero. */
.immersive-home .immersive-hero { min-height:720px; background:#fcfcff; }
.hero-atmosphere { background:#fcfcff; }
.hero-mesh { position:absolute; inset:0; width:100%; height:100%; z-index:-4; pointer-events:none; }
.immersive-home .hero-center { width:100%; padding:0; z-index:1; }
.immersive-home .immersive-hero h1 { width:min(1000px,82vw); }
.immersive-home .hero-thesis { margin:24px 0 26px; }
.immersive-home .hero-vignette { display:none; }
.immersive-home .task-constellation { z-index:0; }
.immersive-home .orbit-card { display:block; width:20%; max-width:280px; aspect-ratio:1.65; opacity:1; transform:translate3d(var(--media-x,0px),var(--media-y,0px),0); animation:none; }
.immersive-home .orbit-card-inner { border:0; border-radius:12px; background:#eeeef4; box-shadow:0 9px 25px #28203914; }
.immersive-home .orbit-card video { object-fit:contain; }
.immersive-home .orbit-caption { left:0; right:0; bottom:0; padding:18px 12px 8px; border-radius:0 0 12px 12px; background:linear-gradient(transparent,rgba(15,16,24,.65)); }
.immersive-home .orbit-caption b { font:500 13px/1.4 var(--sans); }
.immersive-home .orbit-1 { left:4%; top:5%; bottom:auto; right:auto; }
.immersive-home .orbit-2 { left:28%; top:1.5%; bottom:auto; right:auto; }
.immersive-home .orbit-3 { left:52%; top:1.5%; bottom:auto; right:auto; }
.immersive-home .orbit-4 { left:76%; top:5%; bottom:auto; right:auto; }
.immersive-home .orbit-5 { left:4%; bottom:5%; top:auto; right:auto; }
.immersive-home .orbit-6 { left:28%; bottom:1.5%; top:auto; right:auto; }
.immersive-home .orbit-7 { left:52%; bottom:1.5%; top:auto; right:auto; }
.immersive-home .orbit-8 { left:76%; bottom:5%; top:auto; right:auto; }
.immersive-home .wordmark-letter { animation:wordmark-reveal 650ms ease-out both; animation-delay:calc(var(--letter) * 45ms); }
@keyframes wordmark-reveal { from { opacity:0; } to { opacity:1; } }
.motion-toggle { position:absolute; right:16px; top:50%; z-index:3; display:grid; place-items:center; width:36px; height:36px; border:1px solid #dedbe8; border-radius:50%; background:#ffffffda; color:#625d75; cursor:pointer; }
.motion-toggle svg { fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.motion-toggle .play-icon { display:none; }
.motion-toggle[aria-pressed="false"] .pause-icon { display:none; }
.motion-toggle[aria-pressed="false"] .play-icon { display:block; }
@media(min-width:1600px) { .immersive-home .orbit-card { width:19%; max-width:340px; } }
@media(max-width:800px) {
 .immersive-home .immersive-hero { min-height:600px; }
 .immersive-home .immersive-hero h1 { width:90vw; }
 .immersive-home .orbit-card { width:22%; aspect-ratio:1.2; }
 .immersive-home .orbit-caption { display:none; }
 .immersive-home .orbit-1,.immersive-home .orbit-5 { left:2%; }
 .immersive-home .orbit-2,.immersive-home .orbit-6 { left:26.5%; }
 .immersive-home .orbit-3,.immersive-home .orbit-7 { left:51%; }
 .immersive-home .orbit-4,.immersive-home .orbit-8 { left:75.5%; }
 .immersive-home .orbit-1,.immersive-home .orbit-4 { top:12%; }
 .immersive-home .orbit-2,.immersive-home .orbit-3 { top:8%; }
 .immersive-home .orbit-5,.immersive-home .orbit-8 { bottom:12%; }
 .immersive-home .orbit-6,.immersive-home .orbit-7 { bottom:8%; }
 .motion-toggle { right:8px; top:auto; bottom:8px; }
}
@media(prefers-reduced-motion:reduce) { .immersive-home .wordmark-letter { animation:none; } }

/* Size the hero against the actual wrapping mast on small screens. */
.immersive-home .immersive-hero { height:calc(100svh - var(--hero-top,78px)); }

/* v13: shared manuscript data, split-aware expandable homepage ranking. */
.home-leaderboard { border:1px solid #dfe3eb; border-radius:16px; padding:28px 32px; background:#fff; }
.ranking-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ranking-toolbar p { margin:0; color:var(--mute); font-size:15px; }
.ranking-switch { display:flex; padding:4px; gap:4px; border:1px solid #dfe3eb; border-radius:28px; }
.ranking-switch button { border:0; background:transparent; border-radius:22px; min-height:44px; padding:8px 26px; color:var(--ink); font:600 16px var(--sans); cursor:pointer; }
.ranking-switch button[aria-pressed=true] { background:#202831; color:white; }
.ranking-headline { font-size:19px; margin:24px 0 30px; color:var(--mute); }
.ranking-headline strong { color:var(--ink); }
.ranking-scale,.ranking-model summary { display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,2fr) 90px 100px; gap:18px; align-items:center; }
.ranking-scale { color:var(--mute); font-size:13px; margin:0 0 12px; }
.ranking-scale>div { display:flex; justify-content:space-between; }
.ranking-scale>span:nth-last-child(-n+2) { text-align:right; }
.ranking-model { border-bottom:1px solid #e6e9ee; }
.ranking-model:last-child { border-bottom:0; }
.ranking-model summary { list-style:none; cursor:pointer; padding:18px 0; border-radius:6px; }
.ranking-model summary::-webkit-details-marker { display:none; }
.ranking-model summary:hover { background:#f7f8fb; }
.ranking-model summary:focus-visible { outline:2px solid var(--rust); outline-offset:3px; }
.ranking-name { display:flex; gap:14px; align-items:center; font-size:16px; }
.ranking-place { color:var(--mute); width:20px; text-align:center; flex-shrink:0; font-variant-numeric:tabular-nums; }
.ranking-bar,.ranking-family-bar { display:block; height:10px; border-radius:3px; background:#edf0f5; overflow:hidden; }
.ranking-bar i,.ranking-family-bar i { display:block; height:100%; background:#838d9c; border-radius:3px; }
.ranking-ours .ranking-bar i,.ranking-ours .ranking-family-bar i { background:#3c5cb0; }
.ranking-percent { font-size:18px; text-align:right; font-variant-numeric:tabular-nums; }
.ranking-count { display:flex; align-items:center; justify-content:flex-end; gap:12px; color:var(--mute); font-size:15px; font-variant-numeric:tabular-nums; }
.ranking-chevron { width:12px; font-size:20px; }
.ranking-model[open] .ranking-chevron { transform:rotate(45deg); }
.ranking-breakdown { margin:0 0 16px; padding:24px; border-radius:12px; background:#f5f6fa; }
.ranking-detail-heading { display:flex; justify-content:space-between; gap:16px; align-items:baseline; margin-bottom:24px; }
.ranking-detail-heading h3 { font-size:20px; margin:0; }
.ranking-detail-heading>span { color:var(--mute); font-size:14px; }
.ranking-families { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; row-gap:20px; }
.ranking-family { display:grid; grid-template-columns:minmax(100px,1.2fr) minmax(40px,1fr) 55px 42px; gap:12px; align-items:center; font-size:14px; }
.ranking-family b,.ranking-family>span:last-child { text-align:right; font-variant-numeric:tabular-nums; }
.ranking-family>span:last-child { color:var(--mute); }
.ranking-family-bar { height:7px; }
.ranking-hint { text-align:center; margin:24px 0 12px; font-size:14px; color:var(--mute); }
.ranking-footnote,.ranking-detail-note { color:var(--mute); font-size:14px; line-height:1.6; margin:16px 0 0; }
@media(max-width:1000px) { .ranking-families { grid-template-columns:1fr; }.ranking-scale,.ranking-model summary { grid-template-columns:minmax(190px,1fr) minmax(80px,1fr) 75px 85px;gap:12px; } }
@media(max-width:640px) {
 .home-leaderboard { padding:18px 14px; }.ranking-toolbar { flex-direction:column;align-items:flex-start; }.ranking-toolbar p { font-size:14px; }
 .ranking-headline { font-size:17px; }.ranking-scale { display:none; }
 .ranking-model summary { grid-template-columns:1fr 75px;gap:10px;padding:18px 0; }.ranking-name { grid-column:1;grid-row:1;gap:8px;font-size:14px; }.ranking-percent { grid-column:2;grid-row:1;font-size:16px; }.ranking-bar { grid-column:1;grid-row:2; }.ranking-count { grid-column:2;grid-row:2;font-size:13px;gap:6px; }
 .ranking-breakdown { padding:16px 10px; }.ranking-detail-heading { display:block; }.ranking-detail-heading h3 { margin-bottom:8px;font-size:18px; }.ranking-family { grid-template-columns:minmax(85px,1.3fr) minmax(25px,1fr) 45px 34px;gap:7px;font-size:12px; }
}

.home-leaderboard .ranking-model { border-top:0; margin-top:0; }
#results>.bar-head>.text-link { justify-self:end; }
@media(max-width:640px) { #results>.bar-head>.text-link { justify-self:start; } }

/* v14 — restrained violet ranking identity, provider symbols and stronger expansion hierarchy. */
#results { scroll-margin-top:115px; }
#results .home-leaderboard { --board-accent:#6550a5; --board-ink:#242331; --board-wash:#f3f2f8; padding:28px 34px 24px; border-color:#e2e0ea; border-radius:24px; }
#results .ranking-toolbar { margin-bottom:18px; }
#results .ranking-switch { background:#f7f6fa; border-color:#e5e2ed; }
#results .ranking-switch button[aria-pressed=true] { background:#302b43; }
#results .ranking-headline { margin:18px 0 30px; font-size:18px; line-height:1.55; }
#results .ranking-scale,#results .ranking-model summary { grid-template-columns:minmax(290px,1.25fr) minmax(160px,2fr) 88px 100px; gap:16px; }
#results .ranking-scale { padding:0 12px 14px; margin:0; border-bottom:1px solid #e6e4ed; }
#results .ranking-model { border-color:#e6e4ed; }
#results .ranking-model summary { padding:12px; min-height:66px; border-radius:0; }
#results .ranking-model summary:hover,#results .ranking-model[open]>summary { background:#f1eff6; }
#results .ranking-name { gap:12px; font-size:16px; color:var(--board-ink); }
#results .ranking-name>b { font-weight:600; }
#results .ranking-place { display:grid; place-items:center; width:24px; height:24px; font-size:13px; font-weight:600; }
#results .rank-1,#results .rank-2,#results .rank-3 { border-radius:50%; }
#results .rank-1 { color:#77570c; background:#f4df91; }
#results .rank-2 { color:#59616e; background:#e0e4eb; }
#results .rank-3 { color:#8b5536; background:#f0d4bf; }
.model-symbol { display:inline-grid; place-items:center; width:36px; height:36px; flex:0 0 36px; background:#eeedf3; border-radius:50%; }
.model-symbol img { display:block; width:23px; height:23px; object-fit:contain; }
#results .ranking-bar { height:12px; background:#edeef3; border-radius:4px; }
#results .ranking-bar i { background:#9693a2; border-radius:4px; }
#results .ranking-model:nth-child(2) .ranking-bar i { background:#514d60; }
#results .ranking-model:nth-child(3) .ranking-bar i { background:#706b80; }
#results .ranking-ours .ranking-bar i { background:var(--board-accent); }
#results .ranking-percent { font-size:20px; font-weight:650; color:var(--board-ink); }
#results .ranking-count { font-size:15px; font-weight:400; }
#results .ranking-chevron { font-size:17px; opacity:.7; }
#results .ranking-breakdown { margin:5px 0 12px; padding:26px 24px 20px; border-radius:18px; background:var(--board-wash); }
#results .ranking-detail-heading { margin-bottom:26px; align-items:center; }
.ranking-detail-identity { display:flex; gap:14px; align-items:center; }
.ranking-detail-identity .model-symbol { width:44px; height:44px; flex-basis:44px; background:white; border:1px solid #e4e1ec; }
#results .ranking-detail-identity h3 { font-size:20px; font-weight:650; }
.ranking-detail-stats { display:flex; gap:30px; }
.ranking-detail-stats>div { display:grid; gap:5px; }
.ranking-detail-stats strong { font-size:27px; line-height:1.1; color:#302b43; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.ranking-detail-stats span { font-size:14px; color:var(--mute); }
#results .ranking-families { gap:8px 24px; }
#results .ranking-family { grid-template-columns:minmax(145px,1.3fr) minmax(45px,1fr) 54px 42px; gap:10px; min-height:44px; padding:6px 8px; border-radius:8px; }
#results .ranking-family:hover { background:white; }
.family-label { display:flex; align-items:center; gap:10px; }
.family-code { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; border-radius:6px; background:#e3dfec; color:#504464; font-size:12px; font-weight:600; }
#results .ranking-family-bar { height:8px; background:#e6e4ee; }
#results .ranking-family-bar i { background:#878092; }
#results .ranking-ours .ranking-family-bar i { background:#7761ae; }
#results .ranking-detail-note { margin-top:18px; font-size:13px; }
#results .ranking-hint { margin:22px 0 8px; }
#results .ranking-footnote { font-size:13px; }
@media(max-width:1100px) { #results .ranking-families { grid-template-columns:1fr; } }
@media(max-width:800px) {
 #results .home-leaderboard { padding:22px 18px; }
 #results .ranking-scale,#results .ranking-model summary { grid-template-columns:minmax(230px,1.4fr) minmax(60px,1fr) 75px 80px;gap:10px; }
 #results .ranking-name { gap:8px;font-size:14px; }
 #results .ranking-detail-heading { align-items:flex-start;flex-direction:column;gap:20px; }
}
@media(max-width:640px) {
 #results { scroll-margin-top:205px; }
 #results .home-leaderboard { padding:18px 12px; border-radius:18px; }
 #results .ranking-model summary { grid-template-columns:1fr 72px;padding:12px 4px;row-gap:10px; }
 #results .ranking-name { gap:7px; }.model-symbol { width:28px;height:28px;flex-basis:28px; }.model-symbol img { width:19px;height:19px; }
 #results .ranking-place { width:18px;height:20px; font-size:11px; }
 #results .ranking-percent { font-size:17px; }#results .ranking-count { font-size:13px; }
 #results .ranking-breakdown { padding:20px 10px 14px; }
 #results .ranking-detail-identity h3 { font-size:17px; }
 .ranking-detail-stats { margin-top:18px;gap:24px; }.ranking-detail-stats strong { font-size:24px; }
 #results .ranking-family { grid-template-columns:minmax(115px,1.4fr) minmax(20px,1fr) 43px 31px;gap:6px;padding:5px 0;font-size:12px; }
 .family-label { gap:6px; }.family-code { flex-basis:22px;width:22px;height:22px;font-size:11px; }
}

/* Restored family atlas and unified interface; align with the current light demo. */
#predictions,#diversity,#framework { scroll-margin-top:110px; }
#predictions .capability-tabs { border:0;gap:8px;margin:24px 0; }
#predictions .capability-tabs button { border:1px solid #e3e0ec;border-radius:24px;padding:10px 22px;font-size:15px; }
#predictions .capability-tabs button[aria-selected=true] { background:#eee8f6;color:#584384;border-color:#d6c7e7; }
#predictions #cap-stage { padding:0;background:white;border:0;border-radius:0; }
#predictions .stage-copy { padding:0 0 22px;align-items:center; }
#predictions .stage-copy h3 { font-size:25px;margin:0 0 8px; }
#predictions .stage-copy p { font-size:16px;margin:0; }
#predictions .stage-media { gap:20px; }
#predictions .stage-media video { border-radius:12px; }
#predictions .stage-bottom { border:0;margin-top:16px;padding:0; }
#predictions .stage-bottom span { font-size:13px; }
#diversity .globe-layout { grid-template-columns:260px minmax(0,1fr);gap:30px; }
#diversity .globe-count b { font-size:68px; }
#diversity .globe-count span { font:15px/1.6 var(--sans); }
#diversity .globe-legend button { border-radius:7px;font-size:15px;padding:11px 12px; }
#diversity .globe-legend button[aria-selected=true] { background:#eee8f6;color:#30273f; }
#diversity .family-detail { padding:18px;background:#f6f4f9;border:0;border-radius:12px; }
#diversity .family-detail h3 { font-size:18px;line-height:1.4; }
#diversity .family-detail p,#diversity .family-detail li { font-size:14px;line-height:1.6; }
#diversity .hive { background:transparent;border:0;min-height:0; }
#diversity .hive-grid { padding:0;gap:14px;max-height:850px; }
#diversity .hive-family { overflow:hidden;border-radius:12px;border:1px solid #dfdce8; }
#diversity .hive-family-meta { padding:12px;border-top-width:2px; }
#diversity .hive-family-meta span,#diversity .hive-family-meta em { font-size:14px; }
#diversity .hive-previews { aspect-ratio:1.5;min-height:0; }
#diversity .hive-previews img { min-height:0; }
#diversity .hive-task { border-radius:10px;overflow:hidden; }
#framework .harbor { background:#faf9fc;border:1px solid #e3dfeb;border-radius:20px;padding:26px;box-shadow:none; }
#framework .harbor-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr);gap:24px; }
#framework .harbor-rail { border-radius:12px;background:white; }
#framework .harbor-rail span,#framework .harbor-rail em { font-size:12px; }
#framework .harbor-modes { grid-template-columns:1fr; }
#framework .harbor-modes button { border-radius:12px;background:#fff; }
#framework .harbor-modes button[aria-pressed=true] { background:#eee8f6;border-color:#baa4d6; }
#framework .harbor-modes button dl { display:flex;flex-wrap:wrap;gap:12px; }
#framework .harbor-modes button dt { display:none; }
#framework .harbor-modes button dd { font-size:13px; }
#framework .harbor-label { font:600 18px var(--sans); }
#framework blockquote { font-size:17px;line-height:1.6; }
#framework .harbor-mini { font:500 12px/1.5 var(--sans);letter-spacing:0; }
#framework .harbor-note,#framework .harbor-judge,#framework .harbor-checks,#framework .harbor-cap { font-size:13px;line-height:1.6; }
#framework .harbor-fams button { border-radius:18px; }
#framework .harbor-fams button[aria-current=true] { background:#6550a5;border-color:#6550a5;color:white; }
#framework .harbor-still video { aspect-ratio:4/3;object-fit:contain;background:#15141a; }
@media(max-width:1000px) { #diversity .globe-layout { grid-template-columns:220px minmax(0,1fr);gap:20px; }#diversity .hive-grid.is-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }#framework .harbor-grid { grid-template-columns:1fr 1fr; }#framework .harbor-mid { grid-column:1/-1;grid-row:2; } }
@media(max-width:640px) { #diversity .globe-layout { grid-template-columns:1fr; }#diversity .globe-legend { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }#diversity .family-detail { display:none; }#framework .harbor { padding:16px; }#framework .harbor-grid { gap:14px; }#framework blockquote { font-size:14px; }#predictions .stage-copy { gap:16px; }#predictions .stage-copy .btn { margin:12px 0; } }

#framework .harbor-modes button[data-board-mode] { pointer-events:auto;cursor:pointer; }
#framework .harbor-modes button dl { display:grid;gap:7px; }
#framework .harbor-modes button dl div { display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px; }
#framework .harbor-modes button dt { display:block; }
#framework .harbor-modes button dd { margin:0; }
#framework #board-core { max-height:190px;overflow:auto;padding-right:8px; }
#diversity .globe-legend button[aria-selected=true] b { color:#584384; }
#diversity>.bar-head>.text-link { justify-self:end; }