/* Legal pages (F5-T1 #29): one reading column on top of app.css (header and footer are the site's). */
.doc { padding-top: 32px; padding-bottom: 64px; max-width: 820px; }
@media (min-width: 900px) { .doc { padding-top: 48px; padding-bottom: 96px; } }
.doc h1 { font-size: 26px; margin: 0 0 8px; }
@media (min-width: 900px) { .doc h1 { font-size: 30px; } }
.doc .updated { color: var(--muted); font-size: 14px; margin: 0 0 28px; }
.doc h2 { font-size: 18px; margin: 32px 0 8px; }
.doc p, .doc li { font-size: 15px; color: var(--muted); }
.doc p { margin: 0 0 12px; }
.doc ul, .doc ol { margin: 0 0 12px; padding-left: 1.4em; }
.doc li { margin-bottom: 4px; }
.doc strong { color: var(--fg); }
.doc .note { font-size: 13px; color: var(--muted); margin-top: 32px; }
table.info { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 15px; }
table.info th, table.info td { text-align: left; padding: 12px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
table.info th { color: var(--fg); font-weight: 700; width: 34%; padding-right: 16px; }
table.info td { color: var(--muted); }
table.info td p { margin: 0 0 6px; }
table.info td p:last-child { margin-bottom: 0; }
@media (max-width: 599px) {
  table.info tr { display: block; padding: 12px 0; border-bottom: 1px solid var(--line); }
  table.info th, table.info td { display: block; width: auto; padding: 0; border: 0; }
  table.info th { margin-bottom: 4px; }
}