/* =====================================
   LEGAL PAGES (Privacy, Cookies, Terms)
===================================== */

.legal{
  background: var(--color-white);
  padding: var(--section-space) 1rem;
}

.legal .container{
  max-width: 75ch;
}

/* Headings */
.legal h1{
  color: var(--color-primary);
  margin: 0 0 1rem;
  line-height: 1.15;
}

.legal h2{
  color: var(--color-primary);
  margin: 2.25rem 0 .75rem;
  line-height: 1.25;
  font-size: 1.25rem;
}

/* Intro */
.legal .intro{
  margin: 0 0 2rem;
  line-height: 1.7;
  font-size: 1.05rem;
  color: var(--color-text);
}

/* Body */
.legal p{
  margin: 0 0 1.1rem;
  line-height: 1.75;
  color: var(--color-text);
}

.legal ul, .legal ol{
  margin: 0 0 1.4rem 1.2rem;
  padding: 0;
  display: grid;
  gap: .5rem;
}

.legal li{
  line-height: 1.65;
  color: var(--color-text);
}

/* Links */
.legal a{
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal a:hover{
  color: var(--color-accent);
}

/* Footer note */
.legal .last-updated{
  margin-top: 2.5rem;
  font-size: .9rem;
  color: var(--color-muted);
}