/* ═══════════════════════════════════════════════════════════════════════════
   yasal.css — /kvkk, /gizlilik, /cerez sayfalarının ortak stili
   Üç sayfada da aynı olduğu için tek dosyada; Tur 5'teki palet geçişinde
   değişkenler burada tek yerden güncellenecek.
   Değişken ADLARI ana sitedeki --color-* ile bilerek aynı.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --color-primary:#1B3B4B; --color-text:#1B3B4B; --color-text-muted:#5A7A8A;
  --color-bg:#F0F3F6; --color-bg-card:#FFFFFF; --color-border:#D1DAE0;
  /* 🔴 Marka teali #268076 beyaz üzerinde 4,48:1 — 4,5 sınırını KILPAYI
     geçmiyor. Otomatik kontrast denetimi bunu yakaladı. Bağlantı metni için
     bir ton koyusu kullanılıyor: #1F6A62 → 6,36:1.
     (Aynı sorun koçluk platformunda da var: style.css --accent-secondary
      gövde metni olarak kullanılıyor. Tur 5'te birlikte ele alınacak.) */
  --color-accent:#1F6A62;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font:400 16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%}
.ust{background:var(--color-primary);color:#fff;padding:18px 20px}
.ust .ic{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ust img{height:34px;width:34px;border-radius:7px;flex:0 0 auto}
.ust b{font-size:17px;font-weight:700}
.ust a{margin-left:auto;color:#A8D0DF;text-decoration:none;font-size:14px;font-weight:600}
.ust a:hover{text-decoration:underline}
main{max-width:820px;margin:0 auto;padding:28px 20px 64px}
.kart{background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:14px;padding:28px 24px}
h1{font-size:26px;line-height:1.3;font-weight:800;margin-bottom:6px}
.tarih{color:var(--color-text-muted);font-size:14px;margin-bottom:26px}
h2{font-size:18px;font-weight:700;margin:28px 0 10px;color:var(--color-primary)}
h2:first-of-type{margin-top:0}
p{margin-bottom:12px}
ul{margin:0 0 14px 20px}
li{margin-bottom:7px}
a{color:var(--color-accent)}
a:focus-visible,button:focus-visible{outline:3px solid #E8B04B;outline-offset:2px;border-radius:3px}
code{background:var(--color-bg);padding:1px 5px;border-radius:4px;font-size:14px}
table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:15px}
th,td{border:1px solid var(--color-border);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--color-bg);font-weight:700}
/* Geniş tablo sayfayı yatay kaydırtmasın — kendi kutusunda kaysın */
.sar{overflow-x:auto}
.not{background:#FFF8E8;border:1px solid #E8D9AE;border-radius:10px;
  padding:14px 16px;margin:16px 0;font-size:15px}
.geri{display:inline-block;margin-top:26px;color:var(--color-accent);font-weight:600}
.baglar{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:18px;
  border-top:1px solid var(--color-border);font-size:15px}

/* ── TASLAK uyarısı ────────────────────────────────────────────────────────
   Metinler avukat onayı ve eksik alanların doldurulması bekliyor. Bu şerit
   YAYINA ALMADAN ÖNCE SİLİNECEK — dururken kimse metni nihai sanmasın. */
.taslak{background:#7A2718;color:#fff;padding:14px 18px;font-size:15px;
  line-height:1.6}
.taslak .ic{max-width:820px;margin:0 auto}
.taslak b{display:block;font-size:16px;margin-bottom:3px}

/* Doldurulacak alan — göz kaçırmasın diye bilerek çirkin */
.eksik{background:#FFE08A;color:#5C3D00;border:1.5px dashed #A87C00;
  border-radius:5px;padding:1px 7px;font-weight:700;font-size:14px;
  white-space:normal}

/* Sade dil katmanı — hukuki metinden ÖNCE gelir, öğrencinin okuyacağı yer */
.sade{background:#EAF5F3;border:1.5px solid #A7D3CC;border-radius:12px;
  padding:20px 20px 16px;margin:0 0 28px}
.sade h2{margin:0 0 12px;color:#1F6A62;font-size:17px}
.sade ul{margin:0 0 0 20px}
.sade li{margin-bottom:9px;font-size:15.5px}
/* --color-text-muted (#5A7A8A) beyazda 4,58:1 ama sade katmanın açık teal
   zemininde 4,04:1'e düşüyordu. Bu zemine özel koyu ton: 5,77:1. */
.sade .devam{margin:14px 0 0;font-size:14px;color:#46626F}

/* Zorunlu unsur tablosu geniş — küçük ekranda kendi kutusunda kaysın */
.dar th,.dar td{font-size:14px;padding:8px 9px}
@media(max-width:560px){.kart{padding:22px 17px}h1{font-size:22px}}