.dashboard-hero {
  padding: 6rem 0 4rem;
  background: radial-gradient(circle at 75% 5%, rgba(113,225,184,.1), transparent 34%);
}
.dashboard-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(290px, .7fr);
  gap: 3rem;
  align-items: center;
}
.dashboard-note,
.muted,
.contract-state,
.evidence-card p,
.rules-layout p {
  color: var(--muted);
}
.contract-state {
  margin: 1.2rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  font-size: .9rem;
}
.dashboard-metrics {
  grid-template-columns: repeat(3, 1fr);
}
.dashboard-metrics .metric-card {
  gap: .75rem;
}
.dashboard-metrics small {
  color: var(--muted);
  font-size: .8rem;
}
.evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.evidence-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.025);
  padding: 1.25rem;
}
.evidence-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.evidence-heading h3 {
  margin: 0;
}
.state-chip {
  display: inline-flex;
  flex: 0 0 auto;
  padding: .3rem .55rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.evidence-card code,
.section-intro code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .9em;
  color: var(--accent-strong);
}
.rules-layout {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 4rem;
}
.dashboard-links {
  display: flex;
  gap: .8rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}

@media (max-width: 900px) {
  .dashboard-hero-grid,
  .rules-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .dashboard-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .dashboard-hero {
    padding-top: 3.7rem;
  }
  .dashboard-metrics,
  .evidence-grid {
    grid-template-columns: 1fr;
  }
  .evidence-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: .6rem;
  }
  .dashboard-links .button {
    width: 100%;
  }
}