| @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}} |
|
|
| |
| 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))} |
|
|
| |
| .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} |
|
|
| |
| .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} |
|
|
| |
| .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; |
| } |
| } |
| |
| 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; |
| } |
| } |
|
|
| |
| .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; } |
|
|
| |
| .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); |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
| } |
| |
| |
|
|
| |
| .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; |
| } |
| |
|
|
| |
| .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; |
| } |
| } |
| |
|
|
|
|
| |
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .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; } |
| } |
| |
|
|
| |
| |
| |
| .twb-doc main { |
| width: min(1180px, calc(100% - 34px)); |
| margin: 28px auto 70px; |
| display: block; |
| } |
| .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; |
| } |
| |
| .twb-doc .twb-table-wrap { max-width: 100%; overflow-x: auto; } |
| .twb-doc .twb-dense-table { min-width: 1600px; } |
| |
| .twb-doc main > #leaderboard.twb-v02 { |
| background: #08131e; |
| border: 1px solid #3ae6ff; |
| color: #e8fbff; |
| } |
| |
| #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; } |
| |
| #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; } |
| |
| .twb-doc .section-head { grid-template-columns: auto minmax(0,1fr); align-items: baseline; } |
| |
|
|
| |
| |
| .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); |
| } |
|
|
| |
| .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; } |
|
|
| |
| .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; |
| } |
|
|
| |
| .twb-col-ref { background: color-mix(in srgb, #e11d48 9%, transparent); font-weight: 700; } |
| #leaderboard .twb-col-ref { background: rgba(244,63,94,.14); } |
|
|
| |
| .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; } |
|
|
| |
| .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; } } |
|
|
| |
| .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; } |
|
|
| |
| .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-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)); } |
| |
|
|
| |
| |
| #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); |
| } |
|
|
| |
| .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); } |
|
|
| |
| .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; } |
|
|
| |
| .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); } |
|
|
| |
| .ac-article { max-width: 80ch; } |
| .ac-article h3 { margin: 0 0 12px; color: #0f766e; } |
| .ac-article p { margin: 0 0 14px; } |
|
|
| |
| .other-info .coming { margin-top: 0; } |
| |
|
|
| |
| |
| .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; } |
|
|
| |
| .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; } |
|
|
| |
| .twb-metric-glossary[open] { background: #f4fbfa; } |
|
|
| |
| .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; } |
| |
|
|
| |
| |
| .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; } |
| } |
|
|
| |
| .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; } |
| |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| @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; |
| } |
| } |
|
|
| |
| .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%; |
| } |
| } |
|
|
| |
| .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); |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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); |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
| |
| 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); |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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); |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| .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; |
| } |
|
|
| |
| .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); |
| } |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
| |
| 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; |
| } |
|
|
| |
| .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; |
| } |
| } |
|
|
