/* The legal pages (/privacy/, /cookies/, /terms/, /rules/) and the documents row of the phone footer.
   Built from the journal's blocks (post-table, post-toggle, post-callout, post-toc) and site tokens only. */

.prose-grid > .legal { min-width: 0; } /* wide tables scroll inside .post-table, not the page */
.legal .post-toc { margin-bottom: 8px; }
.legal .post-toc b { font-weight: 700; }
.legal .post-toc li, .legal .post-list li, .legal-docs li { padding-left: 0; }
.legal .post-toc li::before, .legal .post-list li::before, .legal-docs li::before { content: none; }
.legal .post-list { margin-top: 12px; font-size: inherit; line-height: inherit; }
.legal .post-list ul { margin-top: 8px; }
.legal .post-list ul li { padding-left: 26px; }
.legal .post-list ul li::before { content: ""; }
.legal .post-table { margin-top: 16px; }
.legal .post-table + p, .legal .post-callout + p { margin-top: 16px; }
.legal .post-table code, .legal p code { font-size: 14px; padding: 1px 6px; border-radius: 6px; background: var(--paper); }
.legal-kv th { width: 30%; min-width: 120px; color: var(--graphite); font-weight: 600; border-bottom: 1px solid var(--line); }
.legal-proc { margin-top: 32px; scroll-margin-top: 90px; }
.legal-proc > p + p { margin-top: 12px; }
.legal .post-toggle { margin-top: 16px; }
.legal-pending { margin-top: 12px; }
.legal-docs { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.legal-docs span[aria-current] { color: var(--graphite); }
.legal h2[id], .legal section[id] { scroll-margin-top: 90px; }
@media (max-width: 767px) {
  .legal .post-table table { font-size: 15px; line-height: 21px; }
  .legal-kv th { width: auto; min-width: 96px; }
  .legal .post-table:not(.legal-kv) table { min-width: 560px; } /* columns stay readable, the table scrolls */
}

/* phone footer: the documents under the wordmark */
.pf-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; padding: 8px 0 4px; font-size: 13px; line-height: 18px; }
.pf-legal a { color: var(--graphite); text-decoration: none; }
.pf-legal a:hover { text-decoration: underline; }