/* Legal pages (privacy notice). Values from tokens.css only. Loaded by privacy.html only. */
.legal { padding-block: var(--s-7) var(--s-8); }
.legal h1 { font-size: var(--t-xl); }
.legal h2 { font-size: var(--t-l); margin-top: var(--s-7); }
.legal h3 { font-size: var(--t-m); margin-top: var(--s-5); }
.legal > * { max-width: var(--measure); }
.legal > table { max-width: none; }
.legal table { width: 100%; border-collapse: collapse; margin: 0 0 var(--s-5); }
.legal th, .legal td { text-align: left; vertical-align: top; padding: var(--s-2) var(--s-3); border: 1px solid var(--c-hair); overflow-wrap: anywhere; }
.legal thead th { background: var(--c-surface); }
.legal code { font-family: inherit; background: var(--c-surface); padding: 0 0.25em; border-radius: var(--r-1); overflow-wrap: anywhere; }
.legal .legal-todo { background: var(--c-surface); padding: 0 0.25em; font-style: italic; }
@media (max-width: 47.99em) {
  .legal table, .legal tbody, .legal tr, .legal td { display: block; width: 100%; }
  .legal thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .legal tr { border: 1px solid var(--c-hair); margin-bottom: var(--s-4); }
  .legal td { border: 0; border-bottom: 1px solid var(--c-hair); }
  .legal td:last-child { border-bottom: 0; }
  .legal td::before { content: attr(data-label); display: block; font-weight: var(--w-bold); }
}