.audit-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 18px 0;
}

.audit-grid div {
  background: #f6f8fb;
  border-radius: 8px;
  padding: 10px 12px;
}

.audit-grid dt {
  color: #697386;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.audit-grid dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}

.audit-json {
  background: #07172d;
  border-radius: 8px;
  color: #eaf1fb;
  max-height: 260px;
  overflow: auto;
  padding: 14px;
  white-space: pre-wrap;
}

.muted {
  color: #697386;
}

.nav-link {
  display: block;
  text-decoration: none;
}

.comparison {
  color: #536075;
  display: grid;
  gap: 2px;
  font-size: 13px;
  font-weight: 700;
}

.comparison small {
  color: #697386;
  font-weight: 650;
}

.comparison.positive { color: #12805c; }
.comparison.negative { color: #bd3f46; }

@media (max-width: 760px) {
  .audit-grid { grid-template-columns: 1fr; }
}