/* A single reading hierarchy: statement, visual, evidence, optional detail. */
.section { padding:76px 0; }
.section-heading { margin-bottom:34px; max-width:850px; }
.section-heading h2 { font-size:36px; font-weight:620; letter-spacing:-1.15px; line-height:1.18; }
.section-heading>p { font-size:15px; line-height:1.75; max-width:720px; }
.eyebrow.dark { font-size:10px; letter-spacing:1.8px; }
.flow-section { padding-top:34px; padding-bottom:68px; }
.flow-heading { margin-bottom:22px; }
.question-band { gap:38px; padding:24px 0; margin-top:30px; }
.question-band p { font-size:25px; line-height:1.45; max-width:800px; }
.question-band>span { flex:0 0 102px; }

/* The figure owns the explanation; supporting prose does not need another box. */
.soft-section { background:#f7f7f5; }
.wide-figure { padding:0; border:0; background:transparent; }
.principle-comparison { gap:42px; margin-top:28px; }
.principle-panel,.principle-panel.principle-reference { padding:22px 0 0; border:0; border-top:1px solid #d8dbd4; background:transparent; }
.principle-label { font-size:9px; letter-spacing:1.2px; }
.principle-panel h3 { margin-top:8px; font-size:19px; }
.principle-panel ul { gap:9px; margin-top:14px; }
.principle-panel li { padding-left:0; font-size:13px; line-height:1.7; }
.principle-panel li::before { display:none; }
#interface .abstract { max-width:none; margin-top:30px; }
.abstract summary { font-size:12px; }
.architecture-figure { max-width:none; }

/* Clean benchmark tabs with one subtle accent for GroundAct. */
.results-card { padding:0; border:0; background:transparent; }
.results-header { gap:24px; align-items:center; padding-bottom:22px; border-bottom:1px solid #d8dbd4; }
.results-header h3 { font-size:23px; font-weight:600; letter-spacing:-.6px; }
.result-tabs { padding:4px; gap:3px; background:#f2f3f0; border-radius:8px; }
.result-tabs button { padding:10px 14px; font-size:12px; border-radius:5px; }
.result-tabs button[aria-selected=true] { background:#fff; box-shadow:0 1px 4px #15161912; font-weight:600; }
.table-context { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 0 18px; }
#table-description { font-size:12px; line-height:1.5; margin:0; }
.table-scroll { border-top:1px solid #d8dbd4; border-bottom:1px solid #d8dbd4; scrollbar-width:thin; scrollbar-color:#c4c9bf transparent; }
.table-scroll-hint { font-size:10px; color:#7a8370; text-align:right; margin:-4px 0 10px; }
.table-scroll-hint[hidden] { display:none; }
.table-scroll-hint span { margin-left:5px; }
#performance-table { width:100%; font-size:13px; border-collapse:collapse; }
#performance-table th { background:#f7f8f5; color:#525950; font-size:11px; font-weight:550; min-width:72px; padding:13px 9px; text-align:center; line-height:1.5; }
#performance-table th:first-child { text-align:left; min-width:186px; }
#performance-table td { padding:11px 9px; border-bottom:1px solid #eceee8; text-align:center; }
#performance-table td:first-child { text-align:left; font-weight:450; }
#performance-table td:nth-child(2),#performance-table th:nth-child(2) { font-size:11px; min-width:48px; color:#6a7067; }
#performance-table td:nth-child(3),#performance-table th:nth-child(3) { font-size:10px; min-width:38px; color:#777e71; }
#performance-table thead .metric-horizons th { font-size:10px; padding:7px 8px; color:#7a8272; min-width:72px; text-align:center; font-weight:450; border-top:1px solid #e7eae2; }
#performance-table thead .metric-horizons th:first-child { min-width:72px; }
#performance-table tr:last-child td { border-bottom:0; }
#performance-table tr.ours td { background:#f7f9f2; border-top:1px solid #c6d5b2; color:var(--ink); font-weight:450; }
#performance-table tr.ours td:first-child { font-weight:700; border-left:3px solid var(--green); }
.metric-value { display:inline-block; min-width:52px; padding:4px 5px; border-radius:4px; font-variant-numeric:tabular-nums; line-height:1.25; }
.metric-value.is-best { font-weight:750; }
.evaluation-details { border-bottom:1px solid #e2e5dd; margin-top:5px; }
.evaluation-details summary { display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:15px 0; color:#697063; font-size:12px; list-style:none; }
.evaluation-details summary::-webkit-details-marker { display:none; }
.evaluation-details summary span { font-size:18px; font-weight:400; }
.evaluation-details[open] summary span { transform:rotate(45deg); }
.evaluation-details p { padding:0; margin:0 0 12px; font-size:12px; line-height:1.75; background:none; border:0; color:#697063; max-width:960px; }
.evaluation-details p:last-child { margin-bottom:19px; }

/* Supporting measurements share one strip, not a stack of competing cards. */
.supporting-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 20px; margin-top:44px; }
.supporting-heading h3 { font-size:19px; font-weight:550; letter-spacing:-.4px; }
.supporting-heading p { color:#777d72; font-size:12px; }
.evidence-grid { gap:0; margin:23px 0 0; padding:25px 0 22px; border-top:1px solid #dde1d7; border-bottom:1px solid #dde1d7; }
.evidence-card { border:0; border-left:1px solid #e2e5dd; padding:0 27px; background:transparent; }
.evidence-card:first-child { border-left:0; padding-left:0; }
.evidence-card:last-child { padding-right:0; }
.evidence-kicker { font-size:9px; letter-spacing:.6px; margin-bottom:12px; color:#8a9082; }
.evidence-card h3 { font-size:16px; font-weight:550; line-height:1.4; }
.evidence-value { margin:13px 0 12px; font-size:40px; font-weight:600; }
.evidence-value>span { font-size:11px; margin-top:7px; }
.metric-baseline { font-size:12px; line-height:1.5; color:#72796a; }
.metric-baseline strong { font-weight:550; color:#4b5442; }
.evidence-card p { font-size:11px; line-height:1.65; margin-top:14px; }
.evidence-pair { margin-top:13px; gap:14px; }
.evidence-pair strong { font-size:36px; }
.evidence-pair em { font-size:20px; }
.evidence-pair span { font-size:10px; }
.evidence-pair i { margin-top:17px; height:4px; }
.results-footnote { font-size:11px; margin-top:12px; color:#8b9282; }

@media(max-width:1000px){
  .results-header { align-items:flex-start; }
  .result-tabs button { padding:9px 10px; font-size:11px; }
  .evidence-card { padding:0 17px; }
  .evidence-card h3 { font-size:15px; }
  .evidence-value { font-size:35px; }
  .evidence-pair { gap:9px; }
  .evidence-pair strong { font-size:30px; }
  .evidence-pair em { font-size:16px; }
  .evidence-pair span { font-size:9px; white-space:normal; }
  #performance-table { font-size:12px; }
}
@media(max-width:680px){
  .section { padding:49px 0; }
  .section-heading { margin-bottom:26px; }
  .section-heading h2 { font-size:28px; letter-spacing:-.8px; }
  .section-heading>p { font-size:13px; }
  .flow-section { padding-top:24px; padding-bottom:46px; }
  .principle-comparison { gap:24px; margin-top:20px; }
  .principle-panel,.principle-panel.principle-reference { padding-top:18px; }
  .principle-panel li { font-size:12px; }
  .question-band p { font-size:22px; }
  .question-band>span { max-width:none; }
  .results-header { display:block; padding-bottom:18px; }
  .results-header h3 { font-size:21px; }
  .result-tabs { margin-top:18px; }
  .result-tabs button { font-size:11px; padding:10px 7px; }
  .table-context { padding:15px 0; gap:7px; align-items:flex-start; flex-direction:column; }
  #table-description { font-size:10px; }
  #performance-table th,#performance-table td { padding:10px 7px; }
  #performance-table th:first-child { min-width:161px; }
  #performance-table td:first-child,#performance-table th:first-child { position:sticky; left:0; z-index:1; background:#fff; box-shadow:1px 0 #e2e5dd; }
  #performance-table th:first-child { background:#f7f8f5; }
  #performance-table thead .metric-horizons th:first-child { position:static; box-shadow:none; }
  #performance-table tr.ours td:first-child { background:#f7f9f2; }
  .supporting-heading { margin-top:34px; gap:7px; }
  .supporting-heading h3 { font-size:18px; }
  .evidence-grid { grid-template-columns:1fr; margin-top:18px; padding:0; }
  .evidence-card,.evidence-card:first-child,.evidence-card:last-child { padding:23px 0; border-left:0; border-top:1px solid #e2e5dd; }
  .evidence-card:first-child { border-top:0; }
  .evidence-card h3 { font-size:17px; }
  .evidence-value { font-size:39px; }
  .evidence-pair { max-width:300px; }
  .evidence-pair strong { font-size:37px; }
  .evidence-pair span { font-size:11px; }
}

/* Compact supporting labels stay subordinate to the numeric table. */
.metric-directions { color:#92969c; font-size:10px; white-space:nowrap; }
.table-key { margin:13px 0 0; font-size:10px; line-height:1.7; color:#828890; }
#performance-table { font-variant-numeric:tabular-nums; }
#performance-table tr.ours td { border-top-color:#d5ddc8; }
#performance-table th { background:#f6f7f8; color:#5e636b; }
#performance-table th:first-child { background:#f6f7f8; }
#performance-table thead .metric-horizons th { background:#fafafb; color:#8a9098; }
@media(max-width:680px){
  .metric-directions { font-size:9px; }
  .table-key { font-size:9px; max-width:300px; }
}

/* Paper buttons remain visible without a release URL. */
.button:disabled { color:#858b91; background:#eef0f2; border-color:#e1e4e7; cursor:default; transform:none; }
.nav-paper:disabled { color:#959ba1; background:none; border:0; border-left:1px solid var(--line); padding:0 0 0 26px; cursor:default; }
@media(max-width:680px){ .nav-paper:disabled { padding-left:13px; } }