/* Op. Dr. Özgür Çavdaroğlu — yasal metin sayfaları (KVKK, açık rıza, çerez, kullanım koşulları, teşekkürler) (2026-10-24).
   iletisim.css'ten SONRA yüklenir; hero/ritim sınıfları (il-giris, il-sec, il-kanal) oradan gelir. Renkler yalnız site.css :root
   değişkenleri. Tam beyaz bölüm zemini yok (yalnız metin kartı beyaz yüzey). Mono etiket fontu yok. */

.ys-g{grid-template-columns:minmax(0,1fr)}
.ys-giris{padding-bottom:56px}
.ys-giris .il-metin{max-width:820px}

.ys-sec{padding:56px 0 72px}
.ys-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.ys-toc{position:sticky;top:96px;background:var(--kart);border:1px solid var(--cizgi);border-top:3px solid var(--altin-cizgi);border-radius:16px;padding:18px 20px;font-size:15px}
.ys-toc b{display:block;color:var(--lacivert);font-size:16px;margin-bottom:8px}
.ys-toc ol{margin:0;padding-left:20px;display:grid;gap:6px;line-height:1.35}
.ys-toc a{color:var(--lacivert);text-decoration:none}
.ys-toc a:hover,.ys-toc a:focus-visible{text-decoration:underline}

.ys-metin{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:32px 36px;box-shadow:0 1px 2px rgba(13,32,74,.06),0 24px 48px -34px rgba(13,32,74,.35);font-size:17px;line-height:1.7;color:var(--fg)}
.ys-b{scroll-margin-top:96px}
.ys-b+.ys-b{margin-top:30px;padding-top:26px;border-top:1px solid var(--cizgi)}
.ys-metin h2{font-size:clamp(21px,2.2vw,26px);line-height:1.2;color:var(--lacivert);margin:0 0 12px;max-width:none}
.ys-metin p{margin:0 0 12px}
.ys-metin p:last-child,.ys-metin ul:last-child{margin-bottom:0}
.ys-metin ul{margin:0 0 12px;padding-left:22px;display:grid;gap:7px}
.ys-metin a{color:var(--lacivert);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ys-metin a:hover{color:var(--turkuaz-koyu,var(--lacivert))}

.ys-tablo{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:16px;line-height:1.5}
.ys-tablo th,.ys-tablo td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--cizgi)}
.ys-tablo th{color:var(--lacivert);background:var(--buz)}
.ys-tablo td:first-child{font-weight:700;color:var(--lacivert);width:38%}

.ys-diger{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ys-diger a{display:flex;flex-direction:column;gap:5px;height:100%;padding:18px 20px;border-radius:16px;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(216,181,106,.35)}
.ys-diger a b{font-size:18px;color:var(--altin-acik)}
.ys-diger a small{font-size:14.5px;line-height:1.45;color:var(--m2,var(--m1))}
.ys-diger a:hover,.ys-diger a:focus-visible{border-color:var(--turkuaz-acik);background:rgba(255,255,255,.12)}
.ys-diger-acik a{background:var(--kart);border:1px solid var(--cizgi);border-top:3px solid var(--altin-cizgi)}
.ys-diger-acik a b{color:var(--lacivert)}
.ys-diger-acik a small{color:var(--fg2)}
.ys-diger-acik a:hover,.ys-diger-acik a:focus-visible{border-top-color:var(--turkuaz);background:var(--kart)}
.ys-soru{margin:26px 0 14px;color:var(--m1);font-size:17px}
.ys-not{margin:24px 0 0;color:var(--fg2);font-size:16px}
#diger .il-kanal{margin-top:0}

@media(max-width:980px){
  .ys-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .ys-toc{position:static}
  .ys-diger{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ys-sec{padding:36px 0 52px}
  .ys-metin{padding:22px 18px;font-size:16.5px;border-radius:16px}
  .ys-diger{grid-template-columns:minmax(0,1fr)}
  .ys-tablo,.ys-tablo tbody,.ys-tablo tr,.ys-tablo td,.ys-tablo th{display:block;width:100%}
  .ys-tablo thead{display:none}
  .ys-tablo td:first-child{width:100%;padding-bottom:2px;border-bottom:0}
}