/* Shared layout for the /legal/* document pages. Rides on brand.css tokens. */
.legal { max-width: 780px; margin: 0 auto; padding: 32px 24px 64px; }
.legal h1 { margin-bottom: 4px; }
.legal .updated { color: var(--vg-mid); font-size: 14px; margin: 6px 0 26px; }
.legal h2 { margin: 30px 0 10px; }
.legal h3 { margin: 20px 0 8px; font-size: 16px; color: var(--vg-indigo); }
.legal p, .legal li { line-height: 1.55; font-size: 15px; }
.legal p { margin: 10px 0; }
.legal ul, .legal ol { padding-left: 24px; margin: 10px 0; }
.legal li { margin: 6px 0; }
.legal table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 14px 0; }
.legal th, .legal td { border: 1px solid var(--vg-card-bd); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal th { background: #fff; color: var(--vg-indigo); }
.legal-nav { font-size: 14px; margin-bottom: 26px; color: var(--vg-mid); }