/* ============ legal.css — Zásady ochrany / Obchodné podmienky ============ */
.legal { padding-block: clamp(40px, 5vw, 80px); }
.legal__inner { max-width: 860px; margin-inline: auto; }
.legal__title { font-size: var(--fs-h1); margin-bottom: 10px; }
.legal__updated { color: var(--cream-70); font-size: var(--fs-15); margin-bottom: clamp(28px, 3vw, 44px); }

.legal__block { margin-bottom: clamp(26px, 3vw, 40px); }
.legal__block h2 {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.2rem, 1.7vw, 1.5rem); color: var(--cream);
  margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line);
}
.legal__block p,
.legal__block li { font-size: var(--fs-16); line-height: 1.7; color: var(--cream-80); }
.legal__block p + p { margin-top: 12px; }
.legal__block ul { margin: 12px 0 0; padding-left: 1.3em; display: grid; gap: 8px; }
.legal__block ul li::marker { color: var(--cream-70); }
.legal__block a { color: var(--cream); text-decoration: underline; text-underline-offset: 3px; }

.legal__toc {
  border: 1px solid var(--cream-20); background: rgba(239,217,135,.05);
  padding: clamp(18px, 2vw, 26px); margin-bottom: clamp(28px, 3vw, 44px);
}
.legal__toc h2 { font-size: var(--fs-18); font-weight: 500; margin-bottom: 12px; }
.legal__toc ol { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }
.legal__toc a { color: var(--cream-80); text-decoration: none; }
.legal__toc a:hover { color: var(--cream); text-decoration: underline; text-underline-offset: 3px; }