/* Privacy Policy and Terms of Service pages. Tokens only (styles.css), so light and
   dark mode follow the app. Classes prefixed lg-. */
body { background: var(--page); color: var(--text-primary); }
.lg-nav { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); max-width: 820px; margin: 0 auto; padding: var(--space-4) 20px; }
.lg-nav .logo-mark { text-decoration: none; color: var(--brand-ink); font-weight: 700; white-space: nowrap; }
.lg-nav-links { display: flex; gap: var(--space-4); font-size: 14px; white-space: nowrap; }
@media (max-width: 480px) { .lg-nav-links { gap: var(--space-3); font-size: 13px; } }
.lg-wrap { max-width: 820px; margin: 0 auto; padding: 0 20px; }
main.lg-wrap { padding-bottom: 48px; line-height: 1.6; font-size: 16px; }
main.lg-wrap h1 { font-size: clamp(28px, 4vw, 38px); letter-spacing: -0.02em; margin: var(--space-4) 0 var(--space-1); }
main.lg-wrap h2 { font-size: 20px; margin: 32px 0 var(--space-2); }
.lg-meta { color: var(--text-secondary); font-size: 14px; margin: 0 0 var(--space-4); }
.lg-lead { font-size: 17px; }
main.lg-wrap ul { padding-left: 20px; }
main.lg-wrap li { margin-bottom: var(--space-2); }
.lg-table-wrap { overflow-x: auto; margin: var(--space-3) 0; }
.lg-table { width: 100%; border-collapse: collapse; font-size: 14px; background: var(--surface-1); }
.lg-table th, .lg-table td { text-align: left; vertical-align: top; padding: 8px 10px; border: 1px solid var(--border); }
.lg-table th { background: var(--surface-2); font-size: 13px; }
footer.site { border-top: 1px solid var(--grid); padding: 20px 0 28px; font-size: 13px; color: var(--text-secondary); }
.lg-foot { display: flex; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
.lg-foot a { color: inherit; margin-left: 14px; }
.lg-foot a:first-child { margin-left: 0; }
a:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
@media print { .lg-nav, footer.site { display: none; } }