/* Footer content pages: legal, support and company documents. */

.doc-page { max-width: 880px; padding-block: 30px 80px; }

.doc-body { margin-top: 26px; display: flex; flex-direction: column; gap: 14px; color: var(--ink-2); line-height: 1.75; }
.doc-body h2 {
  font-size: 1.2rem; font-weight: 680; letter-spacing: -.015em; color: var(--ink);
  margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line);
}
.doc-body h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.doc-body h3 { font-size: 1rem; font-weight: 650; color: var(--ink); margin-top: 12px; }
.doc-body p { margin: 0; font-size: 14.5px; }
.doc-body ul, .doc-body ol { margin: 0; padding-inline-start: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.doc-body li::marker { color: var(--brand); }
.doc-body b, .doc-body strong { color: var(--ink); font-weight: 640; }
.doc-body code {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: .85em;
  background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; padding: 1px 6px;
}
.doc-body a { color: var(--brand); text-decoration: underline; text-underline-offset: 2px; }
.doc-body table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin-top: 6px; }
.doc-body th, .doc-body td { text-align: start; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.doc-body th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--faint); font-weight: 600; }
.doc-body tr:last-child th, .doc-body tr:last-child td { border-bottom: 0; }
.doc-body .doc-contact {
  margin-top: 26px; padding: 18px 20px; border-radius: var(--radius);
  background: var(--surface); border: 1px solid var(--line-strong, var(--line));
}
.doc-body .doc-contact table th { width: 30%; }

@media (max-width: 640px) {
  .doc-body th, .doc-body td { padding: 8px 6px; font-size: 12.5px; }
  .doc-page { padding-block: 20px 56px; }
}