/* yasal.css — yasal metin sayfalarının ortak görünümü
   Sitenin tasarım diline (Bowlby One + Familjen Grotesk, kalın çerçeve,
   sert gölge) uyar; ama metin okunabilirliği önceliklidir. */
:root{
  --bg:#FFF8E7; --ink:#1A1A1A; --hot:#FF3D5A; --lime:#C8FF3D;
  --plum:#6E2BFF; --paper:#FFFDF5;
  --shadow:6px 6px 0 var(--ink); --shadow-sm:4px 4px 0 var(--ink);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink);font-family:'Familjen Grotesk',system-ui,sans-serif;line-height:1.65}
a{color:var(--plum);text-decoration:underline}
.ust{max-width:900px;margin:0 auto;padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logo{font-family:'Bowlby One','Archivo Black',system-ui,sans-serif;font-size:24px;letter-spacing:-1px;transform:rotate(-2deg);display:inline-block;text-decoration:none;color:var(--ink)}
.logo span{color:var(--hot)}
.geri{font-weight:700;font-size:13px;border:2px solid var(--ink);border-radius:999px;padding:7px 14px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);text-decoration:none;color:var(--ink)}
.geri:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}

.sayfa{max-width:900px;margin:0 auto;padding:24px 20px 60px}
.sayfa h1{font-family:'Bowlby One','Archivo Black',system-ui,sans-serif;font-size:34px;line-height:1.15;letter-spacing:-1px;margin:18px 0 6px}
.ozet{font-size:14px;font-weight:600;opacity:.75;margin-bottom:22px}

.kutu{background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow-sm);padding:22px 24px;margin-bottom:20px}
.kutu h2{font-family:'Bowlby One','Archivo Black',system-ui,sans-serif;font-size:19px;margin:0 0 12px;line-height:1.3}
.kutu h3{font-size:15px;margin:18px 0 6px;font-weight:700}
.kutu p{font-size:14px;margin-bottom:11px}
.kutu ul,.kutu ol{font-size:14px;margin:0 0 12px 20px}
.kutu li{margin-bottom:6px}
.kutu table{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:12px}
.kutu th,.kutu td{border:2px solid var(--ink);padding:8px 10px;text-align:left;vertical-align:top}
.kutu th{background:var(--lime);font-weight:700;width:34%}

/* Firma bilgisi doldurulmadıysa kırmızı ve altı çizili görünsün */
.yasal-eksik{color:var(--hot);font-weight:800;text-decoration:underline wavy var(--hot)}

.taslak{background:#FFF3CD;border:3px dashed #8a6d00;border-radius:16px;padding:16px 18px;margin-bottom:22px;font-size:13.5px;font-weight:600}
.taslak b{display:block;margin-bottom:6px;font-size:14.5px}

.tarih{font-size:12.5px;font-weight:700;opacity:.6;margin-top:6px}

.alt-baglar{max-width:900px;margin:0 auto;padding:0 20px 40px;display:flex;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700}
.alt-baglar a{border:2px solid var(--ink);border-radius:999px;padding:7px 14px;background:var(--paper);text-decoration:none;color:var(--ink)}
.alt-baglar a:hover{background:var(--lime)}

@media(max-width:640px){
  .sayfa h1{font-size:26px}
  .kutu{padding:18px 16px;border-radius:14px}
  .kutu th{width:auto}
  .kutu table,.kutu thead,.kutu tbody,.kutu tr,.kutu th,.kutu td{display:block}
  .kutu th{border-bottom:none}
  .kutu td{border-top:none;margin-bottom:8px}
}

/* ============================================================
   MASAÜSTÜ OKUMA DÜZENİ + BÜYÜK EKRAN (2026-10-13, Grup G)
   Yalnız ≥1024 px. 320/390/768 etkilenmez.
   Hedef: satır başına en fazla ~75 karakter (H5). Çözüm: yazı 16 px'e
   çıkar, sütun ~560 px; büyük ekranda yazı VE sütun birlikte --be-olcek
   ile büyür (karakter sayısı sabit kalır). Tanımsızlık = ölçek 1.
   zoom / transform:scale YOK (H13).
   ============================================================ */
@media (min-width:1024px){
  .ust,.sayfa,.alt-baglar{max-width:calc(560px * var(--be-olcek,1))}
  .ust{padding:calc(20px * var(--be-olcek,1)) calc(20px * var(--be-olcek,1)) 0;gap:calc(12px * var(--be-olcek,1))}
  .logo{font-size:calc(24px * var(--be-olcek,1))}
  .geri{font-size:calc(14px * var(--be-olcek,1));padding:calc(7px * var(--be-olcek,1)) calc(14px * var(--be-olcek,1));min-height:44px;display:inline-flex;align-items:center}
  .sayfa{padding:calc(24px * var(--be-olcek,1)) calc(20px * var(--be-olcek,1)) calc(60px * var(--be-olcek,1))}
  .sayfa h1{font-size:calc(34px * var(--be-olcek,1))}
  .ozet{font-size:calc(16px * var(--be-olcek,1));margin-bottom:calc(22px * var(--be-olcek,1))}
  .kutu{padding:calc(22px * var(--be-olcek,1)) calc(24px * var(--be-olcek,1));margin-bottom:calc(20px * var(--be-olcek,1))}
  .kutu h2{font-size:calc(19px * var(--be-olcek,1))}
  .kutu h3{font-size:calc(16px * var(--be-olcek,1))}
  .kutu p{font-size:calc(16px * var(--be-olcek,1))}
  .kutu ul,.kutu ol{font-size:calc(16px * var(--be-olcek,1));margin-left:calc(20px * var(--be-olcek,1))}
  .kutu table{font-size:calc(15px * var(--be-olcek,1))}
  .kutu th,.kutu td{padding:calc(8px * var(--be-olcek,1)) calc(10px * var(--be-olcek,1))}
  .taslak{font-size:calc(15px * var(--be-olcek,1));padding:calc(16px * var(--be-olcek,1)) calc(18px * var(--be-olcek,1))}
  .taslak b{font-size:calc(16px * var(--be-olcek,1))}
  .tarih{font-size:calc(14px * var(--be-olcek,1))}
  .alt-baglar{font-size:calc(14px * var(--be-olcek,1));gap:calc(10px * var(--be-olcek,1));padding-bottom:calc(40px * var(--be-olcek,1))}
  .alt-baglar a{padding:calc(7px * var(--be-olcek,1)) calc(14px * var(--be-olcek,1));min-height:44px;display:inline-flex;align-items:center}
}