/* ============================================================================
   project.css — extra styling for project pages (loaded after style.css).
   ========================================================================== */

.back-arrow { font-size: 0.8em; margin-right: 4px; }

/* ---------------------------------------------------------- title block -- */
.paper-head {
  padding: 52px 0 24px;
  text-align: center;
}

.paper-tag {
  margin: 0 0 10px;
  font-family: var(--font-head);
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent);
}

.paper-title {
  font-size: 2.15rem;
  font-weight: 400;
  line-height: 1.22;
  margin-bottom: 18px;
  letter-spacing: -0.015em;
}

.paper-authors {
  margin: 0 0 4px;
  font-size: 1.08rem;
  display: flex;
  justify-content: center;
  column-gap: 34px;
  row-gap: 4px;
  flex-wrap: wrap;
}
.paper-authors a { color: #eb6864; }
.paper-authors a:hover { color: #e12b27; text-decoration: none; opacity: 1; }

.paper-affil {
  margin: 0 0 22px;
  font-size: 0.95rem;
  color: var(--text-muted);
}

.paper-links {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.btn-lg {
  padding: 7px 20px;
  font-size: 0.95rem;
  border-radius: 8px;
}
.btn-lg i { margin-right: 6px; }

/* --------------------------------------------------------------- figures -- */
section.tight { padding: 22px 0; }

.fig {
  margin: 0 0 8px;
}

.fig img {
  display: block;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;      /* the paper figures are drawn on white */
  padding: 10px;
}

.fig-narrow img {
  max-width: 640px;
  margin: 0 auto;
}

.fig figcaption {
  margin: 12px auto 0;
  max-width: 820px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--text-muted);
  text-align: center;
}
.fig figcaption strong { color: var(--text); }

/* two charts side by side under one shared note */
.fig-pair {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: start;
}
.fig-pair .fig figcaption { font-size: 0.88rem; margin-top: 8px; }

.fig-note {
  margin: 14px auto 0;
  max-width: 900px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--text-muted);
  text-align: center;
}
.fig-note strong { color: var(--text); }

/* the RoboCasa qualitative figure is portrait — keep it from dominating */
.fig-portrait img {
  max-width: 440px;
  margin: 0 auto;
}

/* landscape qualitative figures */
.fig-qual img {
  max-width: 680px;
  margin: 0 auto;
}

.fig figcaption code {
  font-family: "Roboto Mono", ui-monospace, Menlo, monospace;
  font-size: 0.86em;
  color: var(--text);
}

section#qualitative .fig { margin-bottom: 26px; }

/* ---------------------------------------------------------------- tables -- */
.sub-title {
  font-family: var(--font-head);
  font-size: 1.15rem;
  font-weight: 500;
  margin: 26px 0 6px;
}

.table-caption {
  margin: 0 0 12px;
  font-size: 0.9rem;
  color: var(--text-muted);
}

.table-wrap {
  overflow-x: auto;                /* wide tables scroll, the page never does */
  border: 1px solid var(--border);
  border-radius: 10px;
}

table.results {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  white-space: nowrap;
}

table.results th,
table.results td {
  padding: 9px 14px;
  text-align: right;
  border-bottom: 1px solid var(--border);
}
table.results th:first-child,
table.results td:first-child {
  text-align: left;
}

table.results thead th {
  font-family: var(--font-head);
  font-weight: 500;
  color: var(--text);
  background: var(--bg-alt);
  border-bottom: 2px solid var(--border);
}
table.results thead th.ours-h { color: var(--accent); }

table.results tbody tr:last-child td { border-bottom: none; }
table.results tr.ours { background: var(--accent-soft); }
table.results td.best { font-weight: 700; color: var(--text); }
table.results tr.ours td { color: var(--text); }

.note {
  margin: 10px 0 0;
  font-size: 0.88rem;
  color: var(--text-muted);
}

/* ---------------------------------------------------------------- bibtex -- */
.bibtex {
  margin: 0;
  padding: 16px 18px;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-alt);
  font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--text);
}

.ack { font-size: 0.9rem; color: var(--text-muted); }

/* ------------------------------------------------------------ responsive -- */
@media (max-width: 820px) {
  .paper-head { padding: 34px 0 16px; }
  .paper-title { font-size: 1.6rem; }
  .paper-authors { font-size: 1rem; }
  .fig-pair { grid-template-columns: 1fr; gap: 22px; }
  .fig img { padding: 6px; }
}