/* Typography of the legal texts (public/legal.js). Tailwind's preflight strips
   headings, lists and tables of all styling; `.legal x` outranks it. */

/* Tailwind runs as a script: without JavaScript the page would stay white and
   the light text below unreadable, the <noscript> link included. */
body { background: #1a1a1a; color: #fff; }

.legal { color: #d1d5db; font-size: 1rem; line-height: 1.7; }
.legal > :first-child { margin-top: 0; }
.legal h1, .legal h2, .legal h3 { color: #fff; font-weight: 600; line-height: 1.3; }
.legal h1 { font-size: 1.5rem; margin: 2.25rem 0 0.75rem; }
.legal h2 { font-size: 1.25rem; margin: 2rem 0 0.75rem; }
.legal h3 { font-size: 1.05rem; margin: 1.5rem 0 0.5rem; }
.legal p { margin: 0 0 0.9rem; }
.legal ul, .legal ol { margin: 0 0 0.9rem; padding-left: 1.4rem; }
.legal ul { list-style: disc; }
.legal ol { list-style: decimal; }
.legal li { margin: 0.3rem 0; }
.legal li > ul, .legal li > ol { margin: 0.3rem 0 0; list-style: circle; }
.legal strong { color: #fff; font-weight: 600; }
.legal em { font-style: italic; }
.legal a { color: #fff; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.legal a:hover { color: #d1d5db; }
.legal hr { border: 0; border-top: 1px solid #2a2a2a; margin: 1.75rem 0; }
.legal table { display: block; overflow-x: auto; border-collapse: collapse; margin: 0 0 1.1rem; font-size: 0.9rem; }
.legal th, .legal td { border: 1px solid #2a2a2a; padding: 0.45rem 0.65rem; text-align: left; vertical-align: top; }
.legal th { color: #fff; font-weight: 600; background: #121212; }