/* legal/legal.css */
/* PV-01 (ORDER-009 row 4): the privacy page. Presentation only: the words are src/legal/privacy.html, untouched. Tokens only (P0-03).
   A table scrolls inside its own frame, so a narrow screen never scrolls the page (as in the source app). */
/* system.css carries EX-001's .legal block (padding, underlined links); here the page rhythm comes from .sec, and body links are not
   underlined at rest (ORDER-009, the law) */
.legal { max-width: calc(8 * var(--col) + 7 * var(--gutter)); color: var(--sx-ink-2); padding-block: 0; }
.legal a { text-decoration: none; }
.legal a:hover, .legal a:focus-visible { text-decoration: underline; }
.legal h1 { font-size: var(--fs-48); line-height: var(--lh-48); font-weight: var(--w-bold); letter-spacing: var(--track-head); color: var(--sx-ink); margin: 0 0 var(--s-3); text-wrap: balance; }
.legal h2 { font-size: var(--fs-24); line-height: var(--lh-24); font-weight: var(--w-semibold); letter-spacing: var(--track-head); color: var(--sx-ink); margin: var(--s-5) 0 var(--s-3); }
.legal h3 { font-size: var(--fs-18); line-height: var(--lh-18); font-weight: var(--w-semibold); color: var(--sx-ink); margin: var(--s-4) 0 var(--s-2); }
.legal p, .legal li { font-size: var(--fs-18); line-height: var(--lh-18); }
.legal p { margin: 0 0 var(--s-3); }
.legal strong { color: var(--sx-ink); font-weight: var(--w-semibold); }
.legal .policy-meta { font-size: var(--fs-14); line-height: var(--lh-14); color: var(--sx-stone); margin-bottom: var(--s-4); }
.legal ul { list-style: disc; margin: 0 0 var(--s-3); padding-left: var(--s-4); }
.legal ul ul { list-style: circle; margin: var(--s-1) 0 0; }
.legal li + li { margin-top: var(--s-1); }
.legal a { color: var(--sx-ink); font-weight: var(--w-semibold); }
.legal code { font-size: var(--fs-14); }
.policy-table { overflow-x: auto; margin: var(--s-3) 0 var(--s-4); border: var(--hair) solid var(--sx-line); border-radius: var(--radius-m); background: var(--sx-white); }
.policy-table table { width: 100%; border-collapse: collapse; font-size: var(--fs-14); line-height: var(--lh-14); }
.policy-table th, .policy-table td { text-align: left; vertical-align: top; padding: var(--s-2) var(--s-3); border-bottom: var(--hair) solid var(--sx-line); min-width: calc(2 * var(--col)); }
.policy-table th { color: var(--sx-ink); font-weight: var(--w-semibold); }
.policy-table tr:last-child td { border-bottom: 0; }
@media (max-width: 760px) { .legal h1 { font-size: var(--fs-36); line-height: var(--lh-36); } }