/* The legal documents: one reading column. The `prose` classes on the wrapper
   come from Tailwind's typography plugin, which this app does not install, so
   the document's own headings, lists and links are styled here. */
.legal-doc { font-size: 17px; line-height: 1.7; color: #2a3a33; }
.legal-doc p { margin: 0 0 20px; }
.legal-doc p.lead { font-size: 19px; color: #12201b; }
.legal-doc h2 { font-family: 'Newsreader', 'Iowan Old Style', Georgia, serif; font-weight: 600; font-size: 26px; line-height: 1.2; letter-spacing: -0.01em; color: #12201b; margin: 44px 0 14px; }
.legal-doc h3 { font-family: 'Newsreader', 'Iowan Old Style', Georgia, serif; font-weight: 600; font-size: 21px; line-height: 1.25; color: #12201b; margin: 30px 0 10px; }
.legal-doc ul, .legal-doc ol { margin: 0 0 20px; padding-left: 24px; }
.legal-doc li { margin: 0 0 8px; }
.legal-doc a { color: #0b7f75; text-decoration: underline; text-underline-offset: 3px; }
.legal-doc a:hover { color: #0d9488; }
.legal-doc strong { color: #12201b; }
.legal-doc table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 15px; }
.legal-doc th, .legal-doc td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e4ddd0; vertical-align: top; }
.legal-doc th { color: #12201b; font-weight: 600; }
@media (min-width: 768px) { .legal-doc h2 { font-size: 30px; margin-top: 52px; } }