/* Nemotron page additions; tokens come from style.css. */
:root { --nv: #76b900; }
.crumbs a { color: var(--ink-2); text-decoration: none; font-size: 14px; }
.crumbs a:hover { color: var(--ink); }
.nv-hero { min-height: auto; padding-top: 8px; }
.nv-kicker { color: var(--nv); }
.nv-kicker::before { content: ""; width: 9px; height: 9px; border-radius: 2px; background: var(--nv); box-shadow: 0 0 12px var(--nv); }
.nv-section { display: grid; gap: 14px; }
.nv-section > * { min-width: 0; }
.eyebrow { font: 500 12px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--nv); }
.nv-lede { color: var(--ink-2); max-width: 78ch; font-size: 1.05rem; }
.role-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.role { padding: 16px; display: grid; gap: 6px; align-content: start; }
.role .r-name { font: 700 1.05rem var(--display); font-stretch: 112%; }
.role .r-model { font: 500 12.5px/1.4 var(--mono); color: var(--nv); overflow-wrap: anywhere; }
.role p { color: var(--ink-2); font-size: 14px; }
.nv-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.chart-card { padding: 16px 18px; display: grid; gap: 10px; align-content: start; }
.chart-card h3 { font-size: 1rem; }
.chart-card .note { color: var(--muted); font-size: 13px; }
.bars { display: grid; gap: 8px; }
.bar { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) auto; gap: 10px; align-items: center; font-size: 13.5px; }
.bar .lbl { color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar .track { height: 12px; border-radius: 6px; background: rgba(140, 170, 220, 0.10); overflow: hidden; }
.bar .fill { height: 100%; border-radius: 6px; background: var(--nv); }
.bar .fill.good { background: var(--biz); }
.bar .fill.bad { background: var(--bad); }
.bar .fill.neutral { background: var(--db); }
.bar .val { font: 500 13px var(--mono); color: var(--ink); font-variant-numeric: tabular-nums; min-width: 4.5ch; text-align: right; }
.spark { padding: 22px; display: grid; gap: 10px; }
.spark p { color: var(--ink-2); max-width: 80ch; }
.pending-note { color: var(--muted); font-style: italic; }
td.ok { color: var(--biz); } td.no { color: var(--bad); }