.legal-intro {
  color: #d8dde5;
  font-size: 1.05rem;
  padding: 18px 20px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.legal-alert {
  margin: 28px 0;
  padding: 22px 24px;
  border: 1px solid rgba(239, 43, 51, 0.55);
  border-left: 5px solid var(--red);
  background: linear-gradient(110deg, rgba(239, 43, 51, 0.14), rgba(239, 43, 51, 0.03));
}

.legal-alert strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 1.08rem;
}

.legal ul {
  padding-left: 22px;
}

.legal li + li {
  margin-top: 7px;
}

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 24px 0 38px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}

.legal-nav a {
  color: var(--muted);
  font-weight: 750;
}

.legal-nav a:hover {
  color: #fff;
}

.legal small {
  color: var(--muted);
}