/* The prose pages: the disclaimer, the money, and answering calls.
   Same palette and chrome as everything else (see tokens.css and shell.css), but
   a document rather than a tool: it scrolls, it has a measure, and it is meant
   to be read. Code blocks are styled in shell.css, because the landing pages
   show code too. */

#doc { flex: 1 0 auto; padding: 40px 20px 64px; }
.prose { max-width: 46rem; margin: 0 auto; }

.prose h1 { font-size: 27px; line-height: 1.25; margin: 0 0 20px; letter-spacing: -.01em; }
.prose h2 { font-size: 18px; margin: 38px 0 10px; }
.prose h3 { font-size: 16px; margin: 28px 0 8px; }
.prose p { margin: 0 0 16px; }
.prose ul, .prose ol { margin: 0 0 16px; padding-left: 22px; }
.prose li { margin-bottom: 8px; }
.prose li > ul { margin-top: 8px; }

.prose a { color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(126, 231, 135, .35); }
.prose a:hover { border-bottom-color: var(--accent); }
.prose strong { color: #fff; font-weight: 600; }
.prose em { font-style: italic; }

.prose blockquote {
  margin: 0 0 16px; padding: 2px 0 2px 16px;
  border-left: 2px solid var(--line); color: var(--muted);
}
.prose hr { border: none; border-top: 1px solid var(--line); margin: 32px 0; }