/* ═══════════════════════════════════════════
   Twin Matrix — Agent Page
   ═══════════════════════════════════════════ */

.agent-hero {
  text-align: center; padding: 2rem 0 1rem;
}
.agent-icon-wrap {
  width: 64px; height: 64px;
  margin: 0 auto 1rem;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--green-forest);
  background: rgba(74, 124, 89, 0.1);
  font-size: 1.8rem;
  color: var(--green-deep);
}
body.dark .agent-icon-wrap {
  border-color: rgba(212, 200, 154, 0.3);
  background: rgba(212, 200, 154, 0.04);
}

.agent-step-section {
  padding: 1.5rem 0;
}
.agent-step-label {
  font-family: var(--font-mono); font-size: 0.58rem;
  color: var(--text-muted); letter-spacing: 0.15em;
  text-transform: uppercase; margin-bottom: 0.5rem;
}
.agent-step-hint {
  font-family: var(--font-serif); font-size: 0.82rem;
  color: var(--text-secondary); font-style: italic;
  margin-bottom: 1rem;
}

/* Scope chips */
.agent-scope-grid {
  display: flex; gap: 0.5rem; flex-wrap: wrap;
  margin-bottom: 1rem;
}