/* Avatar Creator — legal.css: /terms and /privacy (load after pricing.css for the public shell). */
.legal { width: min(760px, 100% - 32px); margin: 0 auto; padding: var(--s-8) 0 var(--s-16); }
.legal__head { margin-bottom: var(--s-8); }
.legal__head p { margin-top: var(--s-3); }
.legal h2 { font: 600 var(--text-xl)/1.25 var(--font-display); margin: var(--s-10) 0 var(--s-3); }
.legal h3 { font: 600 var(--text-md)/1.3 var(--font-display); margin: var(--s-6) 0 var(--s-2); }
.legal p, .legal li { color: var(--ink-2); line-height: 1.65; }
.legal ul { padding-left: 1.25em; }
.legal li + li { margin-top: var(--s-2); }
.legal strong { color: var(--ink); }
.legal a { color: var(--rouge-600); }
.legal .summary { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-5) var(--s-6); box-shadow: var(--shadow-sm); }
.legal .summary p { margin: 0; }