/* Právní stránky (/gdpr, /cookies, /obchodni-podminky) a chybové stránky. Typografie textu sdílí .article-content z blog.css. */
.legal-hero { padding: 40px 0 72px; background: #3a090b; }
.legal-hero__title { font-size: 72px; line-height: 1; font-weight: 600; letter-spacing: -0.045em; margin: 20px 0 0; color: var(--fg); text-wrap: balance; }
.legal-page { padding: 64px 0 112px; background: var(--bg); }
.legal-page__container { max-width: 784px; }
.legal-content h2 { font-size: 24px; margin-top: 1.8em; }
.legal-content .legal-num { font-weight: 600; margin-right: 0.4em; white-space: nowrap; }
.legal-content .legal-sub { padding-left: 2.4em; text-indent: -2.4em; }
.legal-content td:first-child { white-space: nowrap; font-weight: 600; }
.legal-cookie-btn { font: inherit; font-size: 15px; font-weight: 600; color: #fff; background: var(--accent); border: 0; border-radius: 999px; padding: 12px 22px; cursor: pointer; }
.legal-cookie-btn:hover { background: #b81e1e; }

.error-hero__lead { font-size: 20px; line-height: 1.5; color: var(--fg-soft); max-width: 640px; margin: 24px 0 0; text-wrap: pretty; }
.error-links { padding: 64px 0 112px; background: var(--bg); }
.error-links__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px 32px; font-size: 18px; font-weight: 600; }
.error-links__list a { color: var(--fg); border-bottom: 2px solid var(--accent); padding-bottom: 2px; }

@media (max-width: 768px) {
  .legal-hero { padding-bottom: 48px; }
  .legal-hero__title { font-size: 40px; }
  .legal-page, .error-links { padding: 40px 0 72px; }
  .error-links__list a { display: inline-block; padding: 10px 0 8px; }
}