:root { color-scheme: light; --ink:#202124; --muted:#5f6368; --line:#dedede; --link:#225db7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font:17px/1.65 Arial, Helvetica, sans-serif; }
main { max-width:1050px; padding:0 28px; margin:auto; }
a { color:var(--link); text-underline-offset:3px; }
a:hover { text-decoration-thickness:2px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(2.6rem,6vw,4.1rem); letter-spacing:-.045em; line-height:1.1; font-weight:700; margin-bottom:14px; }
h2 { font-size:1.8rem; line-height:1.25; letter-spacing:-.025em; margin-bottom:20px; }
h3 { font-size:1.08rem; line-height:1.35; margin-bottom:12px; }
p { margin-bottom:15px; }
.hero { text-align:center; padding:76px 0 58px; }
.subtitle { font-size:clamp(1.16rem,2.2vw,1.58rem); line-height:1.4; color:#45484d; margin:0 auto 31px; }
.authors { font-size:1.03rem; line-height:1.9; max-width:950px; margin:0 auto 12px; }
sup { font-size:.65em; line-height:0; position:relative; top:-.25em; }
.affiliations { color:var(--muted); font-size:.88rem; line-height:1.7; margin:0 auto 29px; }
.links { display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; }
.links a { display:inline-block; color:white; background:#303236; border-radius:30px; padding:8px 23px; text-decoration:none; font-size:.93rem; line-height:1.4; }
.links a:hover { background:#17191b; }
section { padding:52px 0 58px; border-top:1px solid var(--line); }
section > p { max-width:920px; }
.summary { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); margin-top:31px; }
.summary span { text-align:center; padding:16px 9px; font-size:.89rem; color:var(--muted); }
.summary span + span { border-left:1px solid var(--line); }
.summary strong { display:block; font-size:1.55rem; color:var(--ink); line-height:1.3; font-weight:600; }
.task-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:45px; margin-top:28px; }
.task-list > div { display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:8px; border-top:1px solid var(--line); padding:13px 0 16px; }
.task-list b { grid-row:span 2; font-size:.91rem; color:var(--link); }
.task-list strong { font-size:.99rem; font-weight:600; line-height:1.35; }
.task-list span { font-size:.89rem; color:var(--muted); line-height:1.5; margin-top:2px; }
.example-list { border-top:1px solid var(--line); }
.example-item { border-bottom:1px solid var(--line); }
.example-item summary { display:flex; align-items:center; gap:15px; padding:17px 1px; cursor:pointer; list-style:none; font-weight:600; }
.example-item summary::-webkit-details-marker { display:none; }
.example-item summary::after { content:"+"; margin-left:auto; color:var(--muted); font-size:1.3rem; font-weight:400; line-height:1; }
.example-item[open] summary::after { content:"−"; }
.example-item summary:hover,.example-item[open] summary { color:var(--link); }
.example-item summary:focus-visible { outline:2px solid var(--link); outline-offset:3px; }
.example-scene { color:var(--muted); font-size:.88rem; font-weight:400; }
.example-content { min-width:0; display:grid; grid-template-columns:260px minmax(0,1fr); gap:30px; padding:8px 0 30px; align-items:start; }
.example-content video { display:block; width:100%; aspect-ratio:9/16; object-fit:contain; background:#111; border:1px solid #ddd; border-radius:5px; }
.example-copy { padding-top:2px; max-width:600px; }
.example-copy p { font-size:.95rem; line-height:1.6; }
.example-copy .annotation { border-left:3px solid #b8cadc; padding-left:12px; margin-top:18px; color:#3f454a; }
.example-content ol { padding-left:22px; font-size:.94rem; line-height:1.7; }
.example-content li { padding-bottom:5px; }
.caption { color:var(--muted); font-size:.84rem; line-height:1.5; margin-top:19px; }
.results-block { margin-top:39px; }
.results-block + .results-block { border-top:1px solid var(--line); padding-top:34px; }
.results-block h3 { font-size:1.27rem; margin-bottom:8px; }
.results-block > p:not(.caption) { font-size:.92rem; color:var(--muted); margin-bottom:14px; }
.table-wrap { overflow-x:auto; overscroll-behavior-x:contain; border:1px solid var(--line); border-radius:4px; }
.table-wrap:focus-visible { outline:2px solid var(--link); outline-offset:2px; }
.leaderboard { width:100%; min-width:890px; border-collapse:separate; border-spacing:0; font-size:.83rem; line-height:1.35; font-variant-numeric:tabular-nums; }
.leaderboard th,.leaderboard td { padding:9px 10px; border-bottom:1px solid #ececec; white-space:nowrap; }
.leaderboard thead th { background:#f7f8f9; font-weight:600; border-bottom:1px solid #c9cdd1; }
.leaderboard th:first-child,.leaderboard td:first-child { min-width:155px; text-align:left; }
.leaderboard th:nth-child(2),.leaderboard td:nth-child(2),.leaderboard th:nth-child(3),.leaderboard td:nth-child(3) { text-align:center; }
.leaderboard th:nth-child(n+4),.leaderboard td:nth-child(n+4) { text-align:right; }
.leaderboard tbody td:first-child { font-weight:500; }
.leaderboard .model-group th { padding:10px; background:#eef2f6; color:#2d4359; font-weight:600; text-align:left; border-bottom:1px solid #d8e1ea; }
.leaderboard tbody tr:not(.model-group):hover td { background:#fafbfc; }
.leaderboard tbody tr:last-child td { border-bottom:0; }
.results-block .caption { margin:10px 0 0; }
footer { border-top:1px solid var(--line); text-align:center; color:var(--muted); padding:25px 0 44px; font-size:.86rem; }
footer p { margin:0; }
@media (max-width:700px) { main{padding:0 20px} body{font-size:16px} .hero{padding:53px 0 45px} .desktop-break,.wide-break{display:none} .authors{font-size:.93rem;line-height:1.65} .affiliations{font-size:.78rem} section{padding:40px 0 45px} .summary{grid-template-columns:repeat(2,1fr)} .summary span:nth-child(3){border-left:0;border-top:1px solid var(--line)} .summary span:nth-child(4){border-top:1px solid var(--line)} .task-list{grid-template-columns:1fr} .example-item summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:1px 8px} .example-item summary > span:first-child{grid-column:1} .example-scene{grid-column:1;grid-row:2} .example-item summary::after{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end} .example-content{grid-template-columns:1fr;gap:15px} .example-content video{max-width:320px;margin:auto} .example-copy{padding-top:0} }