/* The legal pages (templates/legal.html): one readable column of text under
   the shared tokens, and a small row of links between the three pages. */
.legal-page { max-width: 72ch; margin: 0 auto; padding: var(--space-xl) 16px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-bottom: var(--space-xl); font-size: var(--fs-base); }
.legal-nav a { color: var(--text-muted); text-decoration: none; }
.legal-nav a[aria-current="page"] { color: var(--text); font-weight: 600; }
.legal { color: var(--text); font-size: var(--fs-base); line-height: 1.6; }
.legal h1 { font-size: 1.6em; margin: 0 0 var(--space-md); }
.legal h2 { font-size: 1.15em; margin: var(--space-xl) 0 var(--space-sm); }
.legal p, .legal li { margin: 0 0 var(--space-sm); }
.legal ul { padding-left: 1.2em; }
.legal table { border-collapse: collapse; margin: var(--space-md) 0; width: 100%; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid var(--border); }
.legal-version { color: var(--text-muted); margin-top: var(--space-xl); }