/* A compact, video-first project page; the detailed study shares the assets. */
.summary-page .hero{padding:24px 0 18px}
.summary-page .hero h1{font-size:var(--text-display)}
.summary-page .paper-title{font-size:var(--text-subtitle);margin:10px auto 14px}
.summary-page .venue{margin-bottom:8px}
.summary-page .actions{margin:16px 0 0}
.summary-page .section{padding:var(--section-gap) 0;border-top:1px solid var(--line)}
.summary-page .section>h2{margin-bottom:14px}
.summary-page #overview{padding-top:8px;border-top:0}
.summary-page #overview>h2{margin-bottom:14px}
.summary-page #abstract>p{line-height:1.7}
.summary-page .research-figure{margin-top:16px}
.detail-link{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:8px;font-size:var(--text-ui)}
.detail-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:var(--weight-medium)}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch}
.demo-grid .clip{min-width:0}
.demo-grid .clip figcaption{flex:1;text-align:left;padding:9px 11px}
.demo-grid .clip-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--text-body-sm);line-height:1.45}
.demo-grid .speed{flex-shrink:0;margin:0;font-size:var(--text-micro)}
.demo-grid .media-shell{container-type:inline-size}
@container (max-width:280px){
  .demo-grid .player-controls{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:0 4px;padding:4px 6px}
  .demo-grid .player-seek{grid-column:1/-1;grid-row:1}
  .demo-grid .player-play,.demo-grid .player-time,.demo-grid .player-restart,.demo-grid .player-expand{grid-row:2}
  .demo-grid .player-time{font-size:var(--text-micro);text-align:center}
  .demo-grid .player-status{grid-row:3}
}
.summary-result{margin-top:20px}
.summary-result>h3{margin-bottom:8px}
.summary-result+.summary-result{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}
.summary-page .table-block{margin-top:14px}
.summary-page .citation{padding-bottom:28px}
@media(min-width:600px) and (max-width:899px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){
  .summary-page .hero{padding:20px 0 16px}
  .summary-page .hero h1{font-size:var(--text-display)}
  .summary-page .paper-title{font-size:var(--text-subtitle)}
  .summary-header .header-inner{gap:12px}
  .summary-page .section{padding:var(--section-gap) 0}
  .demo-grid{grid-template-columns:1fr;gap:14px}
  .demo-grid .clip-label{font-size:var(--text-table)}
}

.demo-grid .clip-description{color:var(--muted);font-size:var(--text-caption);line-height:1.45;margin-top:6px}

/* Related evidence reads as a separate destination, not a table footnote. */
.related-result{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px;padding:14px var(--evidence-inset);border-left:2px solid var(--line);background:var(--surface)}
.related-result h4{font-size:var(--text-table);font-weight:var(--weight-semibold);letter-spacing:0;line-height:1.4}
.related-result p{font-size:var(--text-meta);line-height:1.5;color:var(--muted);margin-top:3px;text-align:left;hyphens:none}
.related-result>a,.section-paper{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-meta);font-weight:var(--weight-medium);white-space:nowrap}
.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 20px;margin-bottom:10px}
.summary-page .section-heading h2{margin:0}
.summary-page #real-world>p,.summary-page .summary-result>p{text-align:left;hyphens:none}
@media(max-width:600px){
  .related-result{align-items:flex-start;flex-direction:column;gap:4px;padding-block:12px}
  .section-heading{align-items:baseline;column-gap:12px}
}