/* ==================================================
   PRIVACYBELEID
================================================== */


/* ==================================================
   HEADER
================================================== */

.legal {
  padding-top: calc(var(--header-height) + 1em + var(--space-xl));
  padding-bottom: var(--space-xl);
}

.legal__container {
  display: flex;
  flex-direction: column;

  gap: var(--content-gap-xl);

  width: 100%;
  max-width: 750px;
}

.legal__header {
  display: flex;
  flex-direction: column;

  gap: var(--content-gap-xs);
}

.legal__updated {
  color: var(--text-muted);

  font-size: var(--text-small);
}


/* ==================================================
   BODY
================================================== */

.legal__body {
  display: flex;
  flex-direction: column;

  gap: var(--content-gap-m);
}

.legal__body h2 {
  padding-top: var(--space-s);

  font-size: var(--h3);
}

.legal__body h3 {
  font-size: var(--h4);
}

.legal__body h4 {
  font-size: var(--text);
  font-weight: 700;
}

.legal__body p,
.legal__body li {
  color: color-mix(in srgb, var(--primary) 85%, transparent);
}

.legal__body ul {
  display: flex;
  flex-direction: column;

  gap: var(--content-gap-xs);

  padding-left: 1.25rem;
  margin: 0;
}

.legal__body li {
  font-size: var(--text);
  line-height: 1.5;
}

.legal__body a {
  color: var(--secondary);

  font-weight: 600;

  overflow-wrap: anywhere;
}

.legal__body a:hover {
  color: var(--secondary-hover);
}