/* ==========================================================================
   legal.css — pagine di testo (privacy e cookie). Usa i token di base.css.
   ========================================================================== */
.legal-top {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.1rem var(--pad-x);
  border-bottom: 1px solid var(--line);
}
.legal-top__brand { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.02em; }
.legal-top__back { color: var(--cream-dim); font-size: var(--step--1); }
.legal-top__back:hover { color: var(--lime); }

.legal {
  max-width: 46rem;
  margin: 0 auto;
  padding: clamp(3rem, 2rem + 5vw, 6rem) var(--pad-x) clamp(4rem, 3rem + 5vw, 8rem);
}
.legal__label {
  font-size: var(--step--1);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--lime);
}
.legal h1 { font-size: var(--step-4); margin: 0.6rem 0 1rem; }
.legal h2 { font-size: var(--step-2); margin: 2.8rem 0 0.8rem; }
.legal p, .legal li { color: var(--cream-dim); }
.legal p + p { margin-top: 1rem; }
.legal ul { margin: 1rem 0 0; padding-left: 1.25rem; }
.legal ul + p { margin-top: 1.2rem; }
.legal li { list-style: disc; margin-top: 0.5rem; padding-left: 0.2rem; }
.legal strong { color: var(--cream); font-weight: 600; }
.legal a { color: var(--lime); text-decoration: underline; text-underline-offset: 0.2em; }
.legal a:hover { color: var(--lime-soft); }
.legal__upd { color: var(--muted); font-size: var(--step--1); }

.legal-foot {
  display: flex; flex-wrap: wrap; gap: 0.6rem 1.4rem; justify-content: space-between;
  padding: 1.4rem var(--pad-x) 2rem;
  border-top: 1px solid var(--line);
  color: var(--muted); font-size: var(--step--1);
}
.legal-foot a:hover { color: var(--lime); }