/* site/css/eval.css */
.eval-parts { padding-left: var(--space-4); }
.eval-parts li { margin-bottom: var(--space-3); }
.eval-loop-diagram { width: 100%; height: auto; margin: var(--space-4) 0; }
.eval-box { fill: var(--bg-secondary); stroke: var(--border-color); }
.eval-box--center { fill: var(--accent-quiet); }
.eval-box--gate { fill: var(--accent-quiet); stroke: var(--accent); }
.eval-box-label { fill: var(--text-primary); font-size: 12px; font-family: var(--font-sans); }
.eval-flow { stroke: var(--border-strong); stroke-width: 1.5; }
.eval-flow--loop { stroke: var(--accent); stroke-dasharray: 4 3; }
.eval-loop-label { fill: var(--text-secondary); font-size: 11px; font-family: var(--font-sans); }

.golden-case-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-3);
  margin: var(--space-4) 0;
}
.golden-case-card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  padding: var(--space-3);
}
.golden-case-card h3 { margin-top: 0; font-size: 15px; }
.golden-case-catches { color: var(--text-secondary); font-size: 13px; margin-bottom: 0; }