/* ==========================================================
   siteyol.com — hukuki sayfalar
   Uzun metin okunurluğu: dar ölçü, net hiyerarşi, tarama kolaylığı
   style.css'ten SONRA yüklenir, onun değişkenlerini kullanır.
   ========================================================== */

.legal{
  max-width:760px; margin:0 auto; padding:56px 26px 96px;
}

/* --- Doldurulmamış sayfa uyarısı --- */
.legal-uyari{
  background:#FFF6E5; border-radius:var(--r-lg); padding:18px 22px; margin-bottom:36px;
  font-size:15px; line-height:1.55; color:#8A5A00; font-weight:500;
}
.legal-uyari b{font-weight:700}

/* --- Başlık bloğu --- */
.legal h1{
  font-size:clamp(2rem,4.6vw,3rem); letter-spacing:-.038em; line-height:1.04;
  margin-bottom:14px; text-wrap:balance;
}
.legal-tarih{
  font-size:14.5px; color:var(--label-3); padding-bottom:28px;
  border-bottom:1px solid var(--line); margin-bottom:8px;
}

/* --- Bölümler --- */
.legal section{padding-top:40px}
.legal h2{
  font-size:clamp(1.25rem,2.4vw,1.55rem); letter-spacing:-.028em; line-height:1.2;
  margin-bottom:14px; text-wrap:balance;
}
.legal h3{
  font-size:1.05rem; letter-spacing:-.018em; margin:26px 0 10px;
}

/* --- Her bölümün başındaki sade özet --- */
.legal-ozet{
  background:var(--accent-tint); border-radius:var(--r-md); padding:14px 18px;
  font-size:15px; line-height:1.5; color:var(--label); margin-bottom:18px;
  border-left:3px solid var(--accent);
}
.legal-ozet::before{
  content:'Kısaca'; display:block; font-family:var(--font-display);
  font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--accent); margin-bottom:5px;
}
.legal-ozet b{font-weight:600}

/* --- Gövde metni --- */
.legal p{
  font-size:16.5px; line-height:1.68; color:var(--label-2);
  margin-bottom:15px; text-wrap:pretty; max-width:68ch;
}
.legal strong{color:var(--label); font-weight:600}
.legal a{color:var(--accent); text-decoration:underline; text-underline-offset:2px}

.legal ul,.legal ol{
  margin:0 0 18px; padding-left:22px; font-size:16.5px; line-height:1.65; color:var(--label-2);
}
.legal li{margin-bottom:9px; padding-left:4px}
.legal li::marker{color:var(--accent); font-weight:600}

/* --- Doldurulacak alanlar gözden kaçmasın --- */
.legal-bos,
.legal :is(p,li,td,th,h2,h3):has(> .legal-bos){scroll-margin-top:96px}
.legal-bos{
  background:#FFE8B0; color:#7A4E00; font-weight:600;
  padding:1px 7px; border-radius:5px; font-size:.95em;
  white-space:nowrap;
}

/* --- Tablo --- */
.legal-table{
  width:100%; border-collapse:collapse; margin:0 0 22px;
  font-size:15.5px; font-variant-numeric:tabular-nums;
  border-radius:var(--r-md); overflow:hidden; background:var(--surface-2);
}
.legal-table th,.legal-table td{
  padding:13px 16px; text-align:left; border-bottom:1px solid var(--line);
}
.legal-table th{
  font-family:var(--font-display); font-weight:600; font-size:12.5px;
  letter-spacing:.09em; text-transform:uppercase; color:var(--label-3);
}
.legal-table tr:last-child td{border-bottom:none}
.legal-table td:last-child{text-align:right; font-weight:600; color:var(--label); white-space:nowrap}

/* --- Sayfa altı gezinme --- */
.legal-nav{
  margin-top:56px; padding-top:32px; border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:10px;
}
.legal-nav a{
  background:var(--surface-2); border-radius:var(--r-full); padding:11px 20px;
  font-size:14.5px; font-weight:500; color:var(--label-2); text-decoration:none;
  transition:background .16s var(--ease-soft), color .16s var(--ease-soft);
}
.legal-nav a:hover{background:var(--ink); color:#fff}
.legal-nav a[aria-current]{background:var(--accent); color:#fff}

/* --- İçindekiler --- */
.legal-toc{
  background:var(--surface-2); border-radius:var(--r-lg); padding:22px 26px; margin-bottom:12px;
}
.legal-toc h2{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--label-3); margin-bottom:14px}
.legal-toc ol{margin:0; padding-left:20px; font-size:15.5px; line-height:1.5}
.legal-toc li{margin-bottom:7px}
.legal-toc a{color:var(--label-2); text-decoration:none}
.legal-toc a:hover{color:var(--accent); text-decoration:underline}

@media (max-width:620px){
  .legal{padding:40px 18px 80px}
  .legal p,.legal ul,.legal ol{font-size:16px}
  .legal-table{font-size:14.5px; display:block; overflow-x:auto}
  .legal-table th,.legal-table td{padding:11px 13px}
}