/* Legal pages (/kvkk/, /gizlilik-politikasi/, /cerez-politikasi/ and their English versions):
   a switcher between the three texts and one readable text card. */

.legal-hero { padding-bottom: 40px; }
.legal-hero .h-xl { font-size: clamp(34px, 4.6vw, 52px); }
.legal { padding-bottom: 80px; }

.legal-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 20px; }
.legal-nav a { padding: 9px 16px; border-radius: 999px; background: #fff; box-shadow: var(--shadow); font-size: 13.5px; font-weight: 500; color: var(--ink-2); transition: color .2s, background .2s; }
.legal-nav a:hover { color: var(--red); }
.legal-nav a[aria-current] { color: #fff; background: var(--ink); }

.legal-body { padding: 40px 48px 44px; font-size: 15px; line-height: 1.7; color: var(--ink-2); }
.legal-date { margin-bottom: 18px; font-size: 13px; color: var(--muted); }
.legal-body h2 { margin: 32px 0 10px; font-size: 21px; font-weight: 700; line-height: 1.25; letter-spacing: -.015em; color: var(--ink); }
.legal-body p + p { margin-top: 10px; }
.legal-body ul { margin: 10px 0 0; padding-left: 22px; list-style: disc; }
.legal-body ul + p { margin-top: 12px; }
.legal-body li + li { margin-top: 6px; }
.legal-body li::marker { color: var(--red); }
.legal-body b { color: var(--ink); font-weight: 600; }
.legal-body a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

@media (max-width: 620px) {
  .legal-hero { padding: 34px 0 28px; }
  .legal-nav { gap: 6px; }
  .legal-nav a { padding: 8px 13px; font-size: 13px; }
  .legal-body { padding: 26px 20px 30px; font-size: 14.5px; }
  .legal-body h2 { margin-top: 26px; font-size: 18.5px; }
}