/* Shared look for the three legal pages: /terms, /privacy, /licenses.
   Kept out of styles.css so the landing page's stylesheet stays about the landing page — and so
   licenses.html, which is REGENERATED by deploy/gen-licenses.sh on every release, has nothing in
   it that a human is expected to maintain. */
.legal { max-width: 900px; margin: 0 auto; padding: 120px 20px 90px; }
.legal h1 { font-size: 2rem; margin-bottom: 10px; }
.legal h2 { font-size: 1rem; margin: 30px 0 8px; }
.legal p { color: var(--muted); font-size: .82rem; line-height: 1.7; margin-bottom: 10px; }
.legal .lead { color: var(--ink); font-size: .95rem; margin-bottom: 8px; }
.legal .meta { font-size: .72rem; margin-bottom: 34px; }
.legal a { color: var(--blue); font-weight: 700; }
.legal .back { display: inline-block; margin-bottom: 26px; font-size: .8rem; }
.legal .also { margin-top: 42px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .78rem; }