/* Privacy and terms: the site's tokens and header around a reading column. */
.legal {
  padding-block: var(--space-l) calc(var(--space-l) * 2.5);
  font-family: var(--face-plain);
}
.legal > * { max-width: 44rem; }
.legal h1, .legal h2, .legal h3, .legal h4 { font-family: var(--face-rounded); color: var(--fg); text-wrap: balance; }
.legal h1 {
  font-size: var(--type-large-title);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: var(--pad-m);
}
.legal h2 {
  font-size: var(--type-title);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: var(--space-l) 0 var(--space-s);
}
.legal h3, .legal h4 {
  font-size: var(--type-headline);
  font-weight: 600;
  line-height: 1.3;
  margin: var(--pad-m) 0 var(--space-xs);
}
.legal p, .legal li {
  font-size: var(--type-body);
  line-height: 1.6;
  color: var(--fg-secondary);
  text-wrap: pretty;
}
.legal p { margin-bottom: var(--pad-s); }
.legal ul, .legal ol { margin: 0 0 var(--pad-s); padding-left: 1.4em; }
.legal ul { list-style: disc; }
.legal li { margin-bottom: var(--space-xs); }
.legal b, .legal strong { font-weight: 600; color: var(--fg); }
.legal a { color: var(--secondary); }
.legal a:hover { color: color-mix(in srgb, var(--ruby) 82%, #000); }

.contact {
  margin-top: calc(var(--space-l) * 2);
  padding-top: var(--pad-m);
  border-top: 1px solid var(--rule);
}
.contact p { font-size: var(--type-content); }
.social { display: flex; gap: var(--space-s); margin-top: var(--space-m); }
.social a { width: 20px; height: 20px; background-position: center; background-size: 20px 20px; background-repeat: no-repeat; }
.icon-email { background-image: image-set(url("../img/email.png") 1x, url("../img/email@2x.png") 2x); }
.icon-twitter { background-image: image-set(url("../img/twitter.png") 1x, url("../img/twitter@2x.png") 2x); }
.icon-instagram { background-image: image-set(url("../img/instagram.png") 1x, url("../img/instagram@2x.png") 2x); }
.icon-github { background-image: image-set(url("../img/github.png") 1x, url("../img/github@2x.png") 2x); }