.legal h2,
.legal p {
  font-size: inherit;
}

.legal a {
  text-decoration: underline;
  color: var(--primary-color);
}

.legal ul,
.legal ol {
  padding-inline-start: 1.25rem;
}

.legal > :not([hidden]) ~ :not([hidden]) {
  margin-top: 3rem;
}

.legal section > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}

.legal section h2 {
  font-weight: bold;
}

.legal .list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
}

@media (hover: hover) {
  .legal a:hover {
    opacity: 0.8;
  }
}

@media (hover: none) {
  .legal a:active {
    opacity: 0.8;
  }
}