@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/editorial/Inter-300.ttf') format('truetype')} @font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/editorial/Inter-400.ttf') format('truetype')} @font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/editorial/Inter-500.ttf') format('truetype')} @font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/editorial/Inter-600.ttf') format('truetype')} @font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/editorial/Inter-700.ttf') format('truetype')} @font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/editorial/Inter-800.ttf') format('truetype')} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/editorial/JetBrainsMono-400.ttf') format('truetype')} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/editorial/JetBrainsMono-500.ttf') format('truetype')} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/editorial/SourceSerif4-400.ttf') format('truetype')} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/editorial/SourceSerif4-600.ttf') format('truetype')} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/editorial/SourceSerif4-700.ttf') format('truetype')} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter, Segoe UI, Arial, sans-serif;color:#10201d;background:#eef7f5;line-height:1.6}a{color:inherit;text-decoration:none}.site-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,56px);background:#ffffff;border-bottom:1px solid #0f766e;backdrop-filter:blur(18px)}.brand{font-weight:900;letter-spacing:.14em}.site-nav nav{display:flex;flex-wrap:wrap;gap:12px;font-size:.86rem}.site-nav nav a{padding:7px 10px;border-radius:999px}.hero{min-height:72vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:34px;align-items:center;padding:clamp(46px,8vw,96px) clamp(20px,5vw,78px)}.eyebrow{color:#0f766e;font-weight:800;text-transform:uppercase;letter-spacing:.16em}h1{margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.94;letter-spacing:-.01em}.subtitle{max-width:850px;font-size:clamp(1.05rem,2vw,1.35rem)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.actions a{padding:13px 18px;border:1px solid #0f766e;background:#0f766e;color:#eef7f5;font-weight:800}.actions a+a{background:transparent;color:#10201d}.hero-panel,.section,.board-window,.feature-grid article,.timeline article{background:#ffffff;border:1px solid #0f766e}.hero-panel{padding:28px;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.12)}.hero-panel span{color:#0f766e;font-weight:900;font-size:2rem;display:block}main{width:min(1180px,calc(100% - 34px));margin:0 auto 70px;display:grid;gap:28px}.section{padding:clamp(24px,4vw,44px);border-radius:24px}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.section-head span{color:#0f766e;font-weight:900}h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1}h3{margin:0 0 8px}.stat-strip,.feature-grid,.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.stat-strip b,.feature-grid article,.timeline article{padding:18px;border-radius:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.board-window{border-radius:20px;overflow:hidden}.board-top{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;background:#0f766e;color:#eef7f5}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #0f766e;text-align:left}.coming{margin-top:18px;padding:24px;border-radius:18px;background:#0f766e;color:#eef7f5;font-size:1.6rem;font-weight:900;text-align:center}footer{padding:36px;text-align:center;opacity:.72}@media(max-width:820px){.hero{grid-template-columns:1fr}.stat-strip,.feature-grid,.timeline{grid-template-columns:1fr}.site-nav{align-items:flex-start;flex-direction:column}} body.dashboard{background:radial-gradient(circle at 0 0,#d7fffa,transparent 30%),#eef7f5}.dashboard main{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .overview,.dashboard .benchmark{grid-column:1/-1}.dashboard .section{border-radius:12px}@media(max-width:900px){.dashboard main{grid-template-columns:1fr}} /* layout-differentiation-pass */ body h1,.brand,.eyebrow{letter-spacing:0} .research-extension{position:relative;overflow:hidden} .research-extension .research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px} .research-extension .research-grid article,.metric-card{padding:16px;border:1px solid currentColor;border-radius:14px;background:rgba(255,255,255,.12)} .research-extension .paper-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px} .research-extension .paper-tags span,.metric-card small{display:inline-flex;font-weight:900;font-size:.78rem;text-transform:uppercase} .metric-panel{margin-top:18px;padding:16px;border:1px solid currentColor;border-radius:18px;background:rgba(255,255,255,.1)} .metric-panel h3{margin:0 0 12px;font-size:1rem} .metric-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px} .metric-card b{display:block;margin:6px 0;font-size:1.02rem} .metric-card span{display:flex;justify-content:space-between;gap:10px;font-size:.86rem} @media(max-width:900px){.research-extension .research-grid,.metric-grid{grid-template-columns:1fr}main{display:grid!important;grid-template-columns:1fr!important}.section{grid-column:auto!important;grid-row:auto!important}} .layout-dashboard main{width:min(1320px,calc(100% - 24px));grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense} .layout-dashboard .benchmark{grid-column:1/9}.layout-dashboard .evaluation{grid-column:9/13}.layout-dashboard .research-extension{grid-column:1/7}.layout-dashboard .dates{grid-column:7/13}.layout-dashboard .participation{grid-column:1/5}.layout-dashboard .overview{grid-column:5/13}.layout-dashboard .venue,.layout-dashboard .policies{grid-column:span 6}.layout-dashboard .contact{grid-column:1/-1} .layout-dashboard .section-head{justify-content:space-between}.layout-dashboard .metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))} /* distinct-random-block */ .layout-dashboard .telemetry-queue{grid-column:9/13;grid-row:1;background:#101c1f;color:#d7fffa} .queue-board{display:grid;grid-template-columns:1fr 1fr;gap:10px} .queue-board article{padding:14px;border:1px solid #00aa94;background:#14282c} .queue-board b{display:block;color:#00aa94}.queue-board strong{display:block;font-size:2rem;line-height:1}.queue-board span{font-size:.82rem} /* more-distinct-random-blocks */ .layout-dashboard .phase-monitor{grid-column:1/5}.layout-dashboard .ops-stack{grid-column:5/9} .phase-bars{display:grid;gap:10px}.phase-bars span{position:relative;padding:10px;background:#d7fffa;color:#102124;font-weight:900}.phase-bars span::after{content:'';position:absolute;left:0;bottom:0;height:5px;width:calc(var(--p)*1%);background:#00aa94} .ops-stack ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.ops-stack li{padding:12px;border:1px solid #00aa94;background:#14282c;color:#d7fffa} /* MOXIVERSE leaderboard start */ .twb-leader { position: relative; margin: clamp(34px, 7vw, 86px) auto; padding: clamp(22px, 4vw, 48px); overflow: hidden; isolation: isolate; max-width: min(1180px, 100%); box-sizing: border-box; grid-column: 1 / -1 !important; width: 100%; justify-self: stretch; clear: both; } .twb-leader *, .twb-leader *::before, .twb-leader *::after { box-sizing: border-box; min-width: 0; } .twb-leader h2 { margin: 0; letter-spacing: 0; overflow-wrap: anywhere; line-height: 1.05; } .twb-leader p { max-width: 72ch; overflow-wrap: anywhere; } .twb-leader table { width: 100%; border-collapse: collapse; min-width: 680px; } .twb-leader th, .twb-leader td { text-align: left; padding: 12px 14px; overflow-wrap: anywhere; } .twb-leader pre { max-width: 100%; overflow-x: auto; } .twb-leader svg, .twb-leader figure { max-width: 100%; } .twb-kicker { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 10px; } .twb-leader meter { width: 100%; height: 12px; } .twb-rich { display: grid; gap: 18px; margin-top: 28px; } .twb-rich-card { padding: clamp(16px, 2.5vw, 24px); border: 1px solid currentColor; background: color-mix(in srgb, currentColor 5%, transparent); overflow: hidden; } .twb-rich-title { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; margin-bottom: 14px; } .twb-rich-title span { text-transform: uppercase; font-size: .75rem; letter-spacing: .08em; } .twb-rich-title h3 { margin: 0; font-size: clamp(1.1rem, 2.2vw, 1.65rem); line-height: 1.15; overflow-wrap: anywhere; } .twb-wide { grid-column: 1 / -1; } .twb-table-wrap { width: 100%; overflow-x: auto; border: 1px solid currentColor; max-width: 100%; -webkit-overflow-scrolling: touch; } .twb-dense-table { min-width: 2260px !important; border-collapse: separate !important; border-spacing: 0; table-layout: auto; font-size: .82rem; line-height: 1.28; } .twb-dense-table th, .twb-dense-table td { padding: 10px 12px; white-space: nowrap; overflow-wrap: normal; border-right: 1px solid color-mix(in srgb, currentColor 14%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent); vertical-align: middle; } .twb-dense-table th { font-size: .77rem; text-transform: uppercase; letter-spacing: .02em; } .twb-dense-table td:first-child, .twb-dense-table th:first-child { min-width: 190px; max-width: 230px; } .twb-dense-table td:first-child b { display: block; white-space: normal; } .twb-dense-table td:first-child small { display: block; margin-top: 4px; opacity: .72; white-space: normal; } .twb-dense-table tbody tr:nth-child(odd) { background: color-mix(in srgb, currentColor 3%, transparent); } .twb-col-score { background: color-mix(in srgb, #0ea5e9 13%, transparent); font-weight: 800; } .twb-col-dim { background: color-mix(in srgb, #a855f7 10%, transparent); font-weight: 700; } .twb-col-action { background: color-mix(in srgb, #10b981 12%, transparent); } .twb-col-metric { background: color-mix(in srgb, #f59e0b 8%, transparent); } .twb-col-robot { background: color-mix(in srgb, #06b6d4 10%, transparent); } .twb-col-status { font-weight: 700; } .twb-rank-cell { text-align: center !important; font-weight: 800; } .twb-best { background: color-mix(in srgb, #22c55e 27%, transparent) !important; color: color-mix(in srgb, #00a05d 84%, currentColor); font-weight: 900; } .twb-trophy { display: inline-block; margin-left: 5px; padding: 1px 5px; border: 1px solid currentColor; border-radius: 999px; font-size: .62rem; line-height: 1.25; } .twb-metric-vis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 10px; } .twb-metric-vis div { display: grid; gap: 7px; } .twb-metric-vis b { display: block; width: 100%; font-size: .88rem; overflow-wrap: anywhere; } .twb-metric-vis i { font-style: normal; padding: 6px 8px; background: linear-gradient(90deg, currentColor var(--v), color-mix(in srgb, currentColor 12%, transparent) 0); color: color-mix(in srgb, canvas 90%, white); min-height: 28px; } .twb-dimension { margin-top: 20px; padding: clamp(12px, 2vw, 18px); border: 1px solid color-mix(in srgb, currentColor 34%, transparent); background: color-mix(in srgb, currentColor 4%, transparent); overflow: hidden; } .twb-dim-head { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; margin-bottom: 14px; } .twb-dim-head span { text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; } .twb-dim-head b { font-size: clamp(1rem, 2vw, 1.35rem); line-height: 1.1; overflow-wrap: anywhere; } .twb-radar-board { display: grid; gap: 16px; align-items: start; } .twb-radar-layout-overlay, .twb-radar-layout-focus, .twb-radar-layout-ranked { grid-template-columns: minmax(270px, 1.2fr) minmax(220px, .78fr); } .twb-radar-layout-split { grid-template-columns: repeat(2, minmax(250px, 1fr)); } .twb-radar-layout-split .twb-radar-side, .twb-radar-layout-overlay .twb-radar-callouts, .twb-radar-layout-ranked .twb-radar-callouts, .twb-radar-values { grid-column: 1 / -1; } .twb-radar-layout-multiples { grid-template-columns: minmax(280px, 1fr) minmax(220px, .55fr); } .twb-radar-multiple-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 12px; } .twb-radar-multiple-grid article, .twb-radar-layout-split article, .twb-radar-side { border: 1px solid color-mix(in srgb, currentColor 28%, transparent); background: color-mix(in srgb, currentColor 5%, transparent); padding: 12px; } .twb-radar-multiple-grid h4, .twb-radar-layout-split h4, .twb-radar-side h4 { margin: 0 0 10px; font-size: 1rem; line-height: 1.15; } .twb-radar-multiple-grid small { display: block; margin-bottom: 8px; opacity: .7; } .twb-radar-figure { margin: 0; min-width: 0; } .twb-radar-svg { display: block; width: 100%; max-width: 540px; margin: 0 auto; overflow: visible; } .twb-radar-medium .twb-radar-svg { max-width: 390px; } .twb-radar-small .twb-radar-svg { max-width: 230px; } .twb-radar-ring, .twb-radar-axis { fill: none; stroke: currentColor; stroke-width: .9; opacity: .22; vector-effect: non-scaling-stroke; } .twb-radar-scale { fill: currentColor; font-size: 9px; opacity: .45; } .twb-radar-label { fill: currentColor; font-size: 12px; font-weight: 800; text-anchor: middle; dominant-baseline: middle; } .twb-radar-area { fill: var(--c); fill-opacity: .08; stroke: none; } .twb-radar-line { fill: none; stroke: var(--c); stroke-width: 2.35; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; } .twb-radar-series circle { fill: var(--c); stroke: color-mix(in srgb, canvas 88%, white); stroke-width: 1.2; vector-effect: non-scaling-stroke; } .twb-radar-legend { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } .twb-radar-legend li { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 7px 9px; align-items: start; padding: 8px; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); } .twb-radar-legend i { width: 12px; height: 12px; border-radius: 50%; margin-top: 3px; background: var(--c); } .twb-radar-legend b, .twb-radar-legend span { grid-column: 2; min-width: 0; overflow-wrap: anywhere; } .twb-radar-legend b { line-height: 1.15; } .twb-radar-legend span { font-size: .78rem; opacity: .75; } .twb-radar-callouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); gap: 8px; } .twb-radar-callouts div { border: 1px solid color-mix(in srgb, currentColor 22%, transparent); padding: 10px; background: color-mix(in srgb, currentColor 4%, transparent); } .twb-radar-callouts b, .twb-radar-callouts span, .twb-radar-callouts i { display: block; } .twb-radar-callouts span { margin: 4px 0; opacity: .72; overflow-wrap: anywhere; } .twb-radar-callouts i { font-style: normal; font-weight: 900; } .twb-radar-values { max-width: 100%; overflow-x: auto; border: 1px solid color-mix(in srgb, currentColor 26%, transparent); } .twb-radar-values table { min-width: 760px; width: 100%; border-collapse: collapse; } .twb-radar-values th, .twb-radar-values td { padding: 8px 10px; border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent); white-space: nowrap; } .twb-radar-score-strip { display: grid; gap: 8px; } .twb-radar-score-strip span { display: grid; grid-template-columns: 1fr; gap: 4px; align-items: center; min-height: 34px; padding: 7px 9px; background: linear-gradient(90deg, var(--c) var(--v), color-mix(in srgb, currentColor 8%, transparent) 0); } .twb-radar-score-strip b { overflow-wrap: anywhere; width: 100%; min-width: min(150px, 100%); } .twb-radar-score-strip i { font-style: normal; font-weight: 900; justify-self: flex-end; } .twb-radar-layout-multiples .twb-radar-score-strip span { min-width: min(220px, 100%); } .twb-radar-terminal .twb-radar-line, .twb-radar-command .twb-radar-line { stroke-dasharray: 8 5; } .twb-radar-console .twb-radar-svg, .twb-radar-blueprint .twb-radar-svg, .twb-radar-stage .twb-radar-svg { filter: drop-shadow(0 0 10px color-mix(in srgb, currentColor 28%, transparent)); } .twb-radar-swiss .twb-radar-area, .twb-radar-ledger .twb-radar-area, .twb-radar-gazette .twb-radar-area { fill-opacity: .035; } .twb-radar-poster .twb-radar-multiple-grid article, .twb-radar-zine .twb-radar-side, .twb-radar-garden .twb-radar-multiple-grid article { border-radius: 18px; } .twb-radar-executive .twb-radar-line, .twb-radar-stage .twb-radar-line { stroke-width: 3; } .twb-radar-audit .twb-radar-values table, .twb-radar-registry .twb-radar-score-strip, .twb-radar-ledger .twb-radar-legend { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; } .twb-compare-scroll { max-width: 100%; overflow-x: auto; border: 1px solid color-mix(in srgb, currentColor 28%, transparent); } .twb-compare-grid { display: grid; grid-template-columns: minmax(170px, 1.2fr) repeat(var(--metric-count), minmax(82px, 1fr)); min-width: 980px; } .twb-compare-grid > * { min-width: 0; padding: 9px 10px; border-right: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 16%, transparent); } .twb-compare-grid .twb-grid-head { background: color-mix(in srgb, currentColor 10%, transparent); font-size: .74rem; text-transform: uppercase; letter-spacing: .02em; } .twb-compare-grid strong { display: flex; align-items: center; gap: 8px; font-size: .86rem; line-height: 1.2; } .twb-compare-grid strong span { opacity: .66; font-size: .72rem; } .twb-compare-grid i { display: grid; align-items: center; min-height: 34px; font-style: normal; background: linear-gradient(90deg, color-mix(in srgb, currentColor 42%, transparent) var(--v), color-mix(in srgb, currentColor 8%, transparent) 0); } .twb-compare-grid i span { font-weight: 800; } .twb-compare-grid .twb-heat-best { background: linear-gradient(90deg, color-mix(in srgb, #22c55e 70%, currentColor 12%) var(--v), color-mix(in srgb, #22c55e 12%, transparent) 0); } .twb-grouped-bars { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 12px; } .twb-grouped-bars section, .twb-detail-chart details, .twb-small-multiples article { border: 1px solid color-mix(in srgb, currentColor 28%, transparent); background: color-mix(in srgb, currentColor 5%, transparent); padding: 12px; } .twb-grouped-bars h4, .twb-small-multiples h4 { margin: 0 0 10px; font-size: 1rem; line-height: 1.15; } .twb-grouped-bars div, .twb-detail-chart details div { display: grid; gap: 7px; } .twb-grouped-bars span, .twb-detail-chart details span, .twb-small-multiples span { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 7px 9px; min-height: 32px; background: linear-gradient(90deg, color-mix(in srgb, currentColor 28%, transparent) var(--v), color-mix(in srgb, currentColor 7%, transparent) 0); } .twb-grouped-bars span b, .twb-detail-chart details span b, .twb-small-multiples span b { overflow-wrap: anywhere; font-size: .78rem; line-height: 1.15; } .twb-grouped-bars span i, .twb-detail-chart details span i, .twb-small-multiples span i { font-style: normal; font-weight: 800; } .twb-detail-chart { display: grid; gap: 10px; } .twb-detail-chart summary { cursor: default; font-weight: 800; padding-bottom: 10px; } .twb-scatter-wrap { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(190px, .55fr); gap: 14px; align-items: stretch; } .twb-scatter-plot { position: relative; min-height: 310px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; background: linear-gradient(90deg, color-mix(in srgb, currentColor 9%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, currentColor 9%, transparent) 1px, transparent 1px); background-size: 20% 20%; overflow: hidden; } .twb-scatter-plot span { position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); transform: translate(-50%, -50%); border-radius: 999px; display: grid; place-items: center; background: currentColor; color: color-mix(in srgb, canvas 90%, white); font-size: .68rem; } .twb-scatter-plot em { position: absolute; font-style: normal; font-size: .72rem; opacity: .72; } .twb-axis-x { right: 8px; bottom: 8px; } .twb-axis-y { left: 8px; top: 8px; } .twb-scatter-wrap ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 7px; max-height: 310px; overflow: auto; } .twb-scatter-wrap li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); } .twb-scatter-wrap li span { overflow-wrap: anywhere; font-size: .82rem; } .twb-scatter-wrap li i { font-style: normal; font-size: .78rem; opacity: .78; } .twb-small-multiples { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 12px; } .twb-small-multiples small { display: block; margin: -4px 0 10px; opacity: .68; } .twb-upload-window, .twb-dataset-list { display: grid; gap: 12px; } .twb-upload-window label, .twb-dataset-list div { display: grid; gap: 5px; padding: 12px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); } .twb-upload-actions { display: flex; flex-wrap: wrap; gap: 10px; } .twb-upload-actions button, .twb-dataset-list button { border: 1px solid currentColor; background: transparent; color: inherit; padding: 9px 12px; min-height: 38px; cursor: default; } .twb-dataset-entry p { margin: 0; max-width: none; } .twb-dataset-entry a { display: inline-flex; width: fit-content; border: 1px solid currentColor; color: inherit; padding: 9px 12px; font-weight: 800; } .twb-rich-ledger { grid-template-columns: 1.2fr .9fr; } .twb-rich-console { grid-template-columns: .85fr 1.15fr; } .twb-rich-glass { grid-template-columns: 1fr 1fr; } .twb-rich-terminal { grid-template-columns: 1fr .8fr; } .twb-rich-garden { grid-template-columns: .9fr 1fr; } .twb-rich-orbit { grid-template-columns: 1.25fr .75fr; } .twb-rich-swiss { grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-rich-executive { grid-template-columns: 1.4fr .8fr; } .twb-rich-poster { grid-template-columns: .8fr 1.2fr; } .twb-rich-registry { grid-template-columns: 1fr 1fr; } .twb-rich-atlas { grid-template-columns: .9fr 1.1fr; } .twb-rich-command { grid-template-columns: .75fr 1.25fr; } .twb-rich-museum { grid-template-columns: 1.25fr .75fr; } .twb-rich-blueprint { grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-rich-gazette { grid-template-columns: 1.35fr .85fr; } .twb-rich-observatory { grid-template-columns: 1fr 1fr; } .twb-rich-kanban { grid-template-columns: .85fr 1.15fr; } .twb-rich-zine { grid-template-columns: 1fr 1fr; } .twb-rich-audit { grid-template-columns: 1.15fr .85fr; } .twb-rich-stage { grid-template-columns: 1.25fr .75fr; } .twb-v02 { background:#08131e; color:#e8fbff; border:1px solid #3ae6ff; box-shadow:0 0 32px rgba(58,230,255,.18); } .twb-v02-top { display:flex; justify-content:space-between; gap:18px; align-items:flex-end; border-bottom:1px solid rgba(58,230,255,.45); padding-bottom:16px; } .twb-v02-top span { color:#79f7b2; text-transform:uppercase; } .twb-v02-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:14px; margin-top:20px; } .twb-v02-grid article { background:rgba(15,44,67,.84); border:1px solid rgba(121,247,178,.32); padding:18px; } .twb-v02-grid .prime strong { display:block; font-size:clamp(2.4rem,6vw,4.6rem); color:#79f7b2; } .twb-v02-rank { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:0; margin:18px 0 0; list-style:none; } .twb-v02-rank li { border-top:3px solid #3ae6ff; padding-top:10px; } .twb-v02-rank em { display:block; color:#79f7b2; font-style:normal; } .twb-v02-bars { display:grid; gap:8px; margin-top:18px; } .twb-v02-bars span { padding:8px 10px; background:linear-gradient(90deg,#79f7b2 var(--v),rgba(121,247,178,.13) 0); color:#06121c; font-weight:700; } @media (max-width: 900px) { .twb-v01-layout, .twb-v02-grid, .twb-v03-shell, .twb-v05-bed, .twb-v06-orbits, .twb-v08-brief, .twb-v08-kpis, .twb-v09-wall, .twb-v11-nodes, .twb-v13-gallery, .twb-v14-blueprint, .twb-v15-columns, .twb-v16-radial, .twb-v17-kanban, .twb-v17-stacks, .twb-v19-receipts, .twb-v20-acts, .museum .gallery { grid-template-columns: 1fr; } .museum .deep, .museum .research-pack, .museum .metric-pack, .museum .date-pack, .museum .participation-pack, .museum .policy-pack, .museum .contact-pack { grid-column: 1 / -1 !important; } .twb-v02-rank, .twb-v07-grid { grid-template-columns: 1fr; } .twb-v09-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-v10-ledger div, .twb-v10-ledger dd { grid-template-columns: 1fr; display: grid; } .twb-v10-stack { height: auto; flex-direction: column; } .twb-v10-stack span { width: 100%; min-height: 34px; } .twb-v13-gallery h2 { writing-mode: horizontal-tb; } .twb-v11-scatter { height: 210px; } .twb-v13-lollipop span { padding-left: 0; padding-top: 26px; } .twb-leader { margin-inline: 0; } .twb-rich { grid-template-columns: 1fr !important; } .twb-rich-title { display: grid; } .twb-radar-layout-overlay, .twb-radar-layout-focus, .twb-radar-layout-ranked, .twb-radar-layout-split, .twb-radar-layout-multiples { grid-template-columns: 1fr; } .twb-radar-layout-split .twb-radar-side, .twb-radar-layout-overlay .twb-radar-callouts, .twb-radar-layout-ranked .twb-radar-callouts, .twb-radar-values { grid-column: auto; } .twb-radar-svg { max-width: min(470px, 100%); } .twb-v05-title { display: grid; align-items: start; } .museum .module-list { grid-template-columns: 1fr !important; } .twb-radar-layout-multiples { grid-template-columns: 1fr !important; } .twb-radar-layout-multiples .twb-radar-side { width: 100%; } .twb-scatter-wrap { grid-template-columns: 1fr; } .twb-scatter-wrap ul { max-height: none; } } @media (max-width: 560px) { .twb-leader { max-width: 100%; margin-inline: 0; padding: 18px; } .twb-leader h2 { font-size: clamp(1.45rem, 11vw, 2.6rem); } .twb-v09-wall, .twb-v14-heat, .twb-v17-stacks { grid-template-columns: 1fr; } .twb-v06-orbits article, .twb-v16-radial article { max-width: 240px; width: 100%; justify-self: center; } .twb-v08-donuts span, .twb-v18-cutpie { width: min(190px, 70vw); } .twb-v11-scatter span { width: 58px; font-size: .68rem; } .twb-v19-waterfall { height: auto; flex-direction: column; align-items: stretch; } .twb-v19-waterfall span { width: 100%; min-height: 34px; height: auto; } .twb-rich { grid-template-columns: 1fr !important; } .twb-rich-title { display: grid; } .twb-dim-head { display: grid; } .twb-dense-table { font-size: .76rem; } .twb-radar-label { font-size: 10px; } .twb-radar-scale { display: none; } .twb-radar-multiple-grid { grid-template-columns: 1fr; } .twb-scatter-plot { min-height: 240px; } } /* page layout overflow guard */ html, body { max-width: 100%; overflow-x: clip; } @supports not (overflow: clip) { html, body { overflow-x: hidden; } } main, [class*="layout-"] { min-width: 0; } .nav { max-width: 100%; overflow-x: auto; } .section, .hero-panel, .board-window, .feature-grid article, .timeline article, .date-grid article, .part-grid article, .paper-grid article, .metric-grid article { min-width: 0; max-width: 100%; overflow: hidden; overflow-wrap: anywhere; word-break: normal; } .board, .board-window, .benchmark-board, .rank-table, .score-table { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .board table, .board-window table, .benchmark-board table, .rank-table table, .score-table table { min-width: 540px; } .newspaper .paper { columns: auto !important; column-count: auto !important; column-width: auto !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 18px; } .newspaper .paper > .twb-leader { grid-column: 1 / -1 !important; } .section h1, .section h2, .section h3, .hero-panel h1, .hero-panel h2, .hero-panel h3, .date-grid b, .timeline b, .part-grid b { overflow-wrap: anywhere; line-height: 1.08; } .timeline, .date-grid, .feature-grid, .part-grid, .paper-grid, .metric-grid, .stat-strip, .lens-stack, .slate-columns, .gate-row, .office-grid, .committee-row, .tickets, .review-matrix .matrix-cells, .method-index .index-lines, .research-extension .research-grid { grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)) !important; } .research-extension, .layout-summit .research-extension { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; z-index: 0 !important; max-width: 100% !important; } .layout-summit .research-extension, .layout-executive .research-extension, .layout-dashboard .research-extension { grid-column: 1 / -1 !important; } .layout-brutal .contact, .layout-brutal .venue, .layout-brutal .policies { grid-column: 1 / -1 !important; } .research-extension article, .briefing-panel, .floating-panel, .side-panel { min-width: 0 !important; overflow-wrap: anywhere; } .metric-grid b, .review-matrix b, .lens-stack b, .gallery b, .deep b, .module-list b, .twb-dim-head b { display: block; width: 100%; } .twb-v09 { transform: none !important; } .atlas .metric-pack, .atlas .metrics { min-width: 0 !important; max-width: 100% !important; } .layout-journal .venue, .layout-journal .participation, .layout-journal .policies, .layout-journal .contact, .layout-journal .dates, .layout-campus .venue, .layout-campus .participation, .layout-campus .policies, .layout-campus .contact, .layout-campus .dates, .layout-poster .venue, .layout-poster .participation, .layout-poster .policies, .layout-poster .contact, .layout-poster .dates, .layout-swiss .venue, .layout-swiss .participation, .layout-swiss .policies, .layout-swiss .contact, .layout-swiss .dates, .layout-dashboard .dates, .layout-glass .dates, .layout-brutal .dates, .layout-soft .dates, .layout-mission .dates, .layout-summit .dates { grid-column: 1 / -1 !important; } .layout-journal .policies, .layout-journal .participation, .layout-campus .policies, .layout-campus .participation, .layout-poster .policies, .layout-poster .participation, .layout-journal .dates, .layout-campus .dates, .layout-poster .dates, .layout-swiss .dates { min-width: min(420px, 100%); } .dates .timeline, .date-pack .date-grid, .timeline { align-items: stretch; } .dates .timeline article, .date-pack .date-grid article, .timeline article { min-height: 160px; display: grid; align-content: start; } .dates .timeline time, .date-pack .date-grid span { display: block; margin-bottom: 8px; overflow-wrap: anywhere; } @media (max-width: 1200px) { .atlas .shell { grid-template-columns: minmax(160px, 210px) minmax(0, 1fr) !important; } .atlas .metrics, .atlas .metric-pack { grid-column: 1 / -1 !important; grid-row: auto !important; } .layout-journal .venue, .layout-journal .participation, .layout-journal .policies, .layout-journal .contact, .layout-campus .venue, .layout-campus .participation, .layout-campus .policies, .layout-campus .contact, .layout-poster .venue, .layout-poster .participation, .layout-poster .policies, .layout-poster .contact, .layout-swiss .venue, .layout-swiss .participation, .layout-swiss .policies, .layout-swiss .contact { grid-column: 1 / -1 !important; } } .section-head { display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: start; max-width: 100%; } .section-head span { white-space: nowrap; } .section-head h2 { max-width: 100%; overflow-wrap: anywhere; word-break: normal; hyphens: none; } @media (max-width: 1100px) { .section-head h2 { font-size: clamp(1.8rem, 6vw, 3.4rem) !important; } } @media (max-width: 760px) { .hero, .layout-glass .hero, .radial .orbit, .ledger .hero { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; aspect-ratio: auto !important; } .hero-panel { width: 100% !important; max-width: 100% !important; } .atlas .shell, .radial .shell, .ledger .shell, .stage .shell, .zine .shell { display: block !important; padding-inline: 16px !important; overflow-x: clip !important; } .atlas .nav, .radial .nav, .ledger .nav, .stage .nav, .zine .nav { position: static !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; max-width: 100% !important; flex-wrap: wrap !important; } .ledger .block { display: block !important; } .ledger .block b, .ledger .block span { display: block !important; border-right: 0 !important; } .section-head { grid-template-columns: auto minmax(0, 1fr); align-items: start; } .section-head h2 { font-size: clamp(1.55rem, 10vw, 2.8rem) !important; } .timeline, .date-grid, .feature-grid, .part-grid, .paper-grid, .metric-grid, .stat-strip { grid-template-columns: 1fr !important; } .timeline article, .date-grid article, .part-grid article { min-height: auto !important; } } /* ============ Editorial-inspired public document refresh ============ */ .twb-doc[data-page="triworldbench"] { --twb-ink: #181b1f; --twb-muted: #646b73; --twb-line: #e2e5e8; --twb-soft: #f5f6f7; --twb-accent: #008a82; --twb-link: #235fc7; position: relative; isolation: isolate; min-height: 100vh; overflow-x: clip; color: var(--twb-ink); background: #fff; font-family: "Segoe UI Variable Text", Aptos, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.68; } .twb-doc[data-page="triworldbench"]::before { content: "TriWorldBench"; position: fixed; z-index: -1; top: 45%; left: 50%; color: rgba(28, 35, 40, .035); font-family: "Segoe UI Variable Display", Aptos Display, "Segoe UI", sans-serif; font-size: 112px; font-weight: 800; line-height: 1; letter-spacing: 0; white-space: nowrap; pointer-events: none; transform: translate(-50%, -50%) rotate(-18deg); } .twb-doc[data-page="triworldbench"] *, .twb-doc[data-page="triworldbench"] *::before, .twb-doc[data-page="triworldbench"] *::after { letter-spacing: 0; } .twb-doc[data-page="triworldbench"] a { color: inherit; } /* Navigation and language segmented control */ .twb-doc .site-nav { position: sticky; top: 0; z-index: 50; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 24px; min-height: 62px; padding: 10px max(22px, calc((100vw - 1240px) / 2)); border: 0; border-bottom: 1px solid var(--twb-line); background: rgba(255, 255, 255, .96); color: var(--twb-ink); box-shadow: none; backdrop-filter: blur(12px); } .twb-doc .site-nav .brand { color: var(--twb-ink); font-family: "Segoe UI Variable Display", Aptos Display, "Segoe UI", sans-serif; font-size: 20px; font-weight: 800; text-decoration: none; white-space: nowrap; } .twb-doc .site-nav .brand::before { content: "T"; display: inline-grid; width: 28px; height: 28px; margin-right: 9px; place-items: center; border: 1px solid var(--twb-accent); border-radius: 5px; color: #fff; background: var(--twb-accent); font-size: 15px; } .twb-doc .site-nav nav { display: flex; min-width: 0; justify-content: center; gap: 4px; overflow-x: auto; scrollbar-width: none; } .twb-doc .site-nav nav::-webkit-scrollbar { display: none; } .twb-doc .site-nav nav a { flex: none; padding: 7px 8px; border-radius: 4px; color: #50565d; font-size: 13px; font-weight: 650; line-height: 1; text-decoration: none; white-space: nowrap; } .twb-doc .site-nav nav a:hover, .twb-doc .site-nav nav a:focus-visible { color: var(--twb-ink); background: var(--twb-soft); outline: none; } .twb-doc .language-menu { display: inline-flex; width: auto; padding: 3px; border: 1px solid #ccd1d5; border-radius: 6px; background: #fff; } .twb-doc .language-menu > button { min-height: 30px; padding: 5px 10px; border: 0; border-radius: 4px; color: #626970; background: transparent; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; } .twb-doc .language-menu > button:hover { color: var(--twb-ink); } .twb-doc .language-menu > button.is-active { color: #fff; background: var(--twb-ink); } /* Academic-project title area */ .twb-doc .twb-hero { min-height: 0; padding: 68px 24px 54px; overflow: visible; color: var(--twb-ink); background: transparent; text-align: center; } .twb-doc .twb-hero-bg { display: none; } .twb-doc .twb-hero-inner { width: min(1120px, 100%); max-width: none; margin: 0 auto; } .twb-doc .twb-hero .eyebrow { margin: 0 0 12px; color: var(--twb-accent); font-size: 13px; font-weight: 800; text-transform: uppercase; } .twb-doc .twb-hero h1 { max-width: 980px; margin: 0 auto; color: var(--twb-ink); font-family: "Segoe UI Variable Display", Aptos Display, "Segoe UI", sans-serif; font-size: 58px; font-weight: 800; line-height: 1.08; } .twb-doc .twb-accent { color: var(--twb-ink); font-size: .58em; font-weight: 650; } .twb-doc .twb-hero .subtitle { max-width: 850px; margin: 22px auto 0; color: #4f565d; font-size: 18px; line-height: 1.65; } .twb-doc .actions, .twb-doc .ds-actions { display: flex; justify-content: center; gap: 9px; margin-top: 24px; } .twb-doc .actions a, .twb-doc .ds-btn { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 8px 16px; border: 1px solid var(--twb-ink); border-radius: 6px; color: #fff; background: var(--twb-ink); font-size: 13px; font-weight: 750; line-height: 1.2; text-decoration: none; box-shadow: 0 3px 8px rgba(20, 24, 28, .12); } .twb-doc .actions a + a, .twb-doc .ds-btn.ghost { color: var(--twb-ink); background: #fff; } .twb-doc .actions a:hover, .twb-doc .ds-btn:hover { transform: translateY(-1px); } .twb-doc .actions a:active, .twb-doc .ds-btn:active { transform: scale(.98); } .twb-doc .twb-authors { max-width: 1080px; margin: 30px auto 0; padding-top: 24px; border-top: 1px solid var(--twb-line); } .twb-doc .twb-authors-list { max-width: none; margin: 0; color: #30353a; font-size: 15px; line-height: 2; } .twb-doc .twb-authors-list a { color: var(--twb-link); border: 0; text-decoration: none; } .twb-doc .twb-authors-list a:hover { text-decoration: underline; } .twb-doc .twb-authors-list sup, .twb-doc .twb-affiliations sup { color: var(--twb-accent); } .twb-doc .twb-affiliations { justify-content: center; margin: 8px 0 0; color: var(--twb-muted); font-size: 13px; opacity: 1; } .twb-institutions { display: flex; max-width: 1080px; margin: 24px auto 0; align-items: stretch; justify-content: center; gap: 10px; overflow-x: auto; padding: 2px 0 8px; scrollbar-width: thin; } .twb-institutions > a, .twb-institutions > div { display: grid; flex: 0 0 148px; min-height: 74px; grid-template-rows: 42px auto; place-items: center; gap: 6px; padding: 8px; border: 1px solid var(--twb-line); border-radius: 6px; color: #4c5359; background: rgba(255,255,255,.86); font-size: 11px; line-height: 1.25; text-align: center; text-decoration: none; } .twb-institutions > a:hover { border-color: #aeb5ba; background: var(--twb-soft); } .twb-institutions img { display: block; width: 120px; height: 40px; object-fit: contain; } .twb-institution-mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #bfc5ca; border-radius: 6px; color: #394047; background: #f4f5f6; font-size: 12px; font-weight: 850; } /* Unframed document sections */ .twb-doc main { display: block; width: min(1180px, calc(100% - 40px)); margin: 0 auto 72px; } .twb-doc main > .section, .twb-doc main > #leaderboard.twb-v02 { width: 100%; margin: 0; padding: 62px 0; overflow: visible; border: 0 !important; border-top: 1px solid var(--twb-line) !important; border-radius: 0; color: var(--twb-ink) !important; background: transparent !important; box-shadow: none !important; } .twb-doc main > #overview { border-top: 0 !important; } .twb-doc .section-head { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: baseline; gap: 10px; margin-bottom: 24px; } .twb-doc .section-head > span { color: var(--twb-accent); font-family: "Cascadia Mono", Consolas, monospace; font-size: 12px; font-weight: 800; } .twb-doc .section-head h2, .twb-doc .twb-v02-top h2 { margin: 0; overflow-wrap: normal; color: var(--twb-ink) !important; font-family: "Segoe UI Variable Display", Aptos Display, "Segoe UI", sans-serif; font-size: 32px; font-weight: 780; line-height: 1.2; word-break: normal; } .twb-doc .section > p { max-width: 920px; margin: 0 0 15px; color: #424950; } .twb-doc .section h3, .twb-doc .section h4 { overflow-wrap: normal; word-break: normal; } .twb-keywords { display: flex; margin-top: 24px; flex-wrap: wrap; gap: 7px; } .twb-keywords b { padding: 6px 10px; border: 1px solid #d7dbde; border-radius: 4px; color: #4d555c; background: #fff; box-shadow: none; font-size: 12px; font-weight: 700; text-align: left; } /* Why TriWorldBench */ .adv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 34px 42px; margin-top: 30px; } .adv-grid article { display: grid; min-width: 0; grid-template-rows: auto 1fr auto; gap: 10px; padding: 20px 0 0; overflow: visible; border: 0; border-top: 2px solid #252a2f; border-radius: 0; background: transparent; } .adv-grid article h3 { margin: 0; color: var(--twb-ink); font-size: 19px; line-height: 1.35; overflow-wrap: break-word; } .adv-grid article > p { margin: 0; color: var(--twb-muted); font-size: 14px; line-height: 1.65; overflow-wrap: break-word; word-break: normal; } .adv-vs { display: grid; grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr); align-items: stretch; gap: 7px; margin-top: auto; padding-top: 12px; } .adv-vs > span { display: grid; min-height: 62px; align-content: center; gap: 3px; padding: 9px 10px; border: 1px solid #dadddf; border-radius: 5px; line-height: 1.25; text-decoration: none; } .adv-vs small { font-size: 11px; font-weight: 550; } .adv-them { color: #6c7379; background: #f4f5f6; } .adv-us { color: #fff; border-color: var(--twb-accent) !important; background: var(--twb-accent); } .adv-vs em { display: grid; align-self: stretch; place-items: center; color: #767d83; font-size: 11px; font-style: normal; font-weight: 800; } /* Visualization cases */ .case-intro { max-width: none !important; padding: 17px 20px; border-left: 3px solid var(--twb-accent); background: rgba(246,247,248,.86); } .case-tabs { display: inline-flex; gap: 3px; margin: 20px 0 18px; padding: 3px; border: 1px solid #ccd1d5; border-radius: 6px; background: #fff; } .case-tab { min-width: 112px; padding: 7px 14px; border: 0; border-radius: 4px; color: #5b6269; background: transparent; font-size: 13px; font-weight: 750; cursor: pointer; } .case-tab.is-active { color: #fff; background: var(--twb-ink); } .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .case-item { margin: 0; overflow: hidden; border: 1px solid #d9dde0; border-radius: 6px; background: #fff; box-shadow: none; transform: none !important; } .case-item:hover { transform: none !important; box-shadow: none; } .case-item video { width: 100%; background: #111417; } .case-item figcaption { min-height: 44px; padding: 11px 13px; overflow-wrap: break-word; color: #343a40; background: #fff; font-size: 13px; font-weight: 700; } .case-panel.is-active { padding-right: 7px; } /* Editorial-style leaderboard */ .twb-v02-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 0 0 22px; border: 0 !important; } .twb-v02-top > div { display: grid; gap: 5px; } .twb-v02-top > span, .twb-section-kicker, #leaderboard.twb-v02 .twb-v02-top span { color: var(--twb-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; } .twb-section-kicker { color: var(--twb-accent) !important; } #leaderboard .twb-rich-card, #leaderboard .twb-overall { margin: 0; padding: 0; border: 0; border-radius: 0; color: var(--twb-ink); background: transparent; box-shadow: none; } #leaderboard .twb-rich-title { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 7px; } #leaderboard .twb-rich-title span { color: var(--twb-accent); font-size: 11px; } #leaderboard .twb-rich-title h3 { margin: 0; color: var(--twb-ink); font-size: 20px; } #leaderboard .twb-board-note { max-width: 900px; margin: 0 0 16px; color: var(--twb-muted); font-size: 13px; } #leaderboard .twb-table-wrap { max-width: 100%; overflow: auto; border: 1px solid #d8dcdf; border-radius: 6px; background: #fff; scrollbar-color: #aeb5ba #f1f2f3; } #leaderboard .twb-dense-table { width: max-content; min-width: 2080px; border-collapse: separate; border-spacing: 0; color: var(--twb-ink); font-size: 12px; } #leaderboard .twb-dense-table th, #leaderboard .twb-dense-table td { min-width: 104px; padding: 10px 11px; border: 0; border-right: 1px solid #e7e9eb; border-bottom: 1px solid #e7e9eb; background: #fff; text-align: center; white-space: nowrap; } #leaderboard .twb-dense-table th { position: sticky; top: 0; z-index: 3; color: #383e44; background: #f3f4f5; font-size: 11px; font-weight: 800; } #leaderboard .twb-dense-table tbody tr:nth-child(odd) td { background: #fff; } #leaderboard .twb-dense-table tbody tr:hover td, #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-col, #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-rank { background: #e9ecef !important; } #leaderboard .twb-col-rank { width: 70px; min-width: 70px !important; max-width: 70px; } #leaderboard .twb-sticky-rank { position: sticky; left: 0; z-index: 4; background: #fff; } #leaderboard thead .twb-sticky-rank { z-index: 6; background: #f3f4f5; } #leaderboard .twb-sticky-col { position: sticky; left: 70px; z-index: 4; min-width: 190px !important; max-width: 240px; background: #fff; text-align: left; } #leaderboard thead .twb-sticky-col { z-index: 6; background: #f3f4f5; } #leaderboard .twb-sticky-col b, #leaderboard .twb-sticky-col small { display: block; } #leaderboard .twb-sticky-col b { color: #20252a; font-size: 13px; } #leaderboard .twb-sticky-col small { color: #7a8187; font-size: 10px; } #leaderboard .twb-best { color: #09665f !important; background: #e7f5f2 !important; box-shadow: none; font-weight: 850; } .twb-rank-badge { display: inline-grid; width: 30px; height: 30px; place-items: center; border: 1px solid #cbd0d4; border-radius: 5px; color: #5d646a; background: #fff; font-weight: 850; } .twb-rank-badge.rank-1 { border-color: #cfaa43; color: #72570d; background: #fff5d6; } .twb-rank-badge.rank-2 { border-color: #aeb5bb; color: #4e565d; background: #f0f2f3; } .twb-rank-badge.rank-3 { border-color: #bd7d56; color: #704025; background: #fae8dd; } /* Radar and filter controls */ .twb-vis-top { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(230px, .6fr); align-items: stretch; gap: 28px; margin: 30px 0 22px; } .twb-vis-top .twb-vis-radar { display: grid; min-height: 620px; margin: 0; place-items: center; } .twb-vis-top .twb-vis-radar svg { width: min(700px, 100%); max-width: none; overflow: visible; } .twb-vis-top .twb-vis-models { min-width: 0; padding: 15px; border: 1px solid #d8dcdf; border-radius: 6px; color: var(--twb-ink); background: rgba(255,255,255,.9); } .twb-models-head { margin-bottom: 10px; } .twb-models-head h4 { color: #30363b; font-size: 14px; } .twb-present-all, .twb-model-chip, .ms-btn { min-height: 32px; border: 1px solid #cbd0d4; border-radius: 4px; color: #4f565c; background: #fff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; } .twb-present-all { padding: 5px 11px; } .twb-present-all:hover { border-color: #8e969c; color: var(--twb-ink); background: var(--twb-soft); } .twb-model-chips { display: flex; max-height: 540px; flex-direction: column; gap: 4px; overflow-y: auto; padding-right: 4px; } .twb-model-chip { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 7px 9px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .twb-model-chip i { width: 9px; height: 9px; flex: none; border-radius: 50%; background: var(--c); } .twb-model-chip:hover { background: var(--twb-soft); } .twb-model-chip.is-active { border-color: var(--twb-ink); color: #fff; background: var(--twb-ink); } .twb-filter-control { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: start; gap: 12px; padding: 14px 0; border-top: 1px solid var(--twb-line); border-bottom: 1px solid var(--twb-line); } .twb-filter-label { padding-top: 7px; color: #3d444a; font-size: 13px; font-weight: 800; } .twb-metric-selector { display: flex; margin: 0; flex-wrap: wrap; gap: 5px; } .ms-btn { padding: 6px 10px; } .ms-btn:hover { border-color: #8e969c; background: var(--twb-soft); } .ms-btn.is-active { border-color: var(--twb-ink); color: #fff; background: var(--twb-ink); } .twb-vis-ranked { margin-top: 26px; } .twb-vis-ranked h4 { margin: 0 0 12px; font-size: 17px; } .twb-bar-list { display: grid; gap: 6px; } .twb-bar-list span { position: relative; isolation: isolate; display: grid; min-height: 36px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 11px; overflow: hidden; border: 1px solid #e1e4e6; border-radius: 4px; color: #252a2f; background: #f4f5f6; } .twb-bar-list span::before { content: ""; position: absolute; z-index: -1; inset: 0 auto 0 0; width: var(--v); background: color-mix(in srgb, var(--c) 24%, #fff); } .twb-bar-list span b { overflow-wrap: break-word; font-size: 12px; } .twb-bar-list span i { font-size: 12px; font-style: normal; font-weight: 850; } .visualization .twb-radar-ring, .visualization .twb-radar-axis { stroke: #8e969d; opacity: .35; } .visualization .twb-radar-label { fill: #394047; font-size: 12px; } .visualization .twb-radar-scale { fill: #747b81; } .visualization .twb-radar-vtx-val { fill: #22272b; } .twb-metric-glossary, .twb-metric-glossary[open] { margin-top: 30px; padding: 16px 0 0; border: 0; border-top: 1px solid var(--twb-line); border-radius: 0; background: transparent; } .twb-metric-glossary summary { color: #30363b; font-size: 14px; } .twb-glossary-grid { gap: 14px 26px; } .twb-glossary-grid div { padding-top: 10px; border-top: 1px solid #eceeef; } /* Remaining content follows the same light document rhythm */ .timeline, .contact-grid, .sub-card { margin-top: 22px; } .timeline article, .ds-card, .contact-card, .ac-lineage article, .tips-grid article { border: 0; border-top: 1px solid #cfd4d7; border-radius: 0; background: transparent; box-shadow: none; } .timeline article, .ds-card, .contact-card { padding: 17px 0; } .policies ul { padding-left: 20px; } .policies li { margin-bottom: 10px; color: #434a50; } .ac-article { max-width: 960px; columns: 1 !important; } .ac-article h3 { color: var(--twb-ink); } .ac-article p { color: #434a50; font-size: 15px; } .submission-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 48px; } .submission-main p { margin: 0; color: #424950; } .submission-main .actions { justify-content: flex-start; } .submission .sub-card { display: grid; gap: 0; margin: 0; } .submission .sub-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 15px 0; border: 0; border-top: 1px solid #d8dcdf; border-radius: 0; background: transparent; } .submission .sub-row:first-child { border-top: 2px solid var(--twb-ink); } .submission .sub-row > i { color: var(--twb-link); font-family: "Cascadia Mono", Consolas, monospace; font-size: 18px; font-style: normal; font-weight: 800; } .submission .sub-row > span { display: grid; gap: 4px; } .submission .sub-row b { color: var(--twb-ink); } .submission .sub-row small { color: var(--twb-muted); font-size: 13px; } .contact-card span { color: var(--twb-accent); } .contact-card a { color: var(--twb-link); } .contact-card .contact-download-link { display: inline; width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #000; box-shadow: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .contact-card .contact-download-link:hover { border-color: transparent; background: transparent; color: #000; text-decoration-thickness: 2px; } .coming { border-radius: 4px; } .citation-code, .sub-code { max-width: 920px; overflow-x: auto; margin: 18px 0 0; padding: 18px 20px; border: 1px solid #d8dcdf; border-radius: 6px; color: #2c3338; background: #f6f7f8; font-family: "Cascadia Mono", "Cascadia Code", Consolas, monospace; font-size: 13px; line-height: 1.6; white-space: pre; } .sub-token { border-color: #d3d8db; border-radius: 4px; color: #294f4c; background: #f1f5f4; font-family: "Cascadia Mono", Consolas, monospace; } .sub-table-wrap { border-color: #d8dcdf; border-radius: 6px; } .sub-table thead th, .sub-table tbody th { color: #30363b; background: #f3f4f5; } .sub-note { border-left-color: var(--twb-accent); background: #f2f7f6; } .twb-doc footer { padding: 28px 20px; border-top: 1px solid var(--twb-line); color: #747b81; background: #fff; font-size: 12px; text-align: center; } @media (max-width: 980px) { .twb-doc .site-nav { grid-template-columns: auto auto; gap: 12px; } .twb-doc .site-nav nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; width: 100%; padding-bottom: 2px; } .twb-doc .language-menu { justify-self: end; } .twb-doc .twb-hero { padding-top: 52px; } .twb-doc .twb-hero h1 { font-size: 48px; } .adv-grid { grid-template-columns: 1fr; } .twb-vis-top { grid-template-columns: 1fr; } .twb-vis-top .twb-vis-radar { min-height: 520px; } .twb-model-chips { max-height: 300px; } .submission-layout { grid-template-columns: 1fr; gap: 24px; } } @media (max-width: 680px) { .twb-doc[data-page="triworldbench"] { font-size: 15px; } .twb-doc[data-page="triworldbench"]::before { font-size: 58px; } .twb-doc .site-nav { padding: 9px 12px; } .twb-doc .site-nav .brand { font-size: 17px; } .twb-doc .site-nav .brand::before { width: 25px; height: 25px; } .twb-doc .site-nav nav { display: flex; grid-template-columns: none; gap: 2px; } .twb-doc .site-nav nav a { padding: 7px; font-size: 12px; } .twb-doc .language-menu, .twb-doc .language-trigger { width: auto; } .twb-doc .twb-hero { padding: 42px 16px 36px; } .twb-doc .twb-hero h1 { font-size: 38px; } .twb-doc .twb-hero .subtitle { font-size: 16px; } .twb-doc .twb-authors-list { font-size: 13px; } .twb-institutions { justify-content: flex-start; } .twb-doc main { width: min(100% - 28px, 1180px); } .twb-doc main > .section, .twb-doc main > #leaderboard.twb-v02 { padding: 42px 0; margin: 0; } .twb-doc .section-head { grid-template-columns: 32px minmax(0, 1fr); } .twb-doc .section-head h2, .twb-doc .twb-v02-top h2 { font-size: 27px; } .twb-keywords { display: flex; grid-template-columns: none; } .adv-grid { gap: 26px; } .adv-vs { grid-template-columns: 1fr; } .adv-vs em { min-height: 22px; } .case-tabs { display: inline-flex; width: 100%; grid-template-columns: none; } .case-tab { min-width: 0; width: 50%; } .case-grid { grid-template-columns: 1fr; } .case-panel.is-active { max-height: var(--case-panel-max-height, 720px); } .twb-v02-top { align-items: flex-start; flex-direction: column; } #leaderboard .twb-rich-title { align-items: flex-start; flex-direction: column; } .twb-vis-top .twb-vis-radar { min-height: 410px; } .twb-filter-control { grid-template-columns: 1fr; gap: 4px; } .twb-filter-label { padding-top: 0; } .twb-metric-selector { display: flex; grid-template-columns: none; } .ms-btn, .twb-present-all { width: auto; } .twb-bar-list span { grid-template-columns: minmax(0, 1fr) auto; } .twb-glossary-grid { grid-template-columns: 1fr; } .twb-doc .actions, .twb-doc .ds-actions { display: flex; grid-template-columns: none; flex-direction: column; } .twb-doc .actions a, .twb-doc .ds-btn { width: 100%; } .citation-code, .sub-code { font-size: 11px; } } /* ============ end Editorial-inspired refresh ============ */ /* MOXIVERSE leaderboard end */ /* radar-layout-expansion start */ .twb-rich > .twb-metrics-card { grid-column: 1 / -1 !important; width: 100% !important; align-self: stretch; } .twb-metrics-card .twb-dimension { width: 100%; margin-top: clamp(24px, 3vw, 40px); padding: clamp(20px, 3.2vw, 38px); } .twb-radar-board { width: 100%; gap: clamp(18px, 3vw, 32px); } .twb-radar-main, .twb-radar-figure { display: grid; place-items: center; width: 100%; min-width: 0; } .twb-radar-layout-overlay, .twb-radar-layout-focus, .twb-radar-layout-ranked { grid-template-columns: minmax(0, 1.55fr) minmax(280px, .55fr) !important; } .twb-radar-layout-split { grid-template-columns: repeat(auto-fit, minmax(min(430px, 100%), 1fr)) !important; } .twb-radar-layout-multiples { grid-template-columns: 1fr !important; } .twb-radar-multiple-grid { grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)) !important; gap: clamp(14px, 2.4vw, 24px) !important; } .twb-radar-multiple-grid article { min-width: 0; display: grid; align-content: start; } .twb-radar-svg { max-width: min(720px, 100%) !important; } .twb-radar-medium .twb-radar-svg { max-width: min(560px, 100%) !important; } .twb-radar-small .twb-radar-svg, .twb-radar-layout-multiples .twb-radar-small .twb-radar-svg { max-width: min(430px, 100%) !important; } .twb-radar-label { font-size: 13px !important; } .twb-radar-small .twb-radar-label { font-size: 11px !important; } .twb-radar-side { min-width: 0; width: 100%; } .twb-radar-layout-multiples .twb-radar-side { grid-column: 1 / -1; } .twb-radar-score-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: 10px; } .twb-radar-score-strip span, .twb-radar-layout-multiples .twb-radar-score-strip span { min-width: 0 !important; align-content: center; } .twb-radar-values { width: 100%; } @media (max-width: 1100px) { .twb-radar-layout-overlay, .twb-radar-layout-focus, .twb-radar-layout-ranked { grid-template-columns: 1fr !important; } .twb-radar-svg { max-width: min(620px, 100%) !important; } } @media (max-width: 760px) { .twb-metrics-card .twb-dimension { padding: 16px; } .twb-radar-svg, .twb-radar-medium .twb-radar-svg, .twb-radar-small .twb-radar-svg { max-width: min(520px, 100%) !important; } .twb-radar-label, .twb-radar-small .twb-radar-label { font-size: 10px !important; } .twb-radar-multiple-grid { grid-template-columns: 1fr !important; } } body .twb-doc[data-page="triworldbench"] #contact .contact-card, body .twb-doc[data-page="triworldbench"] #contact .contact-card b, body .twb-doc[data-page="triworldbench"] #contact .contact-card a, body .twb-doc[data-page="triworldbench"] #contact .contact-card p, body .twb-doc[data-page="triworldbench"] #contact .contact-card p span { color: #000 !important; } /* radar-layout-expansion end */ /* radar-wide-layout-v2 start */ .twb-rich > .twb-metrics-card { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; } .twb-metrics-card { display: block !important; } .twb-metrics-card > .twb-rich-title, .twb-metrics-card > .twb-metric-vis, .twb-metrics-card > .twb-dimension { width: 100% !important; max-width: 100% !important; } .twb-metric-vis { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important; margin-bottom: clamp(22px, 3vw, 42px); } .twb-metrics-card > .twb-dimension, .twb-dimension { display: block !important; overflow: visible !important; min-width: 0 !important; } .twb-radar-board { width: 100% !important; max-width: 100% !important; } .twb-radar-layout-overlay, .twb-radar-layout-focus, .twb-radar-layout-ranked { grid-template-columns: minmax(520px, 1.45fr) minmax(260px, .55fr) !important; } .twb-radar-layout-split { grid-template-columns: repeat(auto-fit, minmax(min(480px, 100%), 1fr)) !important; } .twb-radar-layout-multiples { grid-template-columns: 1fr !important; } .twb-radar-multiple-grid { grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)) !important; align-items: stretch; } .twb-radar-multiple-grid article { min-width: 0 !important; } .twb-radar-svg { max-width: min(760px, 100%) !important; } .twb-radar-medium .twb-radar-svg { max-width: min(640px, 100%) !important; } .twb-radar-small .twb-radar-svg, .twb-radar-layout-multiples .twb-radar-small .twb-radar-svg { max-width: min(500px, 100%) !important; } .twb-radar-main { min-height: 420px; } .twb-radar-layout-multiples .twb-radar-main, .twb-radar-layout-split .twb-radar-main { min-height: 0; } .twb-radar-label { font-size: 14px !important; } .twb-radar-small .twb-radar-label { font-size: 12px !important; } .twb-radar-score-strip { grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)) !important; } @media (max-width: 1180px) { .twb-radar-layout-overlay, .twb-radar-layout-focus, .twb-radar-layout-ranked { grid-template-columns: 1fr !important; } .twb-radar-main { min-height: 0; } } @media (max-width: 760px) { .twb-metric-vis { grid-template-columns: 1fr !important; } .twb-radar-multiple-grid { grid-template-columns: 1fr !important; } .twb-radar-svg, .twb-radar-medium .twb-radar-svg, .twb-radar-small .twb-radar-svg { max-width: min(540px, 100%) !important; } } /* radar-wide-layout-v2 end */ /* ============ TriWorldBench restructure-2030 additions ============ */ /* hero with sci-fi background */ .twb-hero { position: relative; overflow: hidden; color: #e8fbff; background: #06101a; padding: clamp(48px, 9vw, 110px) clamp(20px, 5vw, 78px) clamp(38px, 5vw, 64px); } .twb-hero-bg { position: absolute; inset: 0; z-index: 0; background: radial-gradient(circle at 18% 20%, rgba(58,230,255,.22), transparent 42%), radial-gradient(circle at 82% 12%, rgba(121,247,178,.16), transparent 40%), linear-gradient(180deg, #06101a 0%, #081a26 100%); } .twb-hero-bg::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(58,230,255,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(58,230,255,.10) 1px, transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 78%); -webkit-mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 78%); } .twb-hero-inner { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; } .twb-hero .eyebrow { color: #79f7b2; font-size: 1rem; } .twb-hero h1 { color: #e8fbff; font-size: clamp(3rem, 8vw, 7rem); } .twb-accent { color: #3ae6ff; } .twb-hero .subtitle { max-width: 1000px; font-size: clamp(1.1rem, 2vw, 1.5rem); opacity: .92; } .twb-hero .actions a { border-color: #3ae6ff; background: #3ae6ff; color: #06101a; } .twb-hero .actions a + a { background: transparent; color: #e8fbff; } .twb-authors { margin-top: 30px; border-top: 1px solid rgba(58,230,255,.3); padding-top: 18px; } .twb-authors-list { line-height: 2.1; font-size: 1.08rem; max-width: 1320px; } .twb-authors-list a { color: #cdfcff; border-bottom: 1px dotted rgba(205,252,255,.5); } .twb-authors-list a:hover { color: #3ae6ff; border-bottom-color: #3ae6ff; } .twb-authors-list sup { color: #79f7b2; font-size: .68rem; } .twb-affiliations { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: .92rem; opacity: .82; } .twb-affiliations sup { color: #79f7b2; margin-right: 2px; } /* advantages */ .adv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; margin-top: 22px; } .adv-grid article { padding: 18px; border: 1px solid #0f766e; border-radius: 16px; background: #fff; display: grid; align-content: start; gap: 8px; } .adv-tag { display: inline-flex; align-self: start; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #0f766e; background: rgba(15,118,110,.1); padding: 4px 9px; border-radius: 999px; } /* video cases */ .case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .case-item { margin: 0; border: 1px solid #0f766e; border-radius: 16px; overflow: hidden; background: #06101a; display: grid; grid-template-rows: minmax(0, auto) auto; } .case-item video { display: block; width: 100%; height: auto; object-fit: contain; background: #02060b; } .case-item figcaption { padding: 10px 12px; font-size: .82rem; font-weight: 700; color: #eef7f5; background: #0f766e; overflow-wrap: anywhere; } /* metric leaders / recent highlights */ .twb-sub { margin: 26px 0 12px; font-size: 1.05rem; color: #79f7b2; text-transform: uppercase; letter-spacing: .06em; } .twb-leaders-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 12px; } .twb-leaders-grid article { padding: 14px; border: 1px solid rgba(121,247,178,.32); background: rgba(15,44,67,.84); border-radius: 12px; display: grid; gap: 4px; } .twb-leaders-grid span { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: #79f7b2; } .twb-leaders-grid b { font-size: 1rem; } .twb-leaders-grid i { font-style: normal; font-weight: 900; font-size: 1.5rem; color: #3ae6ff; } .twb-leaders-grid p { font-size: .8rem; opacity: .85; max-width: none; margin: 2px 0 0; } /* sticky first column in dense table */ .twb-dense-table .twb-sticky-col { position: sticky; left: 0; z-index: 3; background: #0c1c28; } .twb-dense-table tbody tr:nth-child(odd) .twb-sticky-col { background: #102433; } .twb-dense-table thead .twb-sticky-col { z-index: 4; background: #0a2030; } /* visualization metric selector */ .twb-metric-selector { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; } .ms-btn { border: 1px solid #3ae6ff; background: transparent; color: inherit; padding: 8px 14px; border-radius: 999px; font-weight: 700; font-size: .82rem; cursor: pointer; } .ms-btn.is-active { background: #3ae6ff; color: #06101a; } .twb-vis-panel { display: none; } .twb-vis-panel.is-active { display: block; } .twb-vis-panel h4 { margin: 0 0 12px; } .twb-bar-list { display: grid; gap: 7px; } .twb-bar-list span { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 11px; min-height: 34px; background: linear-gradient(90deg, #79f7b2 var(--v), rgba(121,247,178,.12) 0); color: #06121c; font-weight: 700; border-radius: 6px; } .twb-bar-list span b { overflow-wrap: anywhere; font-size: .82rem; } .twb-bar-list span i { font-style: normal; font-weight: 900; } .twb-metric-glossary { margin-top: 22px; border: 1px solid rgba(58,230,255,.3); border-radius: 12px; padding: 12px 16px; } .twb-metric-glossary summary { cursor: pointer; font-weight: 800; } .twb-glossary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 12px; margin-top: 12px; } .twb-glossary-grid div { display: grid; gap: 3px; } .twb-glossary-grid b { font-size: .85rem; } .twb-glossary-grid span { font-size: .8rem; opacity: .8; } /* datasets */ .ds-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; margin-top: 20px; } .ds-card { border: 1px solid #0f766e; border-radius: 16px; padding: 18px; background: #fff; display: grid; gap: 10px; align-content: start; } .ds-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; } .ds-head b { font-size: 1.1rem; } .ds-head span { font-size: .75rem; font-weight: 800; color: #0f766e; } .ds-card ul { margin: 0; padding-left: 18px; font-size: .82rem; opacity: .82; display: grid; gap: 3px; } .ds-actions, .ds-upload-actions { display: flex; flex-wrap: wrap; gap: 10px; } .ds-btn { display: inline-flex; align-items: center; padding: 9px 16px; border: 1px solid #0f766e; background: #0f766e; color: #eef7f5; font-weight: 800; border-radius: 999px; font-size: .82rem; } .ds-btn.ghost { background: transparent; color: #0f766e; } .ds-upload { margin-top: 20px; padding: 20px; border: 1px dashed #0f766e; border-radius: 16px; background: rgba(15,118,110,.05); } .ds-upload h3 { margin: 0 0 8px; } /* academic */ .ac-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px; margin-top: 20px; } .ac-grid article { border: 1px solid #0f766e; border-radius: 16px; padding: 18px; background: #fff; } .ac-grid ul { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 6px; font-size: .9rem; } /* submission */ .sub-card { display: grid; gap: 10px; margin: 18px 0; } .sub-row { display: grid; grid-template-columns: minmax(120px, 180px) minmax(0, 1fr); gap: 12px; padding: 12px 14px; border: 1px solid #0f766e; border-radius: 12px; background: #fff; } .sub-row b { color: #0f766e; } .sub-row span { font-size: .88rem; } .sub-host { margin-top: 12px; font-size: .9rem; } .sub-table-wrap { width: 100%; overflow-x: auto; margin: 18px 0; border: 1px solid rgba(15,118,110,.35); border-radius: 14px; background: #fff; } .sub-table { min-width: 680px; width: 100%; border-collapse: collapse; } .sub-table th, .sub-table td { padding: 12px 14px; border-bottom: 1px solid rgba(15,118,110,.18); vertical-align: top; text-align: left; } .sub-table thead th, .sub-table tbody th { color: #0f766e; font-weight: 900; background: rgba(15,118,110,.06); } .sub-table tr:last-child th, .sub-table tr:last-child td { border-bottom: 0; } .sub-minor-title { margin-top: 26px; color: #0f766e; } .sub-note { padding: 14px 16px; border-left: 4px solid #0f766e; background: #eef8f5; font-weight: 700; } .sub-token { display: inline-block; margin: 0 2px; padding: 1px 7px; border: 1px solid rgba(15,118,110,.22); border-radius: 999px; background: #f4fbf8; color: #0b635d; font-family: inherit; font-size: .86em; font-weight: 800; line-height: 1.65; white-space: nowrap; } .sub-code { overflow-x: auto; padding: 16px 18px; border: 1px solid rgba(15,118,110,.24); border-radius: 14px; background: #f7fbf8; color: #173330; font-family: "Cascadia Mono", "Cascadia Code", Consolas, "SFMono-Regular", "Liberation Mono", Menlo, monospace; font-size: .9rem; line-height: 1.58; box-shadow: inset 0 0 0 1px rgba(255,255,255,.72); } .sub-list, .sub-steps { display: grid; gap: 10px; padding-left: 22px; } .sub-steps li { padding-left: 4px; } .sub-steps b { color: #0f766e; } @media (max-width: 760px) { .sub-row { grid-template-columns: 1fr; } .twb-affiliations { font-size: .74rem; } .case-grid { grid-template-columns: 1fr; } } /* ============ end TriWorldBench restructure-2030 additions ============ */ /* ============ TriWorldBench single-column layout fix ============ */ /* The restructured page is a single-column document, NOT the dashboard grid. Force one column and neutralize any inherited multi-column / grid-column rules. */ .twb-doc main { width: min(1180px, calc(100% - 34px)); margin: 28px auto 70px; display: block; /* override display:grid from base/dashboard rules */ } .twb-doc main > .section { display: block; width: 100%; grid-column: auto !important; grid-row: auto !important; margin-bottom: 28px; background: #fff; border: 1px solid #0f766e; border-radius: 16px; } /* keep the wide leaderboard table scrolling inside its column */ .twb-doc .twb-table-wrap { max-width: 100%; overflow-x: auto; } .twb-doc .twb-dense-table { min-width: 1600px; } /* leaderboard section is dark-themed; keep its own bg */ .twb-doc main > #leaderboard.twb-v02 { background: #08131e; border: 1px solid #3ae6ff; color: #e8fbff; } /* harden leaderboard text colors so nothing renders white-on-white */ #leaderboard.twb-v02 .twb-v02-top h2 { color: #3ae6ff; } #leaderboard.twb-v02 .twb-v02-top span { color: #79f7b2; } #leaderboard.twb-v02 .twb-sub { color: #79f7b2; } #leaderboard.twb-v02 .twb-rich-card, #leaderboard.twb-v02 .twb-overall { background: rgba(15,44,67,.6); border: 1px solid rgba(58,230,255,.3); color: #e8fbff; } #leaderboard.twb-v02 .twb-rich-title span { color: #79f7b2; } #leaderboard.twb-v02 .twb-rich-title h3, #leaderboard.twb-v02 .twb-overall p { color: #e8fbff; } /* dense table readable on dark */ #leaderboard .twb-dense-table { color: #dff6ff; } #leaderboard .twb-dense-table th { color: #cdfcff; background: rgba(58,230,255,.08); } #leaderboard .twb-dense-table td { border-color: rgba(120,200,220,.18); } #leaderboard .twb-best { color: #04140d; } /* the section number + title row should stay horizontal */ .twb-doc .section-head { grid-template-columns: auto minmax(0,1fr); align-items: baseline; } /* ============ end single-column layout fix ============ */ /* ============ TriWorldBench modify-2030 additions ============ */ /* overview bright keyword blocks (8) */ .twb-keywords { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px,100%),1fr)); gap: 12px; margin-top: 24px; } .twb-keywords b { display: block; padding: 16px 18px; border-radius: 14px; font-weight: 900; font-size: .98rem; color: #06121c; text-align: center; background: linear-gradient(135deg, #79f7b2, #3ae6ff); box-shadow: 0 6px 18px rgba(58,230,255,.25); } /* why TriWorldBench — stronger vs comparison */ .adv-vs { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 8px; margin-top: 6px; } .adv-vs > span { display: grid; gap: 2px; align-content: center; padding: 10px 12px; border-radius: 12px; font-weight: 900; line-height: 1.1; } .adv-vs small { display: block; font-weight: 600; font-size: .68rem; opacity: .85; } .adv-them { background: #f1f5f9; color: #64748b; border: 1px dashed #cbd5e1; text-decoration: line-through; text-decoration-color: rgba(100,116,139,.5); } .adv-them small { text-decoration: none; } .adv-us { background: linear-gradient(135deg,#0f766e,#0ea5e9); color: #fff; } .adv-vs em { align-self: center; font-style: normal; font-weight: 900; color: #0f766e; font-size: .8rem; } /* video case tabs */ .case-tabs { display: flex; gap: 10px; margin: 18px 0 16px; flex-wrap: wrap; } .case-tab { border: 1px solid #0f766e; background: transparent; color: #0f766e; padding: 9px 18px; border-radius: 999px; font-weight: 800; cursor: pointer; } .case-tab.is-active { background: #0f766e; color: #eef7f5; } .case-panel { display: none; } .case-panel.is-active { --case-card-estimate: clamp(250px, 25vw, 360px); display: block; max-height: var(--case-panel-max-height, calc((var(--case-card-estimate) * 2) + 16px)); overflow-y: auto; overflow-x: hidden; padding-right: 6px; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; } /* new reference-metric column tint */ .twb-col-ref { background: color-mix(in srgb, #e11d48 9%, transparent); font-weight: 700; } #leaderboard .twb-col-ref { background: rgba(244,63,94,.14); } /* overall radar (all models) */ .twb-overall-radar { display: grid; grid-template-columns: minmax(320px,1.4fr) minmax(220px,.7fr); gap: 22px; align-items: start; margin: 18px 0 26px; } .twb-radar-figure { margin: 0; } .twb-radar-figure svg { display: block; width: 100%; max-width: 560px; margin: 0 auto; overflow: visible; } .twb-radar-figure figcaption { text-align: center; font-size: .82rem; opacity: .7; margin-bottom: 6px; } .twb-radar-legend-host h4 { margin: 0 0 10px; } .twb-radar-legend-host .twb-radar-legend { max-height: 420px; overflow: auto; } #leaderboard .twb-radar-scale, .visualization .twb-radar-scale { fill: currentColor; font-size: 9px; opacity: .55; } .visualization .twb-radar-ring, .visualization .twb-radar-axis { fill: none; stroke: currentColor; opacity: .22; vector-effect: non-scaling-stroke; } .visualization .twb-radar-label { fill: currentColor; font-size: 11px; font-weight: 800; text-anchor: middle; dominant-baseline: middle; } .visualization .twb-radar-area { fill: var(--c); fill-opacity: .06; stroke: none; } .visualization .twb-radar-line { fill: none; stroke: var(--c); stroke-width: 1.8; vector-effect: non-scaling-stroke; } /* per-metric split: bar list + radar */ .twb-metric-split { display: grid; grid-template-columns: minmax(260px,1fr) minmax(260px,.85fr); gap: 20px; align-items: flex-start; } .twb-metric-split figure { margin: 0; } .twb-metric-split figcaption { font-size: .8rem; opacity: .7; text-align: center; margin-bottom: 6px; } .twb-metric-split svg { display: block; width: 100%; max-width: 420px; margin: 0 auto; overflow: visible; } @media (max-width: 820px) { .twb-overall-radar, .twb-metric-split { grid-template-columns: 1fr; } } /* academic lineage blocks */ .ac-block h3 { margin: 0 0 14px; } .ac-lineage { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px,100%),1fr)); gap: 16px; } .ac-lineage article { border: 1px solid #0f766e; border-radius: 16px; padding: 18px; background: #fff; } .ac-lineage article h4 { margin: 0 0 8px; color: #0f766e; font-size: 1.05rem; } .ac-lineage .ac-goal { background: linear-gradient(135deg, rgba(15,118,110,.08), rgba(14,165,233,.08)); border-color: #0ea5e9; } /* optimization tips grid */ .tips-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px,100%),1fr)); gap: 14px; margin-top: 6px; } .tips-grid article { border: 1px solid #0f766e; border-radius: 14px; padding: 16px; background: #fff; } .tips-grid b { display: block; color: #0f766e; margin-bottom: 6px; } .tips-grid p { margin: 0; font-size: .9rem; } /* contact blocks */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px,100%),1fr)); gap: 16px; margin-top: 6px; } .contact-card { border: 1px solid #0f766e; border-radius: 16px; padding: 18px; background: #fff; display: grid; gap: 6px; align-content: start; } .contact-card span { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: #0f766e; font-weight: 800; } .contact-card b { font-size: 1.1rem; } .contact-card a { color: #0ea5e9; font-weight: 700; word-break: break-all; } .contact-card p { margin: 4px 0 0; font-size: .86rem; opacity: .82; } .contact-other { background: linear-gradient(135deg, rgba(15,118,110,.06), rgba(14,165,233,.06)); } /* ============ end TriWorldBench modify-2030 additions ============ */ /* ============ TriWorldBench modify-2030 round-2 ============ */ /* table 'best' as a solid highlight block (no text label) */ #leaderboard .twb-best { background: linear-gradient(180deg,#22c55e,#16a34a) !important; color: #04140d !important; font-weight: 900; box-shadow: inset 0 0 0 2px rgba(255,255,255,.25); } /* shared visualization stage: radar full-width on top, then ranked | all-models */ .twb-vis-stage { display: grid; gap: 20px; margin-top: 18px; } .twb-vis-radar { margin: 0; width: 100%; } .twb-vis-radar svg { display: block; width: 100%; max-width: 560px; margin: 0 auto; overflow: visible; } .twb-vis-bottom { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; align-items: start; } @media (max-width: 820px) { .twb-vis-bottom { grid-template-columns: 1fr; } } .twb-vis-ranked h4, .twb-vis-models h4 { margin: 0 0 10px; } .twb-vis-models { background: rgba(15,44,67,.5); border: 1px solid rgba(58,230,255,.25); border-radius: 14px; padding: 14px; } .twb-model-chips { display: flex; flex-direction: column; gap: 6px; max-height: 360px; overflow: auto; } .twb-model-chip { display: flex; align-items: center; gap: 9px; text-align: left; border: 1px solid rgba(58,230,255,.25); background: transparent; color: inherit; padding: 8px 11px; border-radius: 999px; cursor: pointer; font-weight: 700; font-size: .84rem; } .twb-model-chip i { width: 11px; height: 11px; border-radius: 50%; background: var(--c); flex: none; } .twb-model-chip.is-active { background: var(--c); color: #04121c; border-color: var(--c); } /* radar series highlight / dim states */ .visualization .twb-radar-series.is-dim { opacity: .14; } .visualization .twb-radar-series.is-hl .twb-radar-line { stroke-width: 3.4; } .visualization .twb-radar-series.is-hl .twb-radar-area { fill-opacity: .16; } .visualization .twb-radar-spoke line { stroke: var(--c); stroke-width: 2.2; vector-effect: non-scaling-stroke; } .visualization .twb-radar-spoke circle { fill: var(--c); } .visualization .twb-radar-spoke.is-dim { opacity: .16; } .visualization .twb-radar-spoke.is-hl line { stroke-width: 4; } .visualization .twb-radar-ring { fill: none; } /* ranked bar highlight / dim */ .visualization .twb-bar-list span.is-dim { opacity: .35; } .visualization .twb-bar-list span.is-hl { outline: 2px solid #06121c; outline-offset: -2px; box-shadow: 0 4px 14px rgba(0,0,0,.18); } /* academic merged article (scrollable long-form) */ .ac-article { max-width: 80ch; } .ac-article h3 { margin: 0 0 12px; color: #0f766e; } .ac-article p { margin: 0 0 14px; } /* section 12 other info */ .other-info .coming { margin-top: 0; } /* ============ end round-2 ============ */ /* ============ TriWorldBench modify-2030 round-3 ============ */ /* visualization: overall radar | all-models on one row, then buttons, then bar chart */ .twb-vis-top { display: grid; grid-template-columns: minmax(320px, 1.5fr) minmax(220px, .9fr); gap: 22px; align-items: stretch; margin: 18px 0; } @media (max-width: 820px) { .twb-vis-top { grid-template-columns: 1fr; } } .twb-vis-top .twb-vis-radar { margin: 0; display: grid; place-items: center; } .twb-vis-top .twb-vis-radar svg { width: 100%; max-width: 520px; overflow: visible; } .twb-vis-top .twb-vis-models { background: #f4fbfa; border: 1px solid #0f766e; } .twb-vis-top .twb-vis-models .twb-model-chips { max-height: 420px; } .twb-vis-top .twb-model-chip { color: #10201d; border-color: rgba(15,118,110,.4); } .twb-vis-top .twb-model-chip.is-active { color: #04121c; } .twb-metric-selector { margin-top: 4px; } .twb-vis-ranked { margin-top: 8px; } /* per-dimension score values at radar vertices (highlighted model) */ .visualization .twb-radar-vtx-val { fill: #10201d; font-size: 11px; font-weight: 900; text-anchor: middle; paint-order: stroke; stroke: #ffffff; stroke-width: 3px; } .visualization .twb-radar-vtx { stroke: #fff; stroke-width: 1.2; } /* metric definitions readable when open by default */ .twb-metric-glossary[open] { background: #f4fbfa; } /* ---- lighten the 'overall board' (leaderboard) section: cleaner, brighter ---- */ .twb-doc main > #leaderboard.twb-v02 { background: #f3fbff !important; border: 1px solid #cfe8ee !important; color: #10201d !important; box-shadow: 0 10px 30px rgba(15,118,110,.08); } #leaderboard.twb-v02 .twb-v02-top { border-bottom: 1px solid #cfe8ee; } #leaderboard.twb-v02 .twb-v02-top h2 { color: #0f766e; } #leaderboard.twb-v02 .twb-v02-top span { color: #0ea5e9; } #leaderboard.twb-v02 .twb-sub { color: #0f766e; } #leaderboard .twb-leaders-grid article { background: #ffffff; border: 1px solid #cfe8ee; } #leaderboard .twb-leaders-grid span { color: #0f766e; } #leaderboard .twb-leaders-grid b { color: #10201d; } #leaderboard .twb-leaders-grid i { color: #0ea5e9; } #leaderboard .twb-leaders-grid p { color: #314b48; } #leaderboard.twb-v02 .twb-rich-card, #leaderboard.twb-v02 .twb-overall { background: #ffffff; border: 1px solid #cfe8ee; color: #10201d; } #leaderboard.twb-v02 .twb-rich-title span { color: #0f766e; } #leaderboard.twb-v02 .twb-rich-title h3, #leaderboard.twb-v02 .twb-overall p { color: #10201d; } #leaderboard .twb-dense-table { color: #10201d; } #leaderboard .twb-dense-table th { color: #0f766e; background: #eaf6f5; } #leaderboard .twb-dense-table td { border-color: #e0eef0; } #leaderboard .twb-dense-table .twb-sticky-col { background: #f7fcfd; } #leaderboard .twb-dense-table tbody tr:nth-child(odd) .twb-sticky-col { background: #eef8f9; } #leaderboard .twb-dense-table thead .twb-sticky-col { background: #eaf6f5; } /* ============ end round-3 ============ */ /* ============ TriWorldBench modify-2030 round-4 ============ */ /* academic merged article: fill the section width, two text columns on wide screens */ .ac-article { max-width: 100%; } .ac-article h3 { margin: 0 0 12px; color: #0f766e; } .ac-article p { margin: 0 0 14px; font-size: 1rem; line-height: 1.7; } .ac-article p:last-child { margin-bottom: 0; } @media (min-width: 1000px) { .ac-article { columns: 2; column-gap: 40px; } .ac-article h3 { column-span: all; } .ac-article p { break-inside: avoid; } } /* All models header + Present All button */ .twb-models-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; } .twb-models-head h4 { margin: 0; } .twb-present-all { border: 1px solid #0f766e; background: #0f766e; color: #eef7f5; padding: 6px 12px; border-radius: 999px; font-weight: 800; font-size: .78rem; cursor: pointer; white-space: nowrap; } .twb-present-all:hover { background: #0ea5e9; border-color: #0ea5e9; } /* ============ end round-4 ============ */ /* App Router container compatibility: pages render inside the root body. */ .twb-doc { min-height: 100vh; font-family: Inter, Segoe UI, Arial, sans-serif; color: #10201d; background: #eef7f5; line-height: 1.6; max-width: 100%; overflow-x: clip; } @supports not (overflow: clip) { .twb-doc { overflow-x: hidden; } } .twb-doc h1, .twb-doc .brand, .twb-doc .eyebrow { letter-spacing: 0; } .i18n-zh, html[data-twb-lang="en"] .i18n-zh, html:not([data-twb-lang="zh"]) .i18n-zh { display: none !important; } html[data-twb-lang="zh"] .i18n-en { display: none !important; } html[data-twb-lang="zh"] .i18n-zh { display: inline !important; } .language-menu { position: relative; flex: none; } .language-trigger { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 7px 12px; border: 1px solid rgba(15,118,110,.45); border-radius: 999px; background: #f4fbfa; color: #0f766e; font: inherit; font-size: .82rem; font-weight: 900; line-height: 1.1; cursor: pointer; } .language-trigger b { padding-left: 8px; border-left: 1px solid rgba(15,118,110,.25); color: #10201d; font-weight: 800; } .language-options { position: absolute; top: calc(100% + 8px); right: 0; z-index: 40; min-width: 150px; padding: 7px; border: 1px solid rgba(15,118,110,.28); border-radius: 12px; background: #fff; box-shadow: 0 14px 32px rgba(15,43,40,.14); } .language-options button { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: #10201d; font: inherit; font-size: .84rem; font-weight: 800; text-align: left; cursor: pointer; } .language-options button:hover, .language-options button.is-active { background: #e8f6f4; color: #0f766e; } /* wider content frame for main and submission pages */ .twb-doc main { width: min(1440px, calc(100% - clamp(32px, 5vw, 96px))); } .twb-doc main > .section { padding: clamp(30px, 4vw, 54px) clamp(28px, 4vw, 64px); } .twb-doc main > #overview, .twb-doc main > #advantages { padding-inline: clamp(36px, 5vw, 76px); } .twb-doc .section > p { max-width: 1120px; } .twb-doc #overview > p, .twb-doc #advantages > p { max-width: 1180px; } .twb-keywords { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .adv-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .sub-row { grid-template-columns: minmax(220px, .32fr) minmax(0, 1fr); padding: 14px 18px; } .sub-table { min-width: 780px; } .sub-table tbody th { width: clamp(210px, 24%, 320px); } @media (max-width: 1180px) { .twb-keywords, .adv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .twb-keywords, .adv-grid { grid-template-columns: 1fr; } .sub-row { grid-template-columns: 1fr; } } /* mobile browsing polish */ @media (max-width: 760px) { .twb-doc .site-nav { position: sticky; padding: 12px 14px; gap: 10px; } .twb-doc .site-nav nav { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; font-size: .78rem; } .twb-doc .site-nav nav a { min-width: 0; text-align: center; padding: 7px 6px; } .language-menu, .language-trigger { width: 100%; } .language-trigger { justify-content: space-between; } .language-options { left: 0; right: 0; } .twb-hero { min-height: auto; padding: 38px 16px 34px; } .twb-hero h1 { font-size: clamp(2.35rem, 16vw, 4rem); line-height: 1; } .twb-hero .subtitle, .twb-doc .section > p { font-size: .98rem; } .twb-doc main { width: min(100% - 22px, 1180px); margin-top: 18px; } .twb-doc main > .section { padding: 18px 14px; border-radius: 14px; margin-bottom: 18px; } .section-head { gap: 9px; } .section-head h2 { font-size: clamp(1.55rem, 9vw, 2.25rem); line-height: 1.05; } .actions, .ds-actions { display: grid; grid-template-columns: 1fr; gap: 8px; } .actions a, .ds-btn, .twb-dataset-entry a { justify-content: center; width: 100%; text-align: center; } .case-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .case-tab { width: 100%; } .case-grid { grid-template-columns: 1fr; gap: 12px; } .case-panel.is-active { --case-card-estimate: clamp(230px, 70vw, 390px); max-height: calc((var(--case-card-estimate) * 2) + 12px); } .case-item figcaption { font-size: .76rem; } .twb-v02-top, .twb-models-head { align-items: stretch; flex-direction: column; } .twb-metric-selector { display: grid; grid-template-columns: 1fr; } .ms-btn, .twb-present-all { width: 100%; } .twb-vis-top .twb-vis-radar svg { max-width: 100%; } .twb-bar-list span { grid-template-columns: 1fr; gap: 3px; } .contact-grid { grid-template-columns: 1fr; } } /* Final cascade guard: keep the public refresh authoritative over legacy rules. */ .twb-doc[data-page="triworldbench"] { color: var(--twb-ink); background: #fff; font-family: "Segoe UI Variable Text", Aptos, "Segoe UI", Arial, sans-serif; line-height: 1.68; } .twb-doc[data-page="triworldbench"] .twb-hero .actions a { border-color: var(--twb-ink) !important; color: #fff !important; background: var(--twb-ink) !important; } .twb-doc[data-page="triworldbench"] .twb-hero .actions a + a { color: var(--twb-ink) !important; background: #fff !important; } .twb-doc[data-page="triworldbench"] .twb-institutions { justify-content: flex-start; } .twb-doc[data-page="triworldbench"] main { width: min(1180px, calc(100% - 40px)); margin: 0 auto 72px; } .twb-doc[data-page="triworldbench"] main > .section, .twb-doc[data-page="triworldbench"] main > #leaderboard.twb-v02 { margin: 0; padding: 62px 0; border: 0 !important; border-top: 1px solid var(--twb-line) !important; border-radius: 0 !important; color: var(--twb-ink) !important; background: transparent !important; box-shadow: none !important; } .twb-doc[data-page="triworldbench"] main > #overview { border-top: 0 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top { border: 0 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2 > span { color: var(--twb-ink) !important; font-size: 32px !important; font-weight: 780 !important; line-height: 1.2 !important; text-transform: none !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-section-kicker, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top > span { color: var(--twb-accent) !important; font-size: 12px !important; text-transform: uppercase !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rich-card, .twb-doc[data-page="triworldbench"] #leaderboard .twb-overall { padding: 0; border: 0; color: var(--twb-ink); background: transparent; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rich-title h3, .twb-doc[data-page="triworldbench"] #leaderboard .twb-rich-title h3 > span { color: var(--twb-ink) !important; font-size: 20px !important; line-height: 1.3 !important; text-transform: none !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rich-title > span { color: var(--twb-accent) !important; font-size: 11px !important; text-transform: uppercase !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table td { color: var(--twb-ink); background: #fff; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table th, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-rank { color: #383e44; background: #f3f4f5; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:nth-child(odd) .twb-sticky-col { background: #fff; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-best { color: #09665f !important; background: #e7f5f2 !important; box-shadow: none !important; } .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: minmax(0, 1.75fr) minmax(250px, .65fr); gap: 28px; margin: 30px 0 22px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 620px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar svg { width: min(700px, 100%); max-width: none; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-models { padding: 15px; border: 1px solid #d8dcdf; border-radius: 6px; color: var(--twb-ink); background: rgba(255, 255, 255, .9); } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-model-chips { max-height: 540px; gap: 4px; } .twb-doc[data-page="triworldbench"] .twb-present-all, .twb-doc[data-page="triworldbench"] .twb-model-chip, .twb-doc[data-page="triworldbench"] .ms-btn, .twb-doc[data-page="triworldbench"] .case-tab { border-radius: 4px !important; } .twb-doc[data-page="triworldbench"] .twb-present-all, .twb-doc[data-page="triworldbench"] .twb-model-chip, .twb-doc[data-page="triworldbench"] .ms-btn { min-height: 34px; border-color: #cbd0d4; color: #4f565c; background: #fff; font-size: 12px; } .twb-doc[data-page="triworldbench"] .twb-present-all { padding: 6px 11px; color: #fff; background: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .twb-present-all:hover { border-color: var(--twb-ink); color: #fff; background: #30353a; } .twb-doc[data-page="triworldbench"] .twb-model-chip { height: auto; min-height: 36px; padding: 8px 9px; line-height: 1.25; } .twb-doc[data-page="triworldbench"] .twb-model-chip:hover, .twb-doc[data-page="triworldbench"] .ms-btn:hover { border-color: #8e969c; background: var(--twb-soft); } .twb-doc[data-page="triworldbench"] .twb-model-chip.is-active, .twb-doc[data-page="triworldbench"] .ms-btn.is-active { border-color: var(--twb-ink); color: #fff; background: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .twb-filter-control { grid-template-columns: 70px minmax(0, 1fr); } .twb-doc[data-page="triworldbench"] .twb-metric-selector { display: flex; margin: 0; flex-wrap: wrap; gap: 5px; } .twb-doc[data-page="triworldbench"] .ms-btn { width: auto; padding: 6px 10px; } .twb-doc[data-page="triworldbench"] .twb-bar-list span { border: 1px solid #e1e4e6; border-radius: 4px; color: #252a2f; background: #f4f5f6; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] .site-nav { grid-template-columns: 1fr auto; padding: 10px 14px; } .twb-doc[data-page="triworldbench"] .site-nav nav { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .language-menu { width: auto; } .twb-doc[data-page="triworldbench"] .twb-hero { padding: 42px 16px 34px; } .twb-doc[data-page="triworldbench"] .twb-hero h1 { font-size: 44px; line-height: 1.08; } .twb-doc[data-page="triworldbench"] main { width: calc(100% - 28px); margin: 0 auto 48px; } .twb-doc[data-page="triworldbench"] main > .section, .twb-doc[data-page="triworldbench"] main > #leaderboard.twb-v02 { margin: 0; padding: 42px 0; border-radius: 0 !important; } .twb-doc[data-page="triworldbench"] .twb-v02-top { align-items: flex-start; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2 > span { font-size: 27px !important; } .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 430px; } .twb-doc[data-page="triworldbench"] .twb-filter-control { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] .twb-metric-selector { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .ms-btn, .twb-doc[data-page="triworldbench"] .twb-present-all { width: 100%; } } /* Updated PAGES requirements: Editorial typography and neutral visual system. */ .twb-doc[data-page="triworldbench"] { --twb-ink: #1a1a1a; --twb-muted: #666; --twb-line: #e5e7eb; --twb-soft: #f0f1f3; --twb-accent: #4b5563; --twb-link: #2563eb; color: var(--twb-ink); background: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; } .twb-doc[data-page="triworldbench"]::before { content: "TriWorldBench"; top: 50%; color: rgba(26, 26, 26, .035); font-family: "Source Serif 4", Georgia, serif; font-size: 112px; font-style: normal; font-weight: 700; transform: translate(-50%, -50%); } .twb-doc[data-page="triworldbench"] .site-nav .brand, .twb-doc[data-page="triworldbench"] .twb-hero h1, .twb-doc[data-page="triworldbench"] .section-head h2, .twb-doc[data-page="triworldbench"] .twb-v02-top h2 { font-family: "Source Serif 4", Georgia, serif; } .twb-doc[data-page="triworldbench"] .site-nav .brand { font-size: 21px; font-weight: 700; } .twb-doc[data-page="triworldbench"] .site-nav nav a { color: #4f4f4f; font-size: 14px; font-weight: 500; line-height: 1.6; } .twb-doc[data-page="triworldbench"] .site-nav nav a:hover, .twb-doc[data-page="triworldbench"] .site-nav nav a:focus-visible { color: var(--twb-ink); background: var(--twb-soft); } .twb-doc[data-page="triworldbench"] .language-menu { width: fit-content; padding: 3px; border: 0; border-radius: 8px; background: var(--twb-soft); } .twb-doc[data-page="triworldbench"] .language-menu > button { min-height: 34px; padding: 7px 14px; border: 0; border-radius: 6px; color: #666; background: transparent; font-size: 12px; font-weight: 500; } .twb-doc[data-page="triworldbench"] .language-menu > button.is-active { color: #fff; background: var(--twb-ink); } /* Editorial title hierarchy. */ .twb-doc[data-page="triworldbench"] .twb-hero { padding: 64px 24px 52px; } .twb-doc[data-page="triworldbench"] .twb-hero .eyebrow { color: #666; font-size: 13px; font-weight: 600; } .twb-doc[data-page="triworldbench"] .twb-hero h1 { max-width: 1000px; color: var(--twb-ink); font-size: 52px; font-weight: 700; line-height: 1.3; } .twb-doc[data-page="triworldbench"] .twb-accent { display: inline-block; margin-top: 2px; color: #333; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 26px; font-weight: 600; line-height: 1.35; } .twb-doc[data-page="triworldbench"] .twb-hero .subtitle { max-width: 900px; color: #555; font-size: 16px; font-weight: 400; line-height: 1.6; } .twb-doc[data-page="triworldbench"] .twb-hero .actions a, .twb-doc[data-page="triworldbench"] .actions a, .twb-doc[data-page="triworldbench"] .ds-btn { min-height: 38px; padding: 8px 16px; border: 1px solid var(--twb-ink) !important; border-radius: 8px; color: #fff !important; background: var(--twb-ink) !important; font-size: 13px; font-weight: 600; line-height: 1.4; box-shadow: 0 3px 8px rgba(0, 0, 0, .12); } .twb-doc[data-page="triworldbench"] .twb-hero .actions a + a { color: var(--twb-ink) !important; background: #fff !important; } .twb-doc[data-page="triworldbench"] .twb-authors-list { color: #333; font-size: 15px; line-height: 1.6; } .twb-doc[data-page="triworldbench"] .twb-authors-list a { color: var(--twb-link); } .twb-doc[data-page="triworldbench"] .twb-affiliations { color: #777; font-size: 14px; line-height: 1.6; } .twb-doc[data-page="triworldbench"] .twb-affiliations sup { color: #777; } /* Institution logos: all visible, no frames or captions. */ .twb-doc[data-page="triworldbench"] .twb-institutions { width: 100%; max-width: 1120px; align-items: center; justify-content: center; flex-wrap: wrap; gap: 22px 34px; overflow: visible; padding: 10px 0 0; } .twb-doc[data-page="triworldbench"] .twb-institutions > a, .twb-doc[data-page="triworldbench"] .twb-institutions > div { display: grid; flex: 0 1 190px; min-height: 88px; grid-template-rows: none; place-items: center; padding: 0; border: 0; border-radius: 0; color: #333; background: transparent; } .twb-doc[data-page="triworldbench"] .twb-institutions > a:hover { border: 0; background: transparent; opacity: .72; } .twb-doc[data-page="triworldbench"] .twb-institutions img { width: 220px; max-width: 100%; height: 80px; object-fit: contain; } .twb-doc[data-page="triworldbench"] .twb-institution-mark { width: 84px; height: 84px; border: 0; border-radius: 0; color: #333; background: transparent; font-size: 25px; font-weight: 700; } /* Shared document typography. */ .twb-doc[data-page="triworldbench"] main > .section, .twb-doc[data-page="triworldbench"] main > #leaderboard.twb-v02 { padding: 58px 0; } .twb-doc[data-page="triworldbench"] main > #overview, .twb-doc[data-page="triworldbench"] main > #advantages { padding-inline: 0 !important; } .twb-doc[data-page="triworldbench"] .section-head { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; margin-bottom: 20px; } .twb-doc[data-page="triworldbench"] .section-head > span { color: #888; font-size: 12px; font-weight: 600; } .twb-doc[data-page="triworldbench"] .section-head h2, .twb-doc[data-page="triworldbench"] .section-head h2 > span, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2 > span { color: var(--twb-ink) !important; font-size: 26px !important; font-weight: 700 !important; line-height: 1.5 !important; text-transform: none !important; } .twb-doc[data-page="triworldbench"] .section > p, .twb-doc[data-page="triworldbench"] .section li, .twb-doc[data-page="triworldbench"] .ac-article p { color: #555; font-size: 16px; line-height: 1.65; } .twb-doc[data-page="triworldbench"] main h3, .twb-doc[data-page="triworldbench"] main h4, .twb-doc[data-page="triworldbench"] main strong, .twb-doc[data-page="triworldbench"] main b, .twb-doc[data-page="triworldbench"] main time { color: var(--twb-ink); } .twb-doc[data-page="triworldbench"] main a { color: var(--twb-ink); } /* Overview light-gray content blocks. */ .twb-doc[data-page="triworldbench"] #overview .case-intro { padding: 18px 20px; border: 0; border-radius: 8px; color: #444; background: #f1f2f3; } .twb-doc[data-page="triworldbench"] #overview .twb-keywords { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .twb-doc[data-page="triworldbench"] #overview .twb-keywords b { display: grid; min-height: 52px; place-items: center; padding: 10px 12px; border: 0; border-radius: 8px; color: #444; background: #f1f2f3; font-size: 13px; font-weight: 600; line-height: 1.4; text-align: center; box-shadow: none; } /* Why TriWorldBench: four equal gray blocks with gray secondary blocks. */ .twb-doc[data-page="triworldbench"] #advantages .adv-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 14px; margin-top: 26px; } .twb-doc[data-page="triworldbench"] #advantages .adv-grid article { display: grid; min-width: 0; grid-template-rows: auto 1fr auto; gap: 12px; padding: 24px 18px 18px; border: 1px solid #e5e7eb; border-radius: 8px; color: var(--twb-ink); background: #f8f8f9; } .twb-doc[data-page="triworldbench"] #advantages .adv-grid article h3 { margin: 0; color: var(--twb-ink); font-family: "Source Serif 4", Georgia, serif; font-size: 20px; font-weight: 700; line-height: 1.35; text-align: center; } .twb-doc[data-page="triworldbench"] #advantages .adv-grid article > p { margin: 0; color: #5f5f5f; font-size: 14px; line-height: 1.6; text-align: center; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs { grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr); gap: 5px; padding-top: 4px; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs > span { min-height: 68px; padding: 9px 8px; border: 0 !important; border-radius: 6px; color: #444; background: #e9eaec !important; font-size: 12px; font-weight: 600; line-height: 1.3; text-align: center; text-decoration: none; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs .adv-us { color: #222; background: #dfe1e4 !important; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs small { color: #666; font-size: 11px; font-weight: 400; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs em { color: #777; font-size: 11px; } /* Visualization Cases: compact Editorial controls and unframed videos. */ .twb-doc[data-page="triworldbench"] #cases > p { color: #666; font-size: 15px; line-height: 1.6; } .twb-doc[data-page="triworldbench"] .case-tabs { display: inline-flex !important; width: fit-content; max-width: 100%; gap: 0; margin: 18px 0 16px; padding: 3px; border: 0 !important; border-radius: 8px; background: var(--twb-soft); } .twb-doc[data-page="triworldbench"] .case-tab { width: auto; min-width: 94px; min-height: 36px; padding: 7px 16px; border: 0 !important; border-radius: 6px !important; color: #666; background: transparent; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 12px; font-weight: 500; } .twb-doc[data-page="triworldbench"] .case-tab:hover { color: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .case-tab.is-active { color: #fff; background: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; } .twb-doc[data-page="triworldbench"] .case-item, .twb-doc[data-page="triworldbench"] .case-item:hover { overflow: visible; border: 0 !important; border-radius: 0; background: transparent; box-shadow: none; transform: none !important; } .twb-doc[data-page="triworldbench"] .case-item video { display: block; width: 100%; border: 1px solid #eee; border-radius: 8px; background: #111; } .twb-doc[data-page="triworldbench"] .case-item figcaption { min-height: 0; padding: 7px 4px 0; color: var(--twb-ink); background: transparent !important; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; } /* Editorial leaderboard table, without model icons. */ .twb-doc[data-page="triworldbench"] #leaderboard .twb-section-kicker { display: none; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top { align-items: baseline; padding-bottom: 18px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top > span { color: #777 !important; font-size: 12px !important; font-weight: 500; text-transform: none !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-board-note { max-width: 940px; margin: 0 0 16px; color: #666; font-size: 15px; line-height: 1.6; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-table-wrap { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { min-width: 2320px; color: var(--twb-ink); font-family: "JetBrains Mono", Consolas, monospace; font-size: 14px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table th { min-width: 104px; padding: 12px; color: #444; background: #f5f7fa; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 11px; font-weight: 700; line-height: 1.6; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table td { min-width: 104px; padding: 14px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: var(--twb-ink); background: #fff !important; font-size: 14px; line-height: 1.6; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:hover td, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-rank { background: #f0f1f3 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-rank, .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col { background: #fff !important; } .twb-doc[data-page="triworldbench"] #leaderboard thead .twb-sticky-rank, .twb-doc[data-page="triworldbench"] #leaderboard thead .twb-sticky-col { background: #f5f7fa !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col { min-width: 205px !important; max-width: 250px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col b { color: var(--twb-ink); font-size: 14px; font-weight: 600; line-height: 1.4; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small { margin-top: 3px; color: #888; font-size: 11px; font-weight: 400; line-height: 1.4; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-col-status { color: #666; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 12px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-best, .twb-doc[data-page="triworldbench"] #leaderboard .twb-col-ref { color: var(--twb-ink) !important; background: #fff !important; box-shadow: none !important; } .twb-doc[data-page="triworldbench"] .twb-rank-badge { width: 34px; height: 34px; border-radius: 6px; font-size: 13px; } .twb-doc[data-page="triworldbench"] .twb-score-value { font-weight: 500; } .twb-doc[data-page="triworldbench"] .twb-cell-rank { display: inline-block; margin-left: 6px; color: #999; font-family: "JetBrains Mono", Consolas, monospace; font-size: 10px; font-weight: 500; line-height: 1; } .twb-doc[data-page="triworldbench"] .twb-cell-rank.rank-1 { color: #9a6d00; } .twb-doc[data-page="triworldbench"] .twb-cell-rank.rank-2 { color: #6b7280; } .twb-doc[data-page="triworldbench"] .twb-cell-rank.rank-3 { color: #9a5c36; } /* Visualization controls, larger radar, line patterns, and muted bars. */ .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: minmax(0, 1.85fr) minmax(250px, .55fr); gap: 24px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 720px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar svg { width: min(780px, 100%); max-width: none; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-models { padding: 10px; border: 0; border-radius: 8px; color: var(--twb-ink); background: var(--twb-soft); } .twb-doc[data-page="triworldbench"] .twb-models-head h4, .twb-doc[data-page="triworldbench"] .twb-vis-ranked h4, .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary, .twb-doc[data-page="triworldbench"] .twb-glossary-grid b { color: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .twb-present-all, .twb-doc[data-page="triworldbench"] .twb-model-chip, .twb-doc[data-page="triworldbench"] .ms-btn { border: 0; border-radius: 6px !important; color: #666; background: transparent; font-size: 12px; font-weight: 500; } .twb-doc[data-page="triworldbench"] .twb-present-all, .twb-doc[data-page="triworldbench"] .twb-model-chip.is-active, .twb-doc[data-page="triworldbench"] .ms-btn.is-active { color: #fff; background: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .twb-model-chip:hover, .twb-doc[data-page="triworldbench"] .ms-btn:hover { color: var(--twb-ink); background: #fff; } .twb-doc[data-page="triworldbench"] .twb-model-chip.is-active:hover, .twb-doc[data-page="triworldbench"] .ms-btn.is-active:hover { color: #fff; background: var(--twb-ink); } .twb-doc[data-page="triworldbench"] .twb-model-chip { min-height: 36px; padding: 8px 10px; } .twb-doc[data-page="triworldbench"] .twb-model-chip i { width: 18px; height: 3px; border-radius: 2px; } .twb-doc[data-page="triworldbench"] .twb-filter-control { display: flex; width: 100%; grid-template-columns: none; align-items: center; gap: 0; padding: 3px; border: 0; border-radius: 8px; background: var(--twb-soft); } .twb-doc[data-page="triworldbench"] .twb-filter-label { flex: none; padding: 0 10px; color: #666; font-size: 12px; font-weight: 600; } .twb-doc[data-page="triworldbench"] .twb-metric-selector { display: flex; flex: 1; margin: 0; flex-wrap: wrap; gap: 0; } .twb-doc[data-page="triworldbench"] .ms-btn { width: auto; min-height: 36px; padding: 7px 12px; } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-label, .twb-doc[data-page="triworldbench"] .visualization .twb-radar-scale, .twb-doc[data-page="triworldbench"] .visualization .twb-radar-vtx-val { fill: #333; } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-line { stroke-dasharray: var(--dash, none); stroke-linecap: round; } .twb-doc[data-page="triworldbench"] .twb-bar-list span { color: #333; background: #eceef0; } .twb-doc[data-page="triworldbench"] .twb-bar-list span::before { background: color-mix(in srgb, var(--c) 12%, #d6d9dd); } .twb-doc[data-page="triworldbench"] .twb-bar-list span.is-hl::before { background: color-mix(in srgb, var(--c) 64%, #fff); } .twb-doc[data-page="triworldbench"] .twb-bar-list span.is-hl { opacity: 1; outline: 2px solid #333; box-shadow: none; } .twb-doc[data-page="triworldbench"] .twb-metric-glossary, .twb-doc[data-page="triworldbench"] .twb-metric-glossary[open] { border: 1px solid #e5e7eb; border-radius: 8px; color: #444; background: #f7f7f8; } .twb-doc[data-page="triworldbench"] .twb-glossary-grid span { color: #666; font-size: 13px; line-height: 1.55; } /* Neutral content blocks and corrected dataset action. */ .twb-doc[data-page="triworldbench"] .timeline article, .twb-doc[data-page="triworldbench"] .date-grid article, .twb-doc[data-page="triworldbench"] .sub-row, .twb-doc[data-page="triworldbench"] .contact-card, .twb-doc[data-page="triworldbench"] .citation-code, .twb-doc[data-page="triworldbench"] .coming { border-color: #e5e7eb; color: #444; background: #f7f7f8; } .twb-doc[data-page="triworldbench"] .timeline time, .twb-doc[data-page="triworldbench"] .contact-card > span, .twb-doc[data-page="triworldbench"] .sub-row > i, .twb-doc[data-page="triworldbench"] .ac-article h3 { color: #666; } .twb-doc[data-page="triworldbench"] .ds-actions { display: flex; width: fit-content; max-width: 100%; } .twb-doc[data-page="triworldbench"] .ds-btn { width: fit-content !important; max-width: 100%; text-align: center; text-decoration: none; } @media (max-width: 1000px) { .twb-doc[data-page="triworldbench"] #advantages .adv-grid, .twb-doc[data-page="triworldbench"] #overview .twb-keywords { grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 650px; } } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"]::before { font-size: 54px; } .twb-doc[data-page="triworldbench"] .twb-hero h1 { font-size: 42px; } .twb-doc[data-page="triworldbench"] .twb-accent { font-size: 22px; } .twb-doc[data-page="triworldbench"] .section-head h2, .twb-doc[data-page="triworldbench"] .section-head h2 > span, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top h2 > span { font-size: 25px !important; } .twb-doc[data-page="triworldbench"] #advantages .adv-grid, .twb-doc[data-page="triworldbench"] #overview .twb-keywords, .twb-doc[data-page="triworldbench"] .case-grid { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] #advantages .adv-grid article { padding: 22px 18px 18px; } .twb-doc[data-page="triworldbench"] .case-tabs { display: inline-flex !important; width: fit-content; } .twb-doc[data-page="triworldbench"] .case-tab { width: auto; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 440px; } .twb-doc[data-page="triworldbench"] .twb-filter-control { display: grid; grid-template-columns: 1fr; padding: 6px; } .twb-doc[data-page="triworldbench"] .twb-filter-label { padding: 4px 7px 6px; } .twb-doc[data-page="triworldbench"] .twb-metric-selector { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; } .twb-doc[data-page="triworldbench"] .ms-btn { width: 100%; } .twb-doc[data-page="triworldbench"] .ds-btn { width: fit-content !important; } } /* Navigation and anchor guard after legacy flex-wrap declarations. */ .twb-doc[data-page="triworldbench"] .site-nav nav { display: flex; max-height: 38px; flex-wrap: nowrap; justify-content: center; gap: 2px; overflow-x: auto; } .twb-doc[data-page="triworldbench"] .site-nav nav a { padding-inline: 6px; } .twb-doc[data-page="triworldbench"] main > section, .twb-doc[data-page="triworldbench"] #top { scroll-margin-top: 72px; } .twb-doc[data-page="triworldbench"] .twb-glossary-grid b, .twb-doc[data-page="triworldbench"] .twb-glossary-grid span { font-size: 14px; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] .site-nav nav { display: flex; max-height: 40px; grid-column: 1 / -1; flex-wrap: nowrap; justify-content: flex-start; gap: 2px; overflow-x: auto; } .twb-doc[data-page="triworldbench"] .site-nav nav a { flex: none; width: auto; padding: 7px 10px; text-align: center; } .twb-doc[data-page="triworldbench"] main > section, .twb-doc[data-page="triworldbench"] #top { scroll-margin-top: 112px; } } /* Hero resources, Editorial medals, and consistent gray-block insets. */ .twb-doc[data-page="triworldbench"] .twb-hero .actions a.hero-action-primary, .twb-doc[data-page="triworldbench"] .twb-hero .actions a.hero-action-secondary { color: #fff !important; background: var(--twb-ink) !important; border-color: var(--twb-ink) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-badge.rank-1, .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-badge.rank-2, .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-badge.rank-3 { border: 0; color: inherit; background: transparent; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif; font-size: 22px; } .twb-doc[data-page="triworldbench"] .twb-cell-rank.rank-1, .twb-doc[data-page="triworldbench"] .twb-cell-rank.rank-2, .twb-doc[data-page="triworldbench"] .twb-cell-rank.rank-3 { color: inherit; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif; font-size: 14px; vertical-align: -1px; } .twb-doc[data-page="triworldbench"] #overview .case-intro { padding-inline: 24px; } .twb-doc[data-page="triworldbench"] #overview .twb-keywords b { padding-inline: 16px; } .twb-doc[data-page="triworldbench"] #advantages .adv-grid article { padding-inline: 22px; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs > span { padding-inline: 12px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-models { padding: 14px; } .twb-doc[data-page="triworldbench"] .twb-model-chip { padding-inline: 12px; } .twb-doc[data-page="triworldbench"] .twb-bar-list span { padding: 10px 16px; } .twb-doc[data-page="triworldbench"] .twb-metric-glossary, .twb-doc[data-page="triworldbench"] .twb-metric-glossary[open] { padding: 16px 20px; } .twb-doc[data-page="triworldbench"] .timeline article, .twb-doc[data-page="triworldbench"] .date-grid article, .twb-doc[data-page="triworldbench"] .sub-row, .twb-doc[data-page="triworldbench"] .contact-card, .twb-doc[data-page="triworldbench"] .citation-code, .twb-doc[data-page="triworldbench"] .coming { padding-inline: 22px; } /* Final neutral-color and readability corrections. */ .twb-doc[data-page="triworldbench"]::before { font-size: 138px; } .twb-doc[data-page="triworldbench"] .twb-models-head h4, .twb-doc[data-page="triworldbench"] .twb-models-head h4 > span { color: #252525 !important; font-size: 17px; font-weight: 700; line-height: 1.4; } .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary, .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary > span { color: #252525 !important; font-size: 18px; font-weight: 700; line-height: 1.45; } .twb-doc[data-page="triworldbench"] .twb-glossary-grid b, .twb-doc[data-page="triworldbench"] .twb-glossary-grid b > span { color: #292929 !important; font-size: 15px; font-weight: 650; line-height: 1.5; } .twb-doc[data-page="triworldbench"] .twb-glossary-grid > div > span, .twb-doc[data-page="triworldbench"] .twb-glossary-grid > div > span > span { color: #4a4a4a !important; font-size: 15px; line-height: 1.65; opacity: 1; } .twb-doc[data-page="triworldbench"] .contact-card p, .twb-doc[data-page="triworldbench"] .contact-card p span { color: #505050 !important; opacity: 1; } /* Submission guide: remove legacy green borders and text treatments. */ .twb-doc[data-page="triworldbench"].submission-guide .site-nav { border-bottom-color: #e5e7eb; } .twb-doc[data-page="triworldbench"].submission-guide .sub-table-wrap { border: 1px solid #d8dcdf; border-radius: 8px; background: #fff; } .twb-doc[data-page="triworldbench"].submission-guide .sub-table th, .twb-doc[data-page="triworldbench"].submission-guide .sub-table td { border-bottom-color: #e5e7eb; color: #444; } .twb-doc[data-page="triworldbench"].submission-guide .sub-table thead th, .twb-doc[data-page="triworldbench"].submission-guide .sub-table tbody th { color: #30363b; background: #f3f4f5; } .twb-doc[data-page="triworldbench"].submission-guide .sub-minor-title, .twb-doc[data-page="triworldbench"].submission-guide .sub-steps b { color: #1f2327; } .twb-doc[data-page="triworldbench"].submission-guide .sub-note { border-left-color: #9ca3af; color: #3f4448; background: #f3f4f5; } .twb-doc[data-page="triworldbench"].submission-guide .sub-token { border-color: #d6dade; color: #33383d; background: #f0f1f3; } .twb-doc[data-page="triworldbench"].submission-guide .sub-code { border-color: #d8dcdf; color: #2c3338; background: #f6f7f8; box-shadow: none; } .twb-doc[data-page="triworldbench"].submission-guide .sub-list li, .twb-doc[data-page="triworldbench"].submission-guide .sub-steps li { color: #4b5156; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"]::before { font-size: 68px; } .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary, .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary > span { font-size: 17px; } } /* Stronger black-and-white contrast while retaining intentional gray UI blocks. */ .twb-doc[data-page="triworldbench"] { --twb-ink: #111315; --twb-muted: #454a4f; --twb-line: #d8dce0; --twb-soft: #eef0f2; color: #202326; background: #fff; } .twb-doc[data-page="triworldbench"] .site-nav, .twb-doc[data-page="triworldbench"] footer { background-color: #fff !important; } .twb-doc[data-page="triworldbench"] main, .twb-doc[data-page="triworldbench"] main > .section, .twb-doc[data-page="triworldbench"] main > #leaderboard.twb-v02, .twb-doc[data-page="triworldbench"].submission-guide main > .section { background-color: transparent !important; } .twb-doc[data-page="triworldbench"] .site-nav .brand::before { content: "TWB"; width: 40px; height: 30px; border: 0; border-radius: 6px; color: #fff; background: #17365d; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: 0; } .twb-doc[data-page="triworldbench"] .site-nav nav a { color: #34383c; } .twb-doc[data-page="triworldbench"] .twb-hero .eyebrow, .twb-doc[data-page="triworldbench"] .section-head > span, .twb-doc[data-page="triworldbench"] #leaderboard .twb-v02-top > span { color: #4b5055 !important; } .twb-doc[data-page="triworldbench"] .twb-hero .subtitle, .twb-doc[data-page="triworldbench"] .section > p, .twb-doc[data-page="triworldbench"] .section li, .twb-doc[data-page="triworldbench"] .ac-article p, .twb-doc[data-page="triworldbench"] #cases > p, .twb-doc[data-page="triworldbench"] #leaderboard .twb-board-note, .twb-doc[data-page="triworldbench"] .submission-main p, .twb-doc[data-page="triworldbench"].submission-guide main p, .twb-doc[data-page="triworldbench"].submission-guide main li { color: #303438; } .twb-doc[data-page="triworldbench"] .twb-authors-list { color: #25282b; } .twb-doc[data-page="triworldbench"] .twb-affiliations, .twb-doc[data-page="triworldbench"] .twb-affiliations sup, .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small, .twb-doc[data-page="triworldbench"] .sub-row small, .twb-doc[data-page="triworldbench"] footer { color: #4b5055; } .twb-doc[data-page="triworldbench"] main h2, .twb-doc[data-page="triworldbench"] main h3, .twb-doc[data-page="triworldbench"] main h4, .twb-doc[data-page="triworldbench"] main h2 > span, .twb-doc[data-page="triworldbench"] main h3 > span, .twb-doc[data-page="triworldbench"] main h4 > span, .twb-doc[data-page="triworldbench"] .twb-models-head h4, .twb-doc[data-page="triworldbench"] .twb-vis-ranked h4, .twb-doc[data-page="triworldbench"] .sub-minor-title, .twb-doc[data-page="triworldbench"] .sub-steps b { color: #111315 !important; } .twb-doc[data-page="triworldbench"] #overview .case-intro, .twb-doc[data-page="triworldbench"] #overview .twb-keywords b, .twb-doc[data-page="triworldbench"] #advantages .adv-grid article > p, .twb-doc[data-page="triworldbench"] #advantages .adv-vs > span, .twb-doc[data-page="triworldbench"] #advantages .adv-vs small, .twb-doc[data-page="triworldbench"] .timeline article, .twb-doc[data-page="triworldbench"] .date-grid article, .twb-doc[data-page="triworldbench"] .contact-card, .twb-doc[data-page="triworldbench"] .coming { color: #34383c; } .twb-doc[data-page="triworldbench"] #advantages .adv-vs { grid-template-columns: minmax(0, .85fr) 20px minmax(0, 1.15fr); } .twb-doc[data-page="triworldbench"] #advantages .adv-vs > span { padding-inline: 6px; font-size: 11px; word-break: normal; overflow-wrap: normal; } .twb-doc[data-page="triworldbench"] .timeline time, .twb-doc[data-page="triworldbench"] .contact-card > span, .twb-doc[data-page="triworldbench"] .sub-row > i, .twb-doc[data-page="triworldbench"] .ac-article h3 { color: #34383c; } .twb-doc[data-page="triworldbench"] .contact-card p, .twb-doc[data-page="triworldbench"] .contact-card p span, .twb-doc[data-page="triworldbench"] .twb-glossary-grid > div > span, .twb-doc[data-page="triworldbench"] .twb-glossary-grid > div > span > span { color: #303438 !important; } .twb-doc[data-page="triworldbench"] #contact .contact-card p, .twb-doc[data-page="triworldbench"] #contact .contact-card p span { color: #111315 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table td, .twb-doc[data-page="triworldbench"].submission-guide .sub-table th, .twb-doc[data-page="triworldbench"].submission-guide .sub-table td, .twb-doc[data-page="triworldbench"].submission-guide .sub-list li, .twb-doc[data-page="triworldbench"].submission-guide .sub-steps li { color: #282c30; } .twb-doc[data-page="triworldbench"] .twb-bar-list span { border-color: #d6dade; color: #24282c; background: #f7f8f9; } .twb-doc[data-page="triworldbench"] .twb-bar-list span::before { background: color-mix(in srgb, var(--c) 26%, #f1f3f5); } .twb-doc[data-page="triworldbench"] .twb-bar-list span.is-hl::before { background: color-mix(in srgb, var(--c) 72%, #fff); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-table-wrap { background: transparent; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { background: transparent !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-leaders-grid article, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table td, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank, .twb-doc[data-page="triworldbench"] #leaderboard .twb-best, .twb-doc[data-page="triworldbench"] #leaderboard .twb-col-ref { background-color: rgba(255, 255, 255, .08) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table th, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-rank { background-color: rgba(245, 247, 250, .58) !important; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] .site-nav .brand, .twb-doc[data-page="triworldbench"] .site-nav nav a, .twb-doc[data-page="triworldbench"] .language-menu > button, .twb-doc[data-page="triworldbench"] .twb-hero .actions a, .twb-doc[data-page="triworldbench"] .case-tab, .twb-doc[data-page="triworldbench"] .twb-present-all, .twb-doc[data-page="triworldbench"] .twb-model-chip, .twb-doc[data-page="triworldbench"] .ms-btn, .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary { min-height: 44px; } .twb-doc[data-page="triworldbench"] .site-nav .brand, .twb-doc[data-page="triworldbench"] .site-nav nav a, .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary { display: flex; align-items: center; } .twb-doc[data-page="triworldbench"] .section-head h2, .twb-doc[data-page="triworldbench"] .section-head h2 > span { min-width: 0; white-space: normal !important; overflow-wrap: break-word; } .twb-doc[data-page="triworldbench"].submission-guide .site-nav nav a { padding-inline: 5px; font-size: 13px; } } @media (max-width: 820px) { .twb-doc[data-page="triworldbench"] .site-nav .brand, .twb-doc[data-page="triworldbench"] .site-nav nav a, .twb-doc[data-page="triworldbench"] .language-menu > button, .twb-doc[data-page="triworldbench"] .twb-hero .actions a, .twb-doc[data-page="triworldbench"] .case-tab, .twb-doc[data-page="triworldbench"] .twb-present-all, .twb-doc[data-page="triworldbench"] .twb-model-chip, .twb-doc[data-page="triworldbench"] .ms-btn, .twb-doc[data-page="triworldbench"] .twb-metric-glossary summary { min-height: 44px; } .twb-doc[data-page="triworldbench"] .language-menu > button { min-width: 48px; padding-inline: 9px; white-space: nowrap; word-break: keep-all; } } /* Keep the model identity readable while the metric table scrolls horizontally. */ .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { --twb-model-col-width: 260px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col { left: 0; z-index: 7; width: var(--twb-model-col-width); min-width: var(--twb-model-col-width) !important; max-width: var(--twb-model-col-width); overflow: hidden; isolation: isolate; background-color: #fff !important; background-image: none !important; text-align: left; box-shadow: 8px 0 10px -10px rgba(20, 28, 34, .7); } .twb-doc[data-page="triworldbench"] #leaderboard thead .twb-sticky-col { z-index: 9; background-color: #f5f7fa !important; background-image: none !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col b, .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-col { background-color: #f0f1f3 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-col-score { min-width: 132px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-ranked-score { display: inline-flex; min-width: 0; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank { flex: 0 0 auto; margin-left: 0; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { --twb-model-col-width: 210px; } } /* Give long model names room without allowing the radar to dominate the row. */ .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: minmax(0, 1fr) minmax(330px, 360px); gap: 24px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 640px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar svg { width: min(680px, 100%); } .twb-doc[data-page="triworldbench"] .twb-model-chip { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; width: 100%; text-align: left; } .twb-doc[data-page="triworldbench"] .twb-model-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1000px) { .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 560px; } } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 420px; } } /* Final single-table behavior: only Model and Rank remain fixed on the left. */ .twb-doc[data-page="triworldbench"] #leaderboard .twb-table-wrap { position: relative; isolation: isolate; overflow: auto; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col { position: sticky !important; left: 0 !important; z-index: 7; width: 260px; min-width: 260px !important; max-width: 260px; padding: 12px 14px; overflow: hidden; background: #fff !important; background-image: linear-gradient(#fff, #fff) !important; opacity: 1; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: left; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank { position: sticky !important; left: 260px !important; z-index: 7; width: 70px; min-width: 70px !important; max-width: 70px; background: #fff !important; background-image: linear-gradient(#fff, #fff) !important; opacity: 1; box-shadow: 8px 0 12px -12px rgba(20, 28, 34, .85); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-rank { z-index: 10; background: #f5f7fa !important; background-image: linear-gradient(#f5f7fa, #f5f7fa) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:nth-child(odd) .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:nth-child(odd) .twb-sticky-rank { background: #fff !important; background-image: linear-gradient(#fff, #fff) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr:hover .twb-sticky-rank { background: #f0f1f3 !important; background-image: linear-gradient(#f0f1f3, #f0f1f3) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col b, .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col b { color: var(--twb-ink); font-size: 14px; font-weight: 600; line-height: 1.4; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small { margin-top: 3px; color: #888; font-size: 11px; font-weight: 400; line-height: 1.4; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col { width: 180px; min-width: 180px !important; max-width: 180px; padding-inline: 10px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank { left: 180px !important; width: 58px; min-width: 58px !important; max-width: 58px; } } /* Contact copy is intentionally monochrome across both language sites. */ body .twb-doc[data-page="triworldbench"] #contact .contact-card, body .twb-doc[data-page="triworldbench"] #contact .contact-card *:not(.contact-download-link) { color: #000 !important; } body .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-download-link { color: #000 !important; } .twb-doc[data-page="triworldbench"] #contact .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; } .twb-doc[data-page="triworldbench"] #contact .contact-card { display: grid; align-content: start; gap: 10px; min-height: 172px; padding: 22px 24px; border-color: #d7dde1; border-radius: 6px; background: #f6f7f8; } .twb-doc[data-page="triworldbench"] #contact .contact-card b { font-size: 20px; font-weight: 800; line-height: 1.3; } .twb-doc[data-page="triworldbench"] #contact .contact-card a { overflow-wrap: anywhere; font-size: 17px; font-weight: 800; line-height: 1.45; } .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-download-link { overflow-wrap: normal; word-break: normal; font-size: 20px; letter-spacing: 0; text-transform: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-download-link > .i18n-en, .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-download-link > .i18n-zh { color: inherit !important; font: inherit; letter-spacing: 0; text-transform: none; } .twb-doc[data-page="triworldbench"] #contact .contact-card .twb-markdown { margin: 0; } .twb-doc[data-page="triworldbench"] #contact .contact-card .twb-markdown p { margin: 0; font-size: 15px; line-height: 1.6; } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] #contact .contact-grid { grid-template-columns: minmax(0, 1fr); } } /* Final leaderboard column contract. */ .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { --twb-model-col-width: 260px; --twb-rank-col-width: 68px; --twb-score-col-width: 112px; table-layout: fixed; width: max-content; min-width: max-content !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-col-score, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-col-category, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-col-submetric, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-metric-header { width: var(--twb-score-col-width) !important; min-width: var(--twb-score-col-width) !important; max-width: var(--twb-score-col-width) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-col-score, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-col-category, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-col-submetric, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-metric-header { min-height: 76px; padding: 12px 8px; white-space: normal !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-metric-header-text, .twb-doc[data-page="triworldbench"] #leaderboard .twb-metric-header-line { display: block; white-space: normal; overflow-wrap: anywhere; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col { left: 0 !important; width: var(--twb-model-col-width) !important; min-width: var(--twb-model-col-width) !important; max-width: var(--twb-model-col-width) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank { left: var(--twb-model-col-width) !important; width: var(--twb-rank-col-width) !important; min-width: var(--twb-rank-col-width) !important; max-width: var(--twb-rank-col-width) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-col-status { display: none !important; } @media (max-width: 760px) { .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { --twb-model-col-width: 210px; --twb-rank-col-width: 58px; --twb-score-col-width: 106px; } } /* Database-managed research content. */ .twb-doc[data-page="triworldbench"] .twb-research-section > p { width: min(100%, 1040px); margin-inline: auto; } .twb-doc[data-page="triworldbench"] .twb-content-figure, .twb-doc[data-page="triworldbench"] .twb-protocol-figure { width: min(100%, 1040px); margin: 28px auto; } .twb-doc[data-page="triworldbench"] .twb-content-figure-frame { display: block; padding: clamp(12px, 1.8vw, 22px); border: 1px solid #d9dde1; background: #fff; transition: transform 180ms ease, box-shadow 180ms ease; } .twb-doc[data-page="triworldbench"] .twb-content-figure img { display: block; width: 100%; height: auto; background: #fff; } .twb-doc[data-page="triworldbench"] .twb-content-figure-frame:hover, .twb-doc[data-page="triworldbench"] .twb-institutions a:hover img { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(20, 28, 34, .18); } .twb-doc[data-page="triworldbench"] .twb-content-figure figcaption, .twb-doc[data-page="triworldbench"] .twb-protocol-figure figcaption { margin-top: 10px; color: #353a3e; font-size: 14px; line-height: 1.55; } .twb-doc[data-page="triworldbench"] .twb-section-subtitle, .twb-doc[data-page="triworldbench"] .twb-metric-definitions > h3 { margin: 0 0 10px; color: #171a1d; font-size: 20px; line-height: 1.4; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow { display: grid; justify-items: stretch; gap: 10px; } .twb-doc[data-page="triworldbench"] .twb-protocol-single { display: grid; justify-items: center; } .twb-doc[data-page="triworldbench"] .twb-protocol-single .twb-protocol-node { width: min(100%, 780px); } .twb-doc[data-page="triworldbench"] .twb-protocol-grid { display: grid; gap: 12px; } .twb-doc[data-page="triworldbench"] .twb-protocol-grid.is-checks { grid-template-columns: repeat(3, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .twb-protocol-grid.is-protocols { grid-template-columns: repeat(4, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .twb-protocol-node { min-width: 0; padding: 16px 18px; border: 1px solid #d6dade; border-radius: 6px; background: #f2f3f5; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .twb-doc[data-page="triworldbench"] .twb-protocol-node:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 12px 24px rgba(20, 28, 34, .14); } .twb-doc[data-page="triworldbench"] .twb-protocol-node h3, .twb-doc[data-page="triworldbench"] .twb-protocol-node h3 > span { margin: 0 0 7px; color: #171a1d !important; font-size: 16px !important; font-weight: 700; line-height: 1.4; } .twb-doc[data-page="triworldbench"] .twb-protocol-node p, .twb-doc[data-page="triworldbench"] .twb-protocol-node p > span { margin: 0; color: #303438 !important; font-size: 14px; line-height: 1.55; } .twb-doc[data-page="triworldbench"] .twb-protocol-node.is-input { background: #edf2f8; border-color: #b9c9db; } .twb-doc[data-page="triworldbench"] .twb-protocol-node.is-output { background: #eff4ef; border-color: #c3d2c5; } .twb-doc[data-page="triworldbench"] .twb-flow-arrow { display: grid; place-items: center; min-height: 24px; color: #4d555d; font-size: 22px; line-height: 1; } .twb-doc[data-page="triworldbench"] .twb-routing-table-wrap { width: 100%; margin: 18px 0 36px; overflow-x: auto; border-top: 1px solid #d8dce0; border-bottom: 1px solid #d8dce0; } .twb-doc[data-page="triworldbench"] .twb-routing-table { width: 100%; min-width: 860px; border-collapse: collapse; color: #252a2e; } .twb-doc[data-page="triworldbench"] .twb-routing-table th, .twb-doc[data-page="triworldbench"] .twb-routing-table td { padding: 13px 14px; border-bottom: 1px solid #e0e3e6; vertical-align: top; text-align: left; font-size: 14px; line-height: 1.5; } .twb-doc[data-page="triworldbench"] .twb-routing-table thead th { color: #171a1d; background: #eef0f2; font-size: 13px; font-weight: 750; } .twb-doc[data-page="triworldbench"] .twb-routing-table tbody th { width: 19%; color: #171a1d; background: #f7f8f9; font-weight: 700; } .twb-doc[data-page="triworldbench"] .twb-metric-definitions { padding-top: 4px; } .twb-doc[data-page="triworldbench"] .twb-metric-definitions .twb-glossary-grid { margin-top: 12px; } .twb-doc[data-page="triworldbench"] .twb-institutions img { transition: transform 180ms ease, box-shadow 180ms ease; } @media (max-width: 920px) { .twb-doc[data-page="triworldbench"] .twb-protocol-grid.is-protocols { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] .site-nav nav { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; } .twb-doc[data-page="triworldbench"] .twb-protocol-grid.is-checks, .twb-doc[data-page="triworldbench"] .twb-protocol-grid.is-protocols { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] .twb-content-figure, .twb-doc[data-page="triworldbench"] .twb-protocol-figure { margin-block: 22px; } .twb-doc[data-page="triworldbench"] .twb-protocol-node { padding: 14px; } } /* Canonical transparent institution seals, sourced from public/institution-logos. */ .twb-doc[data-page="triworldbench"] .twb-institutions { align-items: center; gap: 18px 28px; } .twb-doc[data-page="triworldbench"] .twb-institutions > a, .twb-doc[data-page="triworldbench"] .twb-institutions > div { flex: 0 0 112px; width: 112px; min-height: 96px; padding: 6px; place-items: center; } .twb-doc[data-page="triworldbench"] .twb-institutions img { display: block; width: 84px; height: 84px; max-width: 84px; object-fit: contain; background: transparent; } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] .twb-institutions { gap: 12px 16px; } .twb-doc[data-page="triworldbench"] .twb-institutions > a, .twb-doc[data-page="triworldbench"] .twb-institutions > div { flex-basis: 88px; width: 88px; min-height: 76px; padding: 4px; } .twb-doc[data-page="triworldbench"] .twb-institutions img { width: 64px; height: 64px; max-width: 64px; } } /* Keep imported figures and the metric table at the document reading scale. */ .twb-doc[data-page="triworldbench"] .twb-content-figure { width: min(100%, 900px); } .twb-doc[data-page="triworldbench"] #abstract .twb-content-figure { width: min(100%, 900px); } .twb-doc[data-page="triworldbench"] #overview .twb-content-figure { width: min(100%, 1040px); } .twb-doc[data-page="triworldbench"] .twb-routing-table { table-layout: fixed; } .twb-doc[data-page="triworldbench"] .twb-routing-table col.twb-routing-block { width: 19%; } .twb-doc[data-page="triworldbench"] .twb-routing-table col.twb-routing-metrics { width: 27%; } .twb-doc[data-page="triworldbench"] .twb-routing-table col.twb-routing-inputs { width: 34%; } .twb-doc[data-page="triworldbench"] .twb-routing-table col.twb-routing-output { width: 20%; } .twb-doc[data-page="triworldbench"] .twb-routing-table th, .twb-doc[data-page="triworldbench"] .twb-routing-table td { border-color: #dfe3e6 !important; overflow-wrap: anywhere; } .twb-doc[data-page="triworldbench"] .twb-metric-definitions .twb-glossary-grid { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); column-gap: 28px; row-gap: 18px; } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] .twb-content-figure, .twb-doc[data-page="triworldbench"] #abstract .twb-content-figure, .twb-doc[data-page="triworldbench"] #overview .twb-content-figure { width: 100%; } .twb-doc[data-page="triworldbench"] .twb-content-figure-frame { padding: 12px; } } /* Keep every navigation item reachable as the research page grows. */ .twb-doc[data-page="triworldbench"] .site-nav { grid-template-columns: max-content minmax(0, 1fr) max-content; gap: clamp(12px, 1.6vw, 28px); padding-inline: clamp(18px, 2.4vw, 48px); } .twb-doc[data-page="triworldbench"] .site-nav nav { align-items: center; justify-content: space-between; max-height: none; gap: clamp(4px, .65vw, 11px); padding-inline: 2px; scroll-padding-inline: 2px; scroll-snap-type: x proximity; } .twb-doc[data-page="triworldbench"] .site-nav nav a { scroll-snap-align: start; } @media (max-width: 1280px) and (min-width: 761px) { .twb-doc[data-page="triworldbench"] .site-nav { grid-template-columns: max-content max-content; } .twb-doc[data-page="triworldbench"] .site-nav nav { grid-column: 1 / -1; grid-row: 2; width: 100%; justify-content: space-between; } } @media (max-width: 960px) and (min-width: 761px) { .twb-doc[data-page="triworldbench"] .site-nav nav { justify-content: flex-start; } } /* Figures keep their depth without requiring a hover interaction. */ .twb-doc[data-page="triworldbench"] .twb-content-figure-frame { box-shadow: 0 14px 28px rgba(20, 28, 34, .14); transition: none; } .twb-doc[data-page="triworldbench"] .twb-content-figure-frame:hover { transform: none; box-shadow: 0 14px 28px rgba(20, 28, 34, .14); } .twb-doc[data-page="triworldbench"] .twb-hero .actions a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .twb-doc[data-page="triworldbench"] .twb-hero .actions a svg { flex: none; } /* Figure 2: reference-grounded, state-aware VLM consistency protocol. */ .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 { display: grid; gap: 0; padding: clamp(14px, 2vw, 22px); border: 1px solid #d8dde1; background: #fff; box-shadow: 0 14px 28px rgba(20, 28, 34, .12); } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row { display: grid; gap: 12px; min-width: 0; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-reference, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-rubric { justify-items: center; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-reference .twb-protocol-node { width: min(100%, 500px); } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-rubric .twb-protocol-node { width: min(100%, 420px); } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-taxonomy { grid-template-columns: repeat(3, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-protocols { grid-template-columns: repeat(4, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node { min-height: 104px; padding: 13px 14px; border: 1px solid #8f989e; border-radius: 4px; color: #171a1d; box-shadow: none; transition: none; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node:hover { transform: none; box-shadow: none; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node h3, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node h3 > span { margin-bottom: 5px; color: #111 !important; font-family: "Source Serif 4", Georgia, serif; font-size: 14px !important; line-height: 1.22; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node p, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node p > span { color: #25292d !important; font-size: 12px; line-height: 1.36; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-reference { min-height: 70px; background: #f1f2ff; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-taxonomy:nth-child(1) { background: #f3f2ff; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-taxonomy:nth-child(2) { background: #effaf1; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-taxonomy:nth-child(3) { background: #fff7ef; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-rubric { min-height: 70px; background: #fbf2fb; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-protocol { background: #f3f3ff; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-expert { min-height: 70px; background: #fff2e5; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-frozen { min-height: 70px; background: #effae9; } .twb-doc[data-page="triworldbench"] .twb-flow-connector { display: grid; min-height: 52px; color: #596167; } .twb-doc[data-page="triworldbench"] .twb-flow-connector svg { display: block; width: 100%; height: 52px; overflow: visible; } .twb-doc[data-page="triworldbench"] .twb-flow-connector .twb-flow-line { fill: none; stroke: currentColor; stroke-width: 1.5; vector-effect: non-scaling-stroke; } .twb-doc[data-page="triworldbench"] .twb-flow-connector .twb-flow-arrowhead { fill: currentColor; } .twb-doc[data-page="triworldbench"] .twb-flow-connector > span { display: none; } .twb-doc[data-page="triworldbench"] .twb-protocol-outcomes { display: grid; grid-template-columns: minmax(0, 1.25fr) 38px minmax(0, .85fr); align-items: center; gap: 10px; } .twb-doc[data-page="triworldbench"] .twb-outcome-arrow { display: grid; min-height: 36px; place-items: center; color: #596167; font-size: 26px; line-height: 1; } @media (max-width: 920px) { .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-protocols { grid-template-columns: repeat(2, minmax(0, 1fr)); } .twb-doc[data-page="triworldbench"] .twb-flow-connector { min-height: 26px; } .twb-doc[data-page="triworldbench"] .twb-flow-connector svg { display: none; } .twb-doc[data-page="triworldbench"] .twb-flow-connector > span { display: grid; min-height: 26px; place-items: center; color: #596167; font-size: 20px; } } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 { padding: 12px; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-taxonomy, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-row.is-protocols, .twb-doc[data-page="triworldbench"] .twb-protocol-outcomes { grid-template-columns: 1fr; } .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-reference, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-rubric, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-expert, .twb-doc[data-page="triworldbench"] .twb-protocol-flow-v2 .twb-protocol-node.is-frozen { width: 100%; min-height: 0; } .twb-doc[data-page="triworldbench"] .twb-flow-connector { min-height: 26px; } .twb-doc[data-page="triworldbench"] .twb-flow-connector svg { display: none; } .twb-doc[data-page="triworldbench"] .twb-flow-connector > span { display: grid; min-height: 26px; place-items: center; color: #596167; font-size: 20px; } .twb-doc[data-page="triworldbench"] .twb-outcome-arrow { min-height: 22px; font-size: 22px; transform: rotate(90deg); } } /* V2 research copy: explanation text aligns with the document edge. */ .twb-doc[data-page="triworldbench"] .twb-research-section > p, .twb-doc[data-page="triworldbench"] .twb-metric-intro, .twb-doc[data-page="triworldbench"] .twb-content-figure figcaption, .twb-doc[data-page="triworldbench"] .twb-protocol-figure figcaption { width: 100%; margin-inline: 0; text-align: left; } .twb-doc[data-page="triworldbench"] .twb-evaluation-metrics { display: grid; width: 100%; margin-top: 26px; gap: 24px; text-align: left; } .twb-doc[data-page="triworldbench"] .twb-evaluation-group { margin: 0; padding: 2px 0 0 18px; border-left: 3px solid #aab1b8; background: transparent; } .twb-doc[data-page="triworldbench"] .twb-evaluation-group > h3, .twb-doc[data-page="triworldbench"] .twb-evaluation-item > h4 { margin: 0; color: #15181b; font-weight: 760; text-align: left; } .twb-doc[data-page="triworldbench"] .twb-evaluation-group > h3 { font-size: 19px; line-height: 1.35; } .twb-doc[data-page="triworldbench"] .twb-evaluation-group > p { margin: 6px 0 0; color: #444b51; font-size: 15px; line-height: 1.6; text-align: left; } .twb-doc[data-page="triworldbench"] .twb-evaluation-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 34px; margin-top: 16px; } .twb-doc[data-page="triworldbench"] .twb-evaluation-item { min-width: 0; padding-top: 12px; border-top: 1px solid #dde1e4; background: transparent; } .twb-doc[data-page="triworldbench"] .twb-evaluation-item > h4 { font-size: 15px; line-height: 1.4; } .twb-doc[data-page="triworldbench"] .twb-evaluation-item > p { margin: 5px 0 0; color: #3d4348; font-size: 14px; line-height: 1.58; text-align: left; } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] .twb-evaluation-group { padding-left: 14px; } .twb-doc[data-page="triworldbench"] .twb-evaluation-items { grid-template-columns: 1fr; gap: 13px; } } /* Current leaderboard metric hierarchy and navigation. */ .twb-doc[data-page="triworldbench"] .twb-evaluation-group.submetric-border-left { border-left-color: var(--submetric-border-left) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-leaderboard-card { padding: 18px; overflow: visible; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-leaderboard-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 14px 0 10px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-menu { position: relative; z-index: 30; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-menu > summary, .twb-doc[data-page="triworldbench"] #leaderboard .twb-model-locator button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 8px 13px; border: 1px solid #18222c; border-radius: 6px; background: #18222c; color: #fff; cursor: pointer; font-size: 13px; font-weight: 750; line-height: 1.2; list-style: none; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-menu > summary::-webkit-details-marker { display: none; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-menu > summary::after { margin-left: 8px; content: "+"; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-menu[open] > summary::after { content: "-"; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-options { position: absolute; top: calc(100% + 6px); left: 0; display: grid; min-width: 170px; max-height: 260px; overflow-y: auto; padding: 5px; border: 1px solid #c9d0d5; border-radius: 6px; background: #fff; box-shadow: 0 10px 24px rgba(18, 26, 34, .16); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-options button { border: 0; border-radius: 4px; background: transparent; color: #1b252d; cursor: pointer; padding: 8px 10px; text-align: left; font-size: 13px; font-weight: 650; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-range-options button:hover { background: #edf0f2; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-model-locator { display: flex; flex: 1 1 360px; align-items: center; gap: 8px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-model-locator label { color: #28323a; font-size: 13px; font-weight: 750; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-model-locator input { min-width: 0; flex: 1 1 180px; min-height: 38px; padding: 8px 10px; border: 1px solid #b8c0c6; border-radius: 5px; background: #fff; color: #15191d; font: inherit; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-locator-message { margin: 0 0 10px; color: #465058; font-size: 13px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-table-wrap { max-height: min(calc(72vh + 224px), 984px); overflow: auto; overscroll-behavior: contain; border: 1px solid #d7dde1; border-radius: 6px; background: #fff; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table { --twb-score-col-width: 112px; --twb-model-col-width: 260px; --twb-rank-col-width: 68px; width: max-content; min-width: max-content; table-layout: fixed; border-collapse: separate; border-spacing: 0; color: #1a2025; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table th, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table td { min-width: 104px; padding: 10px 12px; border-right: 1px solid #e1e5e8; border-bottom: 1px solid #e1e5e8; background: #fff; color: #20262b; font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-col-score, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-col-category, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-col-submetric, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-metric-header { width: var(--twb-score-col-width); min-width: var(--twb-score-col-width) !important; max-width: var(--twb-score-col-width); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead th { position: sticky; top: 0; z-index: 12; background: #f1f3f5; color: #303840; font-size: 11px; font-weight: 800; text-align: center; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-col-score, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-col-category, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-col-submetric, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-metric-header { padding: 12px 10px; line-height: 1.18; white-space: normal; vertical-align: bottom; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-metric-header-text, .twb-doc[data-page="triworldbench"] #leaderboard .twb-metric-header-line { display: block; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-metric-header-text { min-height: 2.4em; text-wrap: balance; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-metric-header-line { white-space: normal; overflow-wrap: anywhere; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-metric-header { border-bottom: 3px solid var(--metric-accent) !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-metric-header.is-overall { --metric-accent: #a16207 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-metric-header.is-category { color: #172027; font-weight: 800; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody .twb-category-score { font-weight: 800; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody .twb-overall-score .twb-score-value { color: #6b4500; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead > tr > .twb-metric-header { background: #f1f3f5 !important; background-image: linear-gradient(#f1f3f5, #f1f3f5) !important; opacity: 1; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-score-cell { display: flex; min-height: 30px; align-items: center; justify-content: flex-end; gap: 5px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-score-value { display: block; color: #1c242a; font-size: 14px; font-weight: 750; line-height: 1.15; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank { display: inline-flex; align-items: center; justify-content: flex-start; gap: 3px; margin: 0; color: #69737b; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 10px; font-weight: 700; line-height: 1; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal { width: 12px; height: 12px; flex: 0 0 auto; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal.medal-1 { color: #b8860b; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal.medal-2 { color: #7b8790; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal.medal-3 { color: #9a5b35; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank.rank-1 { color: #8a6200; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank.rank-2 { color: #5d6973; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank.rank-3 { color: #875335; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-model-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col { position: sticky !important; left: 0 !important; z-index: 10; width: var(--twb-model-col-width); min-width: var(--twb-model-col-width) !important; max-width: var(--twb-model-col-width); padding: 10px 14px; background: #fff !important; color: #1a2025; text-align: left; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank { position: sticky !important; left: var(--twb-model-col-width) !important; z-index: 10; width: var(--twb-rank-col-width); min-width: var(--twb-rank-col-width) !important; max-width: var(--twb-rank-col-width); background: #fff !important; color: #1a2025; text-align: center; box-shadow: 8px 0 14px -15px rgba(20, 28, 34, .9); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table thead .twb-sticky-rank { z-index: 20; background: #f1f3f5 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col b, .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col b { color: #161b20; font-size: 14px; font-weight: 700; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-sticky-col small { margin-top: 2px; color: #5e6870; font-size: 11px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-rank-badge { display: inline-grid; min-width: 28px; min-height: 28px; place-items: center; padding: 0 5px; border: 1px solid #c8d0d6; border-radius: 5px; background: #fff; color: #42505a; font-size: 12px; font-weight: 750; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-subchart-row td { padding: 7px 14px; border-top: 2px solid #b9c2c9; background: #e9edf0 !important; color: #36414a; font-size: 12px; font-weight: 800; letter-spacing: 0; text-align: left; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-subchart-row .twb-range-rank-cell { padding: 0 !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-subchart-row .twb-range-metric-cell { width: auto !important; min-width: 0 !important; max-width: none !important; background: #fff !important; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr[data-highlighted="true"] > td { background: color-mix(in srgb, var(--model-highlight) 16%, #fff) !important; box-shadow: inset 0 2px 0 var(--model-highlight), inset 0 -2px 0 var(--model-highlight); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr[data-highlighted="true"] > .twb-sticky-col, .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody tr[data-highlighted="true"] > .twb-sticky-rank { background: color-mix(in srgb, var(--model-highlight) 16%, #fff) !important; } /* Six-axis visualization uses the same model color assignments as leaderboard highlights. */ .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: minmax(0, 1fr) minmax(285px, 315px); gap: 32px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 680px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar svg { width: min(820px, 100%); } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-label { font-size: 9px !important; font-weight: 750; } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-label.is-start { text-anchor: start !important; } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-label.is-middle { text-anchor: middle !important; } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-label.is-end { text-anchor: end !important; } .twb-doc[data-page="triworldbench"] .visualization .twb-radar-scale { font-size: 7.5px !important; font-weight: 650; text-anchor: middle; dominant-baseline: middle; opacity: .68; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-models { background: #f1f3f5; border-color: #d5dadd; border-radius: 6px; } .twb-doc[data-page="triworldbench"] .twb-model-search { display: grid; gap: 5px; margin: 0 0 10px; color: #3b454d; font-size: 12px; font-weight: 700; } .twb-doc[data-page="triworldbench"] .twb-model-search input { width: 100%; min-height: 34px; padding: 7px 9px; border: 1px solid #c3cbd0; border-radius: 5px; background: #fff; color: #161b20; font: inherit; } .twb-doc[data-page="triworldbench"] .twb-model-chips { max-height: 420px; } .twb-doc[data-page="triworldbench"] .twb-model-chip { min-height: 38px; align-items: flex-start; border-radius: 5px; color: #303840; } .twb-doc[data-page="triworldbench"] .twb-model-chip > span { min-width: 0; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; } .twb-doc[data-page="triworldbench"] .twb-bar-list { max-height: 620px; overflow-y: auto; padding-right: 6px; } .twb-doc[data-page="triworldbench"] .twb-no-models { margin: 12px 0 0; color: #525d66; font-size: 13px; } @media (max-width: 1120px) { .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: minmax(0, 1fr); } } /* Clickable visualization ranks locate the matching row in the main leaderboard. */ .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row { width: 100%; appearance: none; cursor: pointer; font: inherit; text-align: left; position: relative; isolation: isolate; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 40px; padding: 8px 12px; overflow: hidden; border: 1px solid #d6dade; border-radius: 5px; background: #f7f8f9; color: #24282c; } .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row::before { content: ""; position: absolute; z-index: -1; inset: 0 auto 0 0; width: var(--v); background: color-mix(in srgb, var(--c) 26%, #f1f3f5); } .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row.is-hl::before { background: color-mix(in srgb, var(--c) 72%, #fff); } .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row.is-dim { opacity: .35; } .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row.is-hl { outline: 2px solid #333; outline-offset: -2px; } .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row:hover { border-color: #7a858d; } .twb-doc[data-page="triworldbench"] .twb-bar-list .twb-bar-row:focus-visible { outline: 2px solid #1e5db8; outline-offset: 2px; } .twb-doc[data-page="triworldbench"] .twb-bar-row > b { min-width: 0; overflow: hidden; color: #20262b; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .twb-doc[data-page="triworldbench"] .twb-bar-row > i { color: #20262b; font-size: 12px; font-style: normal; font-weight: 850; } .twb-doc[data-page="triworldbench"] .twb-ranking-medal { width: 20px; height: 20px; color: var(--medal-color); filter: drop-shadow(0 1px 0 rgba(255,255,255,.8)); } .twb-doc[data-page="triworldbench"] .twb-ranking-number { display: grid; width: 20px; min-height: 20px; place-items: center; color: #59636b; font-size: 11px; font-style: normal; font-weight: 800; font-site-numeric: tabular-nums; } @media (max-width: 960px) { .twb-doc[data-page="triworldbench"] .twb-vis-top { grid-template-columns: 1fr; } } @media (max-width: 720px) { .twb-doc[data-page="triworldbench"] #leaderboard .twb-model-locator { flex-basis: 100%; flex-wrap: wrap; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-model-locator input { min-width: 160px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-table-wrap { max-height: min(calc(68vh + 192px), 860px); } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-col { width: 184px; min-width: 184px !important; max-width: 184px; padding-inline: 10px; } .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table .twb-sticky-rank { left: 184px !important; width: 58px; min-width: 58px !important; max-width: 58px; } .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-radar { min-height: 390px; } } /* Safe Markdown from database-managed page content. */ html[data-twb-lang="zh"] .twb-doc[data-page="triworldbench"] .twb-markdown.i18n-zh { display: block !important; } .twb-doc[data-page="triworldbench"] .twb-markdown { color: #353b40; font-size: 16px; line-height: 1.68; } .twb-doc[data-page="triworldbench"] .twb-markdown > :first-child { margin-top: 0; } .twb-doc[data-page="triworldbench"] .twb-markdown > :last-child { margin-bottom: 0; } .twb-doc[data-page="triworldbench"] .twb-markdown p { margin: 0 0 14px; } .twb-doc[data-page="triworldbench"] .twb-markdown h3, .twb-doc[data-page="triworldbench"] .twb-markdown h4, .twb-doc[data-page="triworldbench"] .twb-markdown h5 { margin: 20px 0 8px; color: #171b1f; font-weight: 760; line-height: 1.35; } .twb-doc[data-page="triworldbench"] .twb-markdown h3 { font-size: 20px; } .twb-doc[data-page="triworldbench"] .twb-markdown h4 { font-size: 17px; } .twb-doc[data-page="triworldbench"] .twb-markdown h5 { font-size: 15px; } .twb-doc[data-page="triworldbench"] .twb-markdown ul, .twb-doc[data-page="triworldbench"] .twb-markdown ol { display: grid; gap: 7px; margin: 0 0 14px; padding-left: 22px; } .twb-doc[data-page="triworldbench"] .twb-markdown code { padding: 1px 5px; border: 1px solid #d9dfe3; border-radius: 3px; background: #f2f4f5; color: #20262b; font-family: "Cascadia Mono", Consolas, monospace; font-size: .88em; } .twb-doc[data-page="triworldbench"] .twb-markdown-code { overflow-x: auto; margin: 14px 0; padding: 13px 15px; border: 1px solid #d7dde1; border-radius: 5px; background: #f4f6f7; } .twb-doc[data-page="triworldbench"] .twb-markdown-code code { display: block; padding: 0; border: 0; background: transparent; white-space: pre; } .twb-doc[data-page="triworldbench"] .twb-markdown a { color: #123d68; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .twb-doc[data-page="triworldbench"] .twb-research-section > .twb-markdown, .twb-doc[data-page="triworldbench"] .twb-metric-intro > .twb-markdown { width: 100%; } .twb-doc[data-page="triworldbench"] .twb-evaluation-group > .twb-markdown { margin-top: 6px; color: #444b51; font-size: 15px; } .twb-doc[data-page="triworldbench"] .twb-evaluation-item > .twb-markdown { margin-top: 5px; color: #3d4348; font-size: 14px; line-height: 1.58; } .twb-doc[data-page="triworldbench"] .twb-policy-list { display: grid; gap: 0; max-width: 980px; } .twb-doc[data-page="triworldbench"] .twb-policy-item { padding: 0 0 22px; border-bottom: 1px solid #dce1e4; } .twb-doc[data-page="triworldbench"] .twb-policy-item + .twb-policy-item { padding-top: 22px; } .twb-doc[data-page="triworldbench"] .twb-policy-item:last-child { padding-bottom: 0; border-bottom: 0; } .twb-doc[data-page="triworldbench"] .twb-policy-item h3 { margin: 0 0 8px; color: #161b20; font-size: 18px; font-weight: 800; } .twb-doc[data-page="triworldbench"] .twb-policy-item > .twb-markdown { color: #353b40; } .twb-doc[data-page="triworldbench"] .twb-policy-item > .twb-markdown p { max-width: 920px; } /* Submission Guide v0.3 */ .twb-doc[data-page="triworldbench"].submission-guide .subtitle { max-width: 820px; margin-inline: auto; } .twb-doc[data-page="triworldbench"].submission-guide .site-nav nav a { font-weight: 700; } .twb-doc[data-page="triworldbench"] .submission-guide-section { scroll-margin-top: 92px; } .twb-doc[data-page="triworldbench"] .submission-guide-section > .twb-markdown { max-width: none; } .twb-doc[data-page="triworldbench"] .submission-guide-section .twb-markdown-code { margin: 18px 0; border: 1px solid #d5d9de; background: #f6f7f8; } .twb-doc[data-page="triworldbench"] .case-item video { -webkit-touch-callout: none; user-select: none; } @media (max-width: 1280px) { .twb-doc[data-page="triworldbench"] .submission-guide-section { scroll-margin-top: 126px; } }