/* Article layout extends the shared research-post typography and site shell. */
.robot-article{width:min(1100px,calc(100% - 48px));padding-top:64px}
.robot-intro{max-width:680px;margin:64px auto 0;text-align:left}
.robot-article .post-body{max-width:none;margin:0}
.robot-article h1{font-size:clamp(36px,5vw,60px);line-height:1.1}
.robot-intro .lead{font-size:18px;line-height:1.7;color:var(--ink)}
.robot-intro a{font-size:14px;text-underline-offset:4px}
.robot-article section{margin-top:56px;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:96px}
.robot-article .eyebrow{font:11px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--trace)}
.robot-article h2{margin:14px 0 24px;font-size:32px;line-height:1.2}
.robot-article h3{margin:0 0 12px;font-size:21px;line-height:1.35}
.robot-article section>p{max-width:780px;font-size:18px;line-height:1.65}
.robot-article .two{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}
.robot-article .two p{font-size:17px;line-height:1.65}
.robot-article .callout{padding:24px;background:var(--ground-raised);border-left:3px solid var(--trace);margin:28px 0}
.robot-article .callout p{margin:12px 0 0;font-size:17px;line-height:1.6}
.robot-article .film{margin:36px 0 0}
.robot-article .film>p{max-width:780px;font-size:18px;line-height:1.65}
.robot-article .film iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:var(--ground-raised)}
.robot-article .leaderboard{padding:28px;border:1px solid var(--line);background:var(--ground-raised);margin-top:28px}
.robot-article .axis{display:flex;justify-content:space-between;margin:28px 110px 0 240px;font:11px var(--mono);color:var(--ink-muted)}
.robot-article #aggregate-chart{list-style:none;padding:0;margin:6px 0}
.robot-article #aggregate-chart li{display:grid;grid-template-columns:220px 1fr 90px;gap:20px;align-items:center;padding:22px 0;margin:0;border-bottom:1px solid var(--line)}
.robot-article #aggregate-chart li:last-child{border:0}
.robot-article .model-name strong{font-size:17px}.robot-article .model-name small{display:block;font-size:12px;color:var(--ink-muted);margin-top:4px}
.robot-article .chart-track{height:28px;background:repeating-linear-gradient(90deg,var(--line) 0,var(--line) 1px,transparent 1px,transparent 25%)}
.robot-article .chart-track span{display:block;height:100%;background:var(--trace)}
.robot-article .chart-score{text-align:right;font:22px var(--mono)}
.robot-article #partner{max-width:780px;margin-inline:auto}.robot-article #partner p{font-size:18px;line-height:1.65}
@media(max-width:700px){
 .robot-article{width:calc(100% - 40px);padding-top:32px}
 .robot-article .two{grid-template-columns:1fr;gap:16px}
 .robot-article .film iframe{aspect-ratio:auto;height:600px}
 .robot-article #aggregate-chart li{grid-template-columns:1fr 76px;gap:8px}.robot-article .model-name{grid-column:1/-1}
 .robot-article .axis{margin:24px 84px 0 0}.robot-article .leaderboard{padding:18px}.robot-article .chart-score{font-size:18px}
 .robot-article h2{font-size:28px}.robot-article section{margin-top:40px;padding-top:32px}
}

/* Lead with the recorded simulation beside the opening, like the photo essays. */
.robot-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:72px;align-items:center;margin-bottom:0;padding-bottom:64px;border-bottom:1px solid var(--line)}
.robot-hero-copy .lead{font-size:21px;line-height:1.55;color:var(--ink-muted);max-width:460px}
.robot-hero h1{font-family:var(--text);font-size:clamp(36px,4.4vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:24px 0}
.robot-hero-animation{margin:0;min-width:0}
.robot-hero-animation iframe{display:block;width:100%;height:480px;border:1px solid var(--line);background:var(--ground-raised)}
@media(max-width:800px){
 .robot-hero{display:flex;flex-direction:column;gap:0;align-items:stretch;margin-bottom:28px}
 .robot-hero-copy{display:contents}
 .robot-hero .meta{order:0}.robot-hero h1{order:1}
 .robot-hero-animation{order:2;margin:0 0 24px}
 .robot-hero-copy .lead{order:3}
 .robot-hero-animation iframe{height:520px}
}

/* Keep the opening centered and the experiment sections at full article width. */
@media(max-width:950px){.robot-hero{gap:32px}}
@media(max-width:800px){
 .robot-hero{gap:0;padding-bottom:32px;margin-bottom:0}
 .robot-intro{margin-top:32px}
 .robot-hero h1{margin:18px 0 24px}
 .robot-hero-copy .lead{font-size:19px;margin-bottom:0}
}
@media(max-width:700px){
 .robot-article .leaderboard,.robot-article .film iframe{width:100%;left:auto;transform:none}
}

.robot-lab-photos{margin:48px 0 0}
.robot-lab-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.robot-lab-photo-grid a{display:block;min-width:0}
.robot-lab-photo-grid img{display:block;width:100%;height:auto}
.robot-lab-photos figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:var(--ink-muted)}
@media(max-width:700px){.robot-lab-photos{margin-top:32px}.robot-lab-photo-grid{grid-template-columns:1fr;gap:16px}}