/* EnergoSet — dlouhé právní texty (zásady ochrany osobních údajů).
   Mobile-first, měřítko řádku drženo kolem 70 znaků kvůli čitelnosti. */

.legal {
  padding-block: clamp(24px, 4vw, 64px) clamp(48px, 6vw, 96px);
}

.legal__inner {
  max-width: 74ch;
  margin-inline: auto;
}

.legal__title {
  margin-top: var(--es-5);
  max-width: none;
}

.legal__meta {
  margin-top: var(--es-4);
  font-family: var(--es-font-mono);
  font-size: var(--es-size-label);
  color: var(--es-muted);
}

.legal__lead {
  margin-top: var(--es-6);
  font-size: var(--es-size-lead);
  line-height: var(--es-lh-lead);
  color: var(--es-body);
}

/* ---- oddíly ---- */
.legal__section {
  margin-top: var(--es-12);
  scroll-margin-top: 80px;
}

.legal__section h2 {
  font-size: clamp(21px, 3.4vw, 27px);
  line-height: 1.15;
  letter-spacing: var(--es-track-card);
  font-weight: 500;
  padding-bottom: var(--es-3);
  border-bottom: 1px solid var(--es-line);
}

.legal__section h3 {
  font-size: var(--es-size-h3);
  line-height: var(--es-lh-h3);
  letter-spacing: var(--es-track-tile);
  font-weight: 500;
}

.legal__section p {
  margin-top: var(--es-4);
  font-size: var(--es-size-body);
  line-height: var(--es-lh-lead);
  color: var(--es-body);
}

.legal__section h2 + p {
  margin-top: var(--es-5);
}

.legal__section strong {
  font-weight: 600;
  color: var(--es-dark);
}

.legal__section ul {
  margin: var(--es-4) 0 0;
  padding-left: 1.25em;
  display: grid;
  gap: var(--es-3);
  font-size: var(--es-size-body);
  line-height: var(--es-lh-lead);
  color: var(--es-body);
}

.legal__section li::marker {
  color: var(--es-teal);
}

/* ---- zvýrazněné bloky ---- */
.legal__box {
  margin-top: var(--es-5);
  background: var(--es-white);
  border: 1px solid var(--es-line-soft);
  border-radius: var(--es-radius-xs);
  padding: var(--es-5);
}

.legal__box p {
  margin-top: 0;
  color: var(--es-dark);
}

.legal__box p + p {
  margin-top: var(--es-4);
}

.legal__highlight {
  background: var(--es-mint);
  border-left: 3px solid var(--es-teal);
  border-radius: 0 var(--es-radius-xs) var(--es-radius-xs) 0;
  padding: var(--es-4) var(--es-5);
}

.legal__note {
  color: var(--es-muted);
  font-size: var(--es-size-small-2);
}

/* ---- účel zpracování ---- */
.purpose {
  margin-top: var(--es-8);
  background: var(--es-white);
  border: 1px solid var(--es-line-soft);
  border-radius: var(--es-radius-md);
  padding: var(--es-5);
}

.purpose__grid {
  margin: var(--es-4) 0 0;
  display: grid;
  gap: var(--es-1);
}

.purpose__grid dt {
  font-size: var(--es-size-caption);
  font-weight: 600;
  letter-spacing: var(--es-track-eyebrow);
  text-transform: uppercase;
  color: var(--es-muted);
  margin-top: var(--es-3);
}

.purpose__grid dt:first-child {
  margin-top: 0;
}

.purpose__grid dd {
  margin: 0;
  font-size: var(--es-size-small);
  line-height: 1.6;
  color: var(--es-body);
}

.legal__rights li strong {
  display: inline;
}

.legal__back {
  margin-top: var(--es-12);
}

/* ---- od tabletu se popisky účelu staví do dvou sloupců ---- */
@media (min-width: 768px) {
  .purpose {
    padding: var(--es-6);
  }

  .purpose__grid {
    grid-template-columns: 8.5em minmax(0, 1fr);
    column-gap: var(--es-5);
    row-gap: var(--es-3);
    align-items: baseline;
  }

  .purpose__grid dt {
    margin-top: 0;
  }

  .legal__box,
  .legal__highlight {
    padding: var(--es-5) var(--es-6);
  }
}