/* legal.css */
/* Page-specific styles for the Legal template */

/*.legal-toc {}
.legal-content {}
.legal-section {}*/

.legal-toc {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-mist);
  padding: 1.25rem 1.25rem 1.1rem;
}

.legal-toc ul {
  margin: 0;
  padding-left: 1rem;
  display: grid;
  gap: 0.45rem;
}

.legal-toc a {
  color: var(--color-navy);
  text-decoration: none;
}

.legal-toc a:hover,
.legal-toc a:focus-visible {
  text-decoration: underline;
}

.legal-content {
  max-width: 78ch;
}

.legal-section h2 {
  margin-bottom: 0;
}

.legal-section p,
.legal-section li {
  color: var(--color-grey);
}

.legal-section ul {
  padding-left: 1.2rem;
}

@media (max-width: 760px) {
  .legal-toc {
    padding: 1rem;
  }
}