/* /ochrana-osobnich-udaju/  (zf legal template, spec 3.9): one 860 column, H1 40/48 w700, numbered H2 22 w600, body 16/26 */
.legal { padding: 80px 0; }
.legal__in { max-width: calc(860px + 2 * var(--gutter)); }
.legal__h { font-size: 40px; line-height: 48px; font-weight: 500; letter-spacing: -.02em; }
.legal__meta { margin-top: 12px; font-size: 14px; line-height: 20px; color: var(--muted); }
.legal h2 { margin-top: 40px; font-size: 22px; line-height: 30px; font-weight: 600; }
.legal p { max-width: 70ch; margin-top: 12px; font-size: 16px; line-height: 26px; color: var(--text-2); }
.legal p a:not(.link-arrow) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.legal p a:not(.link-arrow):hover { color: var(--text); }
.legal__back { margin-top: 48px !important; }
@media (max-width: 575px) { .legal { padding: 48px 0; } .legal__h { font-size: 32px; line-height: 40px; } .legal h2 { margin-top: 32px; font-size: 20px; line-height: 28px; } }

/* zf legal: container max-width 860 incl. padding; 16 gutter on phone; h1 no tracking */
.legal__in { max-width: 860px; }
@media (max-width: 575px) { .legal__h { font-size: 28px; line-height: 36px; } .legal h2 { font-size: 18px; line-height: 26px; } }