.legal-layout {
  display: grid;
  gap: var(--space-6);
}

.legal-document {
  max-width: 46rem;
}

.legal-document section {
  scroll-margin-top: var(--space-5);
}

.legal-document a {
  overflow-wrap: anywhere;
}

.legal-nav {
  align-self: start;
  padding: var(--space-4);
  border: var(--border);
}

.legal-nav ol {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
  padding-left: 1.25rem;
  color: var(--silver);
}

.legal-contact {
  margin-top: var(--space-6);
  padding: var(--space-4);
  border: var(--border);
}

@media (min-width: 64rem) {
  .legal-layout {
    grid-template-columns: 16rem minmax(0, 1fr);
  }

  .legal-nav {
    position: sticky;
    top: var(--space-4);
  }
}