/* Legal pages — long-form reading layout on the same palette */
.legal { max-width: 780px; margin-inline: auto; padding-block: 48px 80px; }
.legal h1 { font-size: clamp(1.8rem, 4.4vw, 2.6rem); margin-bottom: .2em; }
.legal .updated { color: var(--text-mute); font-size: .86rem; margin-bottom: 34px; }
.legal h2 { font-size: 1.2rem; margin-top: 38px; padding-top: 22px; border-top: 1px solid var(--line-soft); }
.legal h3 { font-size: 1rem; margin-top: 22px; color: var(--gold); }
.legal p, .legal li { color: var(--text-dim); font-size: .96rem; }
.legal ul { padding-inline-start: 20px; }
.legal li { margin-bottom: 7px; }
.legal .callout {
  background: var(--surface); border: 1px solid var(--line);
  border-inline-start: 4px solid var(--gold);
  border-radius: var(--r); padding: 18px 20px; margin: 22px 0;
}
.legal .callout p:last-child { margin-bottom: 0; }
.legal .todo { border-inline-start-color: var(--alert); }
.legal .todo strong { color: var(--alert); }
.backlink { display: inline-flex; gap: 8px; align-items: center; color: var(--text-mute); font-size: .9rem; margin-bottom: 8px; }
.backlink:hover { color: var(--gold); }