/* Nagomi — hukuki sayfaların ortak kabuğu.
   index.html ile AYNI kimlik: lacivert zemin (#030924, launcher ikonunun ve
   mağaza karelerinin zemini), Fredoka başlık, Inter gövde.
   Bu sayfaları Play incelemecisi açıyor — okunabilirlik süslemeden önce gelir. */

:root{
  --night:#030924;
  --raised:#0a1030;
  --rule:#1b2447;
  --rule-soft:#141c3c;
  --accent:#7fd8ce;
  --ink:#eef1fb;
  --ink-2:#b6bedd;
  --ink-3:#7984ad;
  --display:"Fredoka",ui-rounded,system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--night);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}

::selection{background:var(--accent);color:var(--night)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* ---- üst çubuk ---- */
.legalnav{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px clamp(20px,5vw,32px);
  background:color-mix(in srgb,var(--night) 88%,transparent);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--rule-soft);
}
.legalnav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.legalnav .brand img{display:block;width:26px;height:26px}
.legalnav .brand span{font-family:var(--display);font-weight:600;font-size:1.1rem}
.legalnav .back{
  font-size:.86rem;font-weight:500;color:var(--ink-2);text-decoration:none;
  border:1px solid var(--rule);border-radius:999px;padding:7px 15px;
  transition:border-color .18s ease,color .18s ease;
}
.legalnav .back:hover{border-color:var(--accent);color:var(--accent)}

/* ---- okuma sütunu ---- */
main{
  max-width:760px;
  margin:0 auto;
  padding:clamp(32px,6vw,64px) clamp(20px,5vw,32px) 72px;
}

h1{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.7rem,4vw,2.3rem);
  line-height:1.14;letter-spacing:-.02em;
  margin:0 0 6px;text-wrap:balance;
}
h1 + .muted{margin-top:0}

h2{
  font-family:var(--display);font-weight:500;
  font-size:1.18rem;letter-spacing:-.01em;
  color:var(--accent);
  margin:2.4em 0 .5em;
}

p,ul,ol{margin:0 0 1.05em}
ul,ol{padding-left:1.3em}
li{margin-bottom:.45em}
li::marker{color:var(--ink-3)}

b,strong{color:#fff;font-weight:600}

a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}

code{
  font-family:ui-monospace,"Cascadia Code",Consolas,monospace;
  font-size:.88em;background:var(--raised);border:1px solid var(--rule);
  padding:2px 6px;border-radius:6px;color:var(--ink);
}

.muted{color:var(--ink-3);font-size:.88rem}

hr{border:none;border-top:1px solid var(--rule);margin:3.2em 0}

/* child-safety.html'de kullanılıyor */
.box{
  background:var(--raised);
  border:1px solid var(--rule);
  border-radius:14px;
  padding:18px 22px;
  margin:1.6em 0;
}
.box > :last-child{margin-bottom:0}

/* ---- tablo (privacy.html: amaç ↔ hukuki sebep matrisi) ----
   KVKK aydınlatma metninin çekirdeği bu tablo: her işleme amacı için md.5/2'nin
   HANGİ bendine dayanıldığı yazılmak zorunda. Dar ekranda tabloyu kırpmak yerine
   .tablewrap içinde yatay kaydırılır — sayfanın kendisi asla yana kaymaz. */
.tablewrap{overflow-x:auto;margin:1.05em 0 1.6em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:.92rem}
th,td{
  text-align:left;vertical-align:top;
  padding:10px 14px;
  border-bottom:1px solid var(--rule-soft);
}
thead th{
  font-family:var(--display);font-weight:500;font-size:.84rem;
  color:var(--accent);
  border-bottom:1px solid var(--rule);
  white-space:nowrap;
}
tbody tr:last-child td{border-bottom:none}
td code{white-space:nowrap}

/* ---- DOLDURULACAK yer tutucu ----
   ŞU AN KULLANILMIYOR ve bu bilinçli: yer tutucular 12.08.2026'da, hiçbir yanlış
   iddia içermeyen gerçek metinlerle değiştirildi (bkz. privacy.html §1 ve §6'daki
   HTML yorumları). Sınıf, ileride yayına çıkmadan önce doldurulması gereken bir
   alan olursa diye duruyor: kasıtlı olarak çirkin, gözden kaçıp canlıya çıkmasın.
   Bir sayfada .todo görüyorsan o sayfa YAYINA HAZIR DEĞİLDİR. */
.todo{
  display:block;
  background:#3a1220;border:1px dashed #ff8fa8;border-radius:10px;
  padding:14px 18px;margin:1.2em 0;
  color:#ffd9e0;font-size:.92rem;
}
.todo b{color:#fff}

/* ---- alt bilgi ---- */
.legalfoot{
  border-top:1px solid var(--rule-soft);
  padding:32px clamp(20px,5vw,32px) 48px;
  color:var(--ink-3);font-size:.85rem;
}
.legalfoot > div{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;justify-content:space-between}
.legalfoot nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.legalfoot nav a{color:var(--ink-2);font-weight:500;text-decoration:none}
.legalfoot nav a:hover{color:var(--accent)}
.legalfoot p{margin:0}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}