.legal-copy h2 {
  margin-top: 2.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  color: #500280;
}

.legal-copy h3 {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 800;
  color: #24162b;
}

.legal-copy p,
.legal-copy li {
  color: rgba(36, 22, 43, 0.78);
  line-height: 1.9;
}

.legal-copy ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style: disc;
  padding-left: 1.5rem;
}

.legal-copy a {
  color: #500280;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html.dark-mode .bg-white,
html.dark-mode .bg-white\/80,
html.dark-mode .bg-white\/82,
html.dark-mode .legal-panel,
html.dark-mode .toc-panel,
html.dark-mode .note-panel {
  background-color: rgba(28, 17, 39, 0.92) !important;
  color: #f8f1ff !important;
  border-color: rgba(196, 160, 255, 0.18) !important;
  box-shadow: none;
}

html.dark-mode .toc-panel {
  background-color: rgba(24, 15, 34, 0.94) !important;
}

html.dark-mode .border-purple-100,
html.dark-mode .border-purple-200,
html.dark-mode .border-orange-100,
html.dark-mode .border-white\/10 {
  border-color: rgba(196, 160, 255, 0.18) !important;
}

html.dark-mode .text-recyt-ink,
html.dark-mode .text-recyt-ink\/80,
html.dark-mode .text-recyt-ink\/70,
html.dark-mode .text-recyt-ink\/65,
html.dark-mode .text-recyt-ink\/60,
html.dark-mode .text-recyt-ink\/55,
html.dark-mode .text-recyt-ink\/50 {
  color: rgba(244, 236, 255, 0.82) !important;
}

html.dark-mode .text-white\/55,
html.dark-mode .text-white\/60,
html.dark-mode .text-white\/45 {
  color: rgba(255, 248, 255, 0.74) !important;
}

html.dark-mode .legal-copy h2,
html.dark-mode .legal-copy a,
html.dark-mode .text-recyt-purple {
  color: #cda1ff !important;
}

html.dark-mode .legal-copy h3,
html.dark-mode .legal-copy p,
html.dark-mode .legal-copy li,
html.dark-mode .legal-copy strong,
html.dark-mode .text-recyt-ink,
html.dark-mode .font-extrabold,
html.dark-mode .font-bold {
  color: #fff8ff !important;
}

html.dark-mode .toc-panel .text-recyt-ink\/70,
html.dark-mode .toc-panel a,
html.dark-mode .legal-copy .text-recyt-ink\/70,
html.dark-mode .legal-copy .text-recyt-ink\/65,
html.dark-mode .legal-copy .text-recyt-ink\/60 {
  color: rgba(238, 228, 248, 0.90) !important;
}

html.dark-mode .rounded-\[1\.75rem\].bg-\[\#fff8ef\],
html.dark-mode .note-panel {
  background: linear-gradient(180deg, rgba(58, 33, 18, 0.78), rgba(42, 24, 15, 0.88)) !important;
  border-color: rgba(255, 197, 126, 0.24) !important;
}