/* Legal pages: a plain document. White page, black text, one column, nothing decorative. */
* { box-sizing: border-box; margin: 0; }
html { -webkit-text-size-adjust: 100%; }
body { background: #fff; color: #1a1a1a; font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #1a1a1a; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
a:hover { color: #000; }

.doc-head { max-width: 720px; margin: 0 auto; padding: 28px 24px 0; font-size: 14px; }
.doc-head a { text-decoration: none; font-weight: 600; }
.doc-foot { max-width: 720px; margin: 0 auto; padding: 0 24px 48px; font-size: 13px; color: #6b6b6b; }
.doc-foot p { padding-top: 20px; border-top: 1px solid #e3e3e3; }

.legal { max-width: 720px; margin: 0 auto; padding: 48px 24px 64px; }
.prose { overflow-wrap: anywhere; }
.prose h1 { font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.prose .updated { margin-top: 6px; font-size: 14px; color: #6b6b6b; }
.prose .intro { margin-top: 24px; }
.prose h2 { margin-top: 40px; font-size: 19px; font-weight: 700; line-height: 1.3; scroll-margin-top: 16px; }
.prose h3 { margin-top: 24px; font-size: 16px; font-weight: 700; }
.prose p, .prose ul, .prose ol { margin-top: 12px; }
.prose ul, .prose ol { padding-left: 22px; }
.prose li { margin-top: 6px; }
.prose strong { font-weight: 700; }
.prose code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .9em; }
.prose pre { margin-top: 12px; padding: 14px 16px; border: 1px solid #d6d6d6; background: #f7f7f7; font: 14px/1.55 ui-monospace, Menlo, Consolas, monospace; white-space: pre-wrap; }
.prose .note { margin-top: 16px; padding-left: 14px; border-left: 2px solid #1a1a1a; }
.prose .muted { color: #6b6b6b; }

/* contents: a plain numbered list */
.prose .toc { margin-top: 28px; padding-top: 16px; border-top: 1px solid #e3e3e3; }
.prose .toc b { font-weight: 700; }
.prose .toc ol { margin-top: 6px; }
.prose .toc li { margin-top: 2px; }

/* the Legal index: a list of documents */
.prose .hub { list-style: none; padding: 0; }
.prose .hub li { margin-top: 16px; }
.prose .hub b { display: block; font-weight: 700; }
.prose .hub span { display: block; color: #4a4a4a; text-decoration: none; }
.prose .hub a { text-decoration: none; } .prose .hub a b { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }

/* the two working controls look like ordinary links */
.legal-btn { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; cursor: pointer; }
.btn-mail { font-weight: 600; }

/* tables: plain ruled grid */
.tbl { margin-top: 16px; overflow-x: auto; }
.prose table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; overflow-wrap: normal; hyphens: auto; }
.prose th, .prose td { padding: 8px 10px; border: 1px solid #d6d6d6; text-align: left; vertical-align: top; }
.prose thead th { background: #f3f3f3; font-weight: 700; }
.prose tbody th { font-weight: 600; }
@media (max-width: 640px) {
  .legal { padding: 32px 20px 48px; }
  .doc-head { padding: 22px 20px 0; } .doc-foot { padding: 0 20px 40px; }
  .prose h1 { font-size: 26px; }
  .prose thead { display: none; }
  .prose table, .prose tbody, .prose tr, .prose th, .prose td { display: block; width: 100%; }
  .prose tr { border: 1px solid #d6d6d6; margin-top: 10px; }
  .prose th, .prose td { border: 0; border-top: 1px solid #ececec; }
  .prose tbody th { border-top: 0; background: #f3f3f3; }
  .prose td[data-label]::before { content: attr(data-label); display: block; font-weight: 700; font-size: 12px; color: #6b6b6b; }
}
