.legal-shell {
  display: grid;
  gap: 1rem;
}

.legal-card {
  display: grid;
  gap: 0.65rem;
}

.legal-card h2,
.legal-card p {
  margin: 0;
}

.legal-list {
  margin: 0;
  padding-left: 1.2rem;
  display: grid;
  gap: 0.45rem;
}

.about-mode-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.about-mode {
  display: grid;
  gap: 0.45rem;
  padding: 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-surface);
  background: var(--panel-soft);
}

.about-mode h3,
.about-mode p {
  margin: 0;
}

.about-mode h3 {
  font-size: 1rem;
}