/* ============================================================
   YASAL METİNLER — kvkk.html, cerez.html
   Belge gibi sade: üstte "Kısaca" özeti, solda yapışkan içindekiler,
   sağda okunur metin. Hareket yok.
   Sıra: scrollcraft.css → nav.css → ango-temel.css → yasal.css
   ============================================================ */
main{padding-top:calc(var(--nav-alt) + 30px);padding-bottom:clamp(70px,9vw,120px)}
.ys-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:var(--sc-gutter)}
.ys-bas{max-width:820px;padding-bottom:28px}
.ys-bas h1{font-weight:900;font-size:clamp(2rem,1.5rem + 1.9vw,3.1rem);line-height:1.04;letter-spacing:-.032em}
.ys-bas p{margin-top:14px;font-weight:600;font-size:1.08rem;line-height:1.6;color:#4E5577;max-width:62ch}
.ys-tarih{display:inline-block;margin-top:16px;padding:6px 12px;border-radius:9px;background:#fff;box-shadow:0 0 0 2px var(--cizgi);font-weight:800;font-size:14px;color:var(--navy)}

.ys-kisaca{margin:6px 0 clamp(36px,5vw,56px);padding:24px 26px;border-radius:22px;background:var(--navy);color:#fff}
.ys-kisaca h2{font-weight:900;font-size:1.2rem;color:#fff}
.ys-kisaca ul{margin:12px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.ys-kisaca li{position:relative;padding-left:22px;font-weight:700;font-size:15.5px;line-height:1.5;color:#DCDFF2}
.ys-kisaca li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--sari)}
.ys-kisaca b{color:#fff}

.ys-izgara{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ys-icindekiler{position:sticky;top:108px}
.ys-icindekiler p{font-weight:900;font-size:15px;margin-bottom:10px}
.ys-icindekiler ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--cizgi);counter-reset:i}
.ys-icindekiler a{display:block;margin-left:-2px;padding:7px 0 7px 14px;border-left:2px solid transparent;font-weight:700;font-size:14.5px;line-height:1.35;color:#4E5577}
.ys-icindekiler a[aria-current="true"]{border-left-color:var(--accent);color:var(--navy)}
@media (hover:hover){.ys-icindekiler a:hover{color:var(--navy)}}
.ys-icindekiler a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}

.ys-metin{max-width:760px;font-weight:600;font-size:1.0625rem;line-height:1.72;color:#353C62}
.ys-metin section{scroll-margin-top:104px}
.ys-metin section + section{margin-top:clamp(36px,4vw,52px);padding-top:clamp(28px,3vw,40px);border-top:2px solid var(--cizgi)}
.ys-metin h2{font-weight:900;font-size:clamp(1.35rem,1.15rem + .7vw,1.7rem);line-height:1.2;letter-spacing:-.02em;color:var(--navy);margin-bottom:12px}
.ys-metin h3{font-weight:900;font-size:1.12rem;color:var(--navy);margin:22px 0 6px}
.ys-metin p + p{margin-top:12px}
.ys-metin ul,.ys-metin ol{margin:12px 0 0;padding-left:1.3em;display:grid;gap:7px}
.ys-metin li::marker{color:var(--accent);font-weight:900}
.ys-metin b,.ys-metin strong{font-weight:900;color:var(--navy)}
.ys-metin a{color:var(--accent-dark);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.ys-metin a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}

/* tablo: dar ekranda kartlara döner */
.ys-tablo{width:100%;margin-top:14px;border-collapse:separate;border-spacing:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--cizgi);font-size:15px;line-height:1.5}
.ys-tablo th,.ys-tablo td{padding:13px 16px;text-align:left;vertical-align:top}
.ys-tablo thead th{background:#F7EFE9;font-weight:900;font-size:14px;color:var(--navy)}
.ys-tablo tbody tr + tr td{border-top:2px solid #F4ECE6}
.ys-tablo td:first-child{font-weight:900;color:var(--navy);width:30%}
.ys-tablo code{font:700 13px/1.4 ui-monospace,Consolas,monospace;padding:2px 6px;border-radius:6px;background:#F7EFE9;color:var(--navy);word-break:break-all}

.ys-not{margin-top:16px;padding:14px 18px;border-radius:16px;background:var(--accent-soft);font-weight:700;font-size:15px;line-height:1.55;color:var(--navy)}
.ys-eksik{display:inline;padding:1px 6px;border-radius:6px;background:#FFE7A1;font-weight:900;color:#6B4A00}
.ys-kunye{margin-top:14px;display:grid;grid-template-columns:auto 1fr;gap:8px 20px;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px var(--cizgi);font-size:15.5px}
.ys-kunye dt{font-weight:800;color:#4E5577}
.ys-kunye dd{margin:0;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.ys-dugme{margin-top:18px}

@media (max-width:980px){
  .ys-izgara{grid-template-columns:minmax(0,1fr)}
  .ys-icindekiler{position:static;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px var(--cizgi)}
  .ys-icindekiler ol{columns:2;column-gap:18px;border-left:0}
  .ys-icindekiler a{border-left:0;padding-left:0}
}
@media (max-width:640px){
  main{padding-top:calc(var(--nav-alt) + 16px)}
  .ys-kisaca{padding:20px 18px}
  .ys-kisaca ul{grid-template-columns:1fr}
  .ys-icindekiler ol{columns:1}
  .ys-tablo,.ys-tablo tbody,.ys-tablo tr,.ys-tablo td{display:block;width:100%}
  .ys-tablo thead{display:none}
  .ys-tablo tr{padding:14px 16px}
  .ys-tablo tbody tr + tr{border-top:2px solid #F4ECE6}
  .ys-tablo tbody tr + tr td{border-top:0}
  .ys-tablo td{padding:2px 0}
  .ys-tablo td:first-child{width:100%;margin-bottom:4px}
  .ys-tablo td[data-ad]::before{content:attr(data-ad) ": ";font-weight:800;color:#4E5577}
  .ys-kunye{grid-template-columns:1fr;gap:2px}
  .ys-kunye dd{margin-bottom:8px}
}