/* Legal pages: Privacy, Terms, Cookie Policy. Layout comes from .doc/.toc/.prose
 * (components.css); here only what long legal text needs on top. */

.prose code {
  padding: 2px 7px; border-radius: 6px; background: var(--surface-2); border: 1px solid var(--line);
  color: #fff; font-size: .88em; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; white-space: nowrap;
}
.prose em { color: #fff; }
.prose .facts, .prose .table-wrap, .prose .notice { margin-top: 20px; }
.prose .facts + p, .prose .table-wrap + p { margin-top: 20px; }
.prose .table td, .prose .table th { vertical-align: top; }
.prose .notice + h2 { margin-top: 40px; }
.prose .btn { text-decoration: none; }

@media (max-width: 640px) {
  .prose code { white-space: normal; overflow-wrap: anywhere; }
  /* on phones the contents become one scrollable row of chips — a height-capped
     list hides links under the text, which reads as overlap */
  .doc .toc { padding: 12px; }
  .doc .toc ol { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .doc .toc li { flex: none; }
  .doc .toc a { min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--radius-pill); white-space: nowrap; }
}