/* ==== Gizlilik: sayfa düzeni ==== */
.legal-hero{
  padding: clamp(28px, 6vw, 64px) 0 24px;
  background: radial-gradient(1200px 600px at 20% -20%, rgba(14,165,233,.10), transparent 60%),
              radial-gradient(1100px 600px at 120% 10%, rgba(245,158,11,.10), transparent 60%);
}
.legal-hero h1{ margin: 0 0 6px; }
.legal-hero .lede{ color: var(--ink-soft); margin: 0 0 6px; }
.legal-hero .meta{ color:#64748b; font-size:14px; }

.legal-body{ padding: 24px 0 56px; }
.legal-grid{ display:grid; grid-template-columns: 260px 1fr; gap: 24px; align-items:start; }

.toc{
  position: sticky; top: 84px; align-self:start; background:#fff; border:1px solid rgba(2,6,23,.08);
  border-radius:16px; padding:12px; box-shadow: var(--shadow);
}
.toc-title{ margin: 0 0 8px; font-size: 18px; }
.toc ol{ margin:0; padding-left: 18px; display:grid; gap:6px; }
.toc a{ text-decoration: none; }
.toc a:hover{ text-decoration: underline; }

.articles{ counter-reset: clause; display:grid; gap:14px; }
.clause{
  background:#fff; border:1px solid rgba(2,6,23,.08); border-radius:16px; padding:12px; box-shadow: var(--shadow);
  scroll-margin-top: 96px;
}
.clause h3{ margin:0 0 6px; font-size:18px; }
.clause .bullets{ margin:0; padding-left:18px; }

:target{ outline: 3px solid rgba(14,165,233,.35); outline-offset: 4px; border-radius: 14px; }

/* Yazdırma */
@media print{
  .site-header, .site-footer, .toc{ display:none !important; }
  .legal-grid{ grid-template-columns: 1fr; }
}

/* Duyarlılık */
@media (max-width: 1024px){
  .legal-grid{ grid-template-columns: 1fr; }
}