/* Adatkezelési tájékoztató (#108) — egyhasábos jogi szöveg.
   A sorhossz szándékosan rövidebb, mint a cikké: ezt a szöveget nem
   végigolvassák, hanem keresnek benne, ezért a fejezetcímek és a
   címke–érték sorok tagolják. */

.pp {
  padding-block: var(--space-40) var(--space-24);
}

.pp-head,
.pp-body {
  max-width: 44rem;
}

.pp-title {
  font-size: clamp(var(--text-3xl), 3.5vw, var(--text-5xl));
  font-weight: var(--weight-black);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.pp-updated {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

.pp-body {
  margin-top: var(--space-12);
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--color-gray-700);
}

.pp-body h2 {
  margin: var(--space-12) 0 var(--space-4);
  font-size: clamp(var(--text-xl), 2vw, var(--text-2xl));
  font-weight: var(--weight-black);
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--color-text-primary);
}

.pp-body h3 {
  margin: var(--space-8) 0 var(--space-3);
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  line-height: 1.3;
  color: var(--color-text-primary);
}

.pp-body p { margin-bottom: var(--space-4); }

.pp-body ul {
  margin: 0 0 var(--space-4);
  padding-left: 1.25em;
  list-style: disc;
}
.pp-body li { margin-bottom: var(--space-2); }

.pp-body a {
  color: var(--color-text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

.pp-body code {
  font-family: var(--font-mono);
  font-size: 0.9em;
}

/* Címke–érték sorok (adatok, cél, jogalap, időtartam). Mobilon egymás alá
   törnek, szélesebben a címke saját hasábot kap. */
.pp-body .pp-facts {
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border);
}
.pp-body .pp-facts li {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}
.pp-facts li > span {
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-secondary); /* a tertiary (gray-400) kis méretben nem éri el az AA kontrasztot */
}

@media (min-width: 768px) {
  .pp-body .pp-facts li {
    grid-template-columns: 10rem 1fr;
    gap: var(--space-6);
  }
  .pp-facts li > span { padding-top: 0.2em; }
}