/* The legal page (site/legal.html), on top of base.css and landing.css. */

.legal { max-width: 760px; padding-bottom: 48px; }
.legal-toc { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 8px 0 18px; border-bottom: 1px solid var(--border); margin-bottom: 8px; }
.legal-toc a { color: var(--accent-text); text-decoration: none; font-size: 14px; }
.legal-toc a:hover { text-decoration: underline; }
.legal section { padding-top: 24px; scroll-margin-top: 16px; }
.legal h1 { font-size: 26px; font-weight: 800; margin: 8px 0 12px; }
.legal h2 { font-size: 16px; margin: 22px 0 6px; }
.legal p, .legal li { font-size: 15px; line-height: 1.6; color: var(--text); }
.legal ul { padding-left: 20px; }
.legal a { color: var(--accent-text); }
.legal-version { color: var(--text-muted); font-size: 13px !important; }
/* A blank the owner has not filled in yet (LEGAL_* in the environment). */
.legal-todo { background: #f5d90a33; color: var(--text); padding: 0 4px; border-radius: 4px; font-weight: 600; }
.site-footer a { color: var(--accent-text); text-decoration: none; }