/* legal.css — /legal/* ve /en/legal/* sayfalarina ozgu stil. Yalnizca zv.css tokenlari. */

/* zv.css html+body'ye overflow-x:hidden verir; bu position:sticky header'i bozar. clip tasmayi kaydirma kabi olusturmadan keser. */
html, body { overflow-x: clip; }

.legal-wrap { padding-bottom: 96px; }
.legal-wrap .prose { min-width: 0; }
.legal-wrap .prose h2 { padding-top: .4em; border-top: 1px solid var(--border); scroll-margin-top: 96px; }
.legal-wrap .prose h2:first-of-type { border-top: 0; }
.legal-wrap .prose strong { color: var(--fg); }

.page-hero .updated {
  display: inline-block; margin-top: 4px;
  font-family: var(--font-mono); font-size: 0.8rem; color: var(--fg-muted);
  padding: 4px 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-card);
}

/* Bilgilendirme kutusu */
.prose .note {
  border: 1px solid rgba(245, 158, 11, 0.35); background: rgba(245, 158, 11, 0.08);
  border-radius: var(--radius-md); padding: 14px 16px; margin: 0 0 24px;
  font-size: 0.92rem; line-height: 1.6; color: var(--fg-secondary);
}

/* Yer tutucu ([Sirket Unvani] vb.) */
.prose .ph {
  color: var(--accent); background: var(--accent-dim); border-radius: 6px; padding: 1px 7px;
  font-family: var(--font-mono); font-size: 0.86em; overflow-wrap: anywhere;
}

/* Icindekiler (KVKK) */
.prose .toc { margin: 0 0 28px; padding: 18px 20px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-card); display: grid; gap: 2px; }
.prose .toc-title { color: var(--fg); font-weight: 700; margin-bottom: 6px; }
.prose .toc a { display: flex; align-items: center; min-height: 36px; text-decoration: none; overflow-wrap: anywhere; }
.prose .toc a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .legal-wrap { padding-bottom: 64px; }
  .legal-wrap .prose h2 { scroll-margin-top: 88px; }
  .prose .toc a { min-height: 44px; }
}
@media (max-width: 400px) {
  .legal-wrap .prose h2 { scroll-margin-top: 80px; font-size: 1.35rem; }
}