/* Privacy policy page — long-form legal text on manta.css tokens */
.privacy-hero { padding: var(--s7) 0 var(--s5); border-bottom: 1px solid var(--hairline); }
.privacy-hero h1 { font-size: var(--text-h1); margin-bottom: var(--s2); }
.privacy-updated { color: var(--muted); font-size: .9375rem; }
.privacy-body { padding-top: var(--s6); padding-bottom: var(--s8); line-height: 1.65; }
.privacy-body h2 { font-size: 1.375rem; margin: var(--s7) 0 var(--s3); }
.privacy-body h2:first-child { margin-top: 0; }
.privacy-body h3 { font-size: 1.0625rem; margin: var(--s5) 0 var(--s2); }
.privacy-body p, .privacy-body ul { margin: 0 0 var(--s3); }
.privacy-body ul { padding-left: 1.25rem; }
.privacy-body li { margin-bottom: 6px; }
.privacy-body a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.privacy-body table { width: 100%; border-collapse: collapse; margin: var(--s3) 0 var(--s5); font-size: .9375rem; display: block; overflow-x: auto; }
.privacy-body th, .privacy-body td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--hairline); min-width: 140px; }
.privacy-body th { font-weight: 600; background: var(--surface); }

/* Phones: each table row shows as a card, each cell under its column name
   (data-label), so no column is cut off at the right edge */
@media (max-width: 599.98px) {
  .privacy-body table, .privacy-body tbody, .privacy-body tr, .privacy-body td { display: block; width: auto; }
  .privacy-body table { overflow: visible; border-top: 1px solid var(--hairline); }
  .privacy-body thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .privacy-body thead th { min-width: 0; padding: 0; }
  .privacy-body tr { padding: var(--s3) 0; border-bottom: 1px solid var(--hairline); }
  .privacy-body td { min-width: 0; padding: 2px 0 var(--s2); border-bottom: 0; overflow-wrap: anywhere; }
  .privacy-body td:first-child:not(:has(strong)) { font-weight: 600; }
  .privacy-body td[data-label]:not(:first-child)::before { content: attr(data-label); display: block; color: var(--muted); font-size: .75rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 2px; }
}
