/* NVIDIA Research adaptation of the CodeTriage page.
   Loaded after ../assets/nvidia-project.css and styles.css. Keeps the page's
   layout and interactive figures; maps its design tokens to the PAR project-page
   guideline (NVIDIA green accent, NVIDIA Sans, black hero, square corners). */

:root {
  --green: #76b900;
  --green-ink: #5e9400;
  --serif: "NVIDIA Sans", "NVIDIA", Arial, Helvetica, sans-serif;
  --plot: "NVIDIA Sans", "NVIDIA", Arial, Helvetica, sans-serif;
  --sans: "NVIDIA Sans", "NVIDIA", Arial, Helvetica, sans-serif;
}

/* The shared sheet sets 17px on body.nv; keep the base size the figures were tuned for. */
body.nv.paper-site { font: 15px/1.65 var(--sans); color: var(--ink); background: #fff; }

/* Line the paper column up with .nv-container (1080px minus 24px gutters). */
.paper-site .page-width { width: min(1032px, calc(100% - 96px)); }

/* Top bar: lab links, then in-page section links. */
.nv-topnav { align-items: center; }
.nv-topnav .nv-topnav-sep { width: 1px; height: 16px; background: #555; }
.nv-topnav a.nv-topnav-page { font-weight: 500; color: #cfcfcf; }
.nv-topnav a.nv-topnav-page:hover { color: var(--nv-green); }
/* Brand (152px) + eight links (679px) need ~900px; below that keep only the lab links. */
@media (max-width: 960px) { .nv-topnav .nv-topnav-page, .nv-topnav .nv-topnav-sep { display: none; } }

/* Hero */
.nv-hero h1 .nv-subtitle { display: block; margin-top: 10px; font-size: .64em; font-weight: 400; letter-spacing: 0; color: #d0d0d0; }
.nv-hero .nv-authors { color: #fff; }
.nv-hero .nv-authors sup, .nv-hero .nv-affil sup { font-size: 60%; color: #aaa; }
.nv-buttons svg, .nv-buttons img { height: 15px; width: auto; display: block; }
.nv-buttons .icon-mark { fill: currentColor; }
/* arXiv mark in the button's text color rather than its red/grey brand colors, so it sits on the green button. */
.nv-buttons .icon-arxiv path { fill: currentColor; }
.nv-buttons .pending svg, .nv-buttons .pending img { opacity: .7; }
.nv-buttons .pending { border-style: dashed; color: #bbb !important; cursor: default; }
.nv-buttons .nv-btn.pending:hover { border-color: #666; color: #bbb !important; }
.nv-buttons .pending small { margin-left: 2px; font-size: 11px; font-weight: 400; color: #999; }

/* The title block now lives in the hero, so give the body its top margin back. */
.paper-main { padding-top: 48px; }

/* Section headings: bold, with the guideline's short green bar. */
.paper-site .section-heading h2, .paper-site .abstract h2 { font-weight: 700; letter-spacing: -.01em; }
.paper-site .section-heading h2::after { content: ""; display: block; width: 48px; height: 4px; margin-top: 12px; background: var(--green); }
.paper-site .abstract h2 { font-size: 24px; }
.paper-site .abstract h2::after { content: ""; display: block; width: 48px; height: 4px; margin: 12px auto 0; background: var(--green); }

/* Citation block in the shared .nv-bibtex style. */
.paper-site .citation-box { background: #1a1a1a; border: 0; border-left: 4px solid var(--green); }
.paper-site .citation-box pre { color: #e6e6e6; }
.paper-site .citation-box .copy-button { background: transparent; color: #cccccc; border-color: #555; }
.paper-site .citation-box .copy-button:hover,
.paper-site .citation-box .copy-button.copied { color: var(--green); border-color: var(--green); }

/* Square corners on HTML controls (SVG figure shapes are left as drawn). */
.paper-site .frontier-item, .paper-site .opened-program, .paper-site .feedback-card, .paper-site .action-card,
.paper-site .ranking-box, .paper-site .segmented, .paper-site .segmented button, .paper-site .model-controls select,
.paper-site .model-controls button, .paper-site .play-button, .paper-site .prompt-details pre, .paper-site .fp-chip,
.paper-site .ranked-action > span, .paper-site .button { border-radius: 0; }