/* Legal pages — prose on the warm ground, same system as the site. */
.legal { max-width: 46rem; margin: 0 auto; padding: clamp(2.5rem, 7vw, 5rem) var(--gutter) clamp(3rem, 7vw, 5rem); }
.legal h1.display { font-size: clamp(2.2rem, 5vw, 3.4rem); margin-bottom: .4rem; }
.legal__meta { color: var(--muted); font-size: .92rem; margin: 0 0 1.6rem; }
.legal__draft { background: var(--sand); border-radius: 20px; padding: 1.1rem 1.3rem;
  font-size: .92rem; line-height: 1.6; margin: 0 0 2.4rem; }
.legal h2 { font-family: var(--display); font-weight: 600; font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  letter-spacing: -.01em; margin: 2.4rem 0 .7rem; }
.legal p, .legal li { color: #3A342E; }
.legal ul { padding-left: 1.2rem; margin: 0 0 1.1rem; }
.legal li { margin-bottom: .45rem; }
.legal a { color: var(--obsidian); font-weight: 600; text-decoration: underline;
  text-underline-offset: 3px; text-decoration-thickness: 2px; text-decoration-color: var(--orange); }
.legal strong { font-weight: 700; }
.todo { background: #FFE2C7; border-bottom: 2px solid var(--orange); padding: 0 .3em;
  border-radius: 4px; font-weight: 700; white-space: nowrap; }
.legal__draft .todo { background: #fff; }
.footer__social a { font-family: var(--display); font-size: .76rem; font-weight: 600; }