/* ============================================================
 * LEGAL PAGES — imprint / privacy (tools/build-legal.js)
 * One paper sheet on the sky, set for reading: body type in the
 * hand font at a calm size, short lines, plain headings.
 * ============================================================ */

.legal-body { background: var(--night); color: var(--paper); font-size: 19px; }
.legal-header { padding-inline: var(--gutter); }

.legal-main {
  max-width: calc(800px + 2 * var(--gutter));
  margin-inline: auto;
  padding: clamp(28px, 5vw, 64px) var(--gutter) var(--s-9);
}

.legal-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(40px, 6vw, 72px);
  line-height: .95;
  text-transform: uppercase;
  -webkit-text-stroke: .1em var(--card-black);
  paint-order: stroke fill;
  text-shadow: 0 .07em 0 var(--card-black);
}
.legal-lead { margin: var(--s-4) 0 0; font-size: clamp(19px, 1.6vw, 22px); line-height: 1.45; color: var(--paper-dim); }

.legal-sheet {
  margin-top: var(--s-6);
  padding: clamp(22px, 4vw, 44px);
  background: var(--paper);
  border: 4px solid var(--card-black);
  border-radius: 16px;
  box-shadow: 0 8px 0 var(--card-black);
  color: #16110a;
}
.legal-sheet section + section { margin-top: var(--s-6); }
.legal-sheet h2 {
  margin: 0 0 var(--s-3);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(21px, 2.2vw, 26px);
  line-height: 1.1;
  letter-spacing: .01em;
  color: #16110a;
}
.legal-sheet p,
.legal-sheet li { font-size: 18px; line-height: 1.5; color: #3a3226; overflow-wrap: anywhere; }
.legal-sheet p { margin: 0 0 var(--s-3); max-width: 68ch; }
.legal-sheet ul { margin: 0 0 var(--s-3); padding-left: 1.2em; max-width: 68ch; }
.legal-sheet li + li { margin-top: 4px; }
.legal-sheet strong { color: #16110a; }
.legal-sheet .text-link { color: var(--purple); }
.legal-updated { margin-top: var(--s-6) !important; font-size: 16px !important; color: #6d6047 !important; }