.legal-shell {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 20px 72px;
}

.legal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.legal-top h1 {
  margin: 0;
  font-size: 22px;
}

.legal-top .back {
  font-size: 13px;
  white-space: nowrap;
}

.legal-updated {
  font-size: 13px;
  color: #5a5a5a;
  margin: 0 0 20px;
}

.legal-shell h2 {
  font-size: 17px;
  margin: 26px 0 8px;
}

.legal-shell h3 {
  font-size: 15px;
  margin: 18px 0 6px;
}

.legal-shell p,
.legal-shell li {
  font-size: 14px;
  line-height: 1.55;
  color: #2a2a2a;
}

.legal-shell ul {
  padding-left: 20px;
  margin: 6px 0;
}

.legal-shell .placeholder {
  background: #fff3d6;
  border: 1px dashed #c9a227;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
}

body[data-theme="dark"] .legal-shell p,
body[data-theme="dark"] .legal-shell li {
  color: #d7d7d7;
}