/* ============================================================
   Navori — belge sayfalari (privacy, safety, child-safety,
   delete-account) icin paylasilan stil.
   ------------------------------------------------------------
   NOT: `index.html` bu dosyayi KULLANMIYOR, kendi stili gomulu.
   Sebep: acilis sayfasi tek dosya olarak da yayinlanabilmeli
   (onizleme). Belirtecler iki yerde duruyor — birini
   degistirirsen digerini de degistir.
   ============================================================ */
:root{
  --ink:       #0A1128;
  --ink-2:     #0D1633;
  --raise:     #111E42;
  --sink:      #070C1D;
  --line:      #1E2C52;
  --gold:      #F5A623;
  --gold-lift: #FFCE72;
  --gold-haze: rgba(245,166,35,.13);
  --text:      #EDF1FB;
  --haze:      #9AA8C4;
  --haze-dim:  #63719A;

  --s--1: clamp(.8rem,.77rem + .14vw,.87rem);
  --s-0:  clamp(1rem,.97rem + .18vw,1.06rem);
  --s-1:  clamp(1.1rem,1.04rem + .3vw,1.26rem);
  --s-2:  clamp(1.35rem,1.2rem + .7vw,1.7rem);
  --s-3:  clamp(1.8rem,1.45rem + 1.6vw,2.6rem);

  --gut: clamp(1.25rem,4vw,2.5rem);
  --read: 68ch;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--text);
  font-family:"DM Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:var(--s-0);line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

/* ---------------- ust bant ---------------- */
.top{
  border-bottom:1px solid var(--line);background:var(--sink);
  position:sticky;top:0;z-index:10;
  backdrop-filter:blur(10px);
}
.top-in{
  max-width:1000px;margin-inline:auto;padding:.85rem var(--gut);
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;
}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex:none}
.brand svg{width:26px;height:26px;flex:none}
.brand span{
  font-family:"Bricolage Grotesque","DM Sans",sans-serif;font-weight:800;
  font-size:.95rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);padding-left:.28em;
}
.top nav{display:flex;flex-wrap:wrap;gap:.3rem 1.35rem;margin-left:auto}
.top nav a{
  color:var(--haze);text-decoration:none;font-size:var(--s--1);
  border-bottom:1px solid transparent;padding-bottom:1px;
  transition:color .18s,border-color .18s;
}
.top nav a:hover,.top nav a:focus-visible{color:var(--gold);border-bottom-color:var(--gold)}
.top nav a[aria-current="page"]{color:var(--text);border-bottom-color:var(--gold)}

/* ---------------- govde ---------------- */
main{max-width:1000px;margin-inline:auto;padding:clamp(2rem,5vh,3.5rem) var(--gut) 4rem}
.doc{max-width:var(--read)}

h1,h2,h3,h4{
  font-family:"Bricolage Grotesque","DM Sans",system-ui,sans-serif;
  line-height:1.12;letter-spacing:-.022em;text-wrap:balance;
}
h1{font-size:var(--s-3);font-weight:800;margin:0 0 .4rem}
h2{
  font-size:var(--s-2);font-weight:700;
  margin:2.75rem 0 .9rem;padding-top:1.5rem;
  border-top:1px solid var(--line);
}
h3{font-size:var(--s-1);font-weight:600;margin:1.9rem 0 .6rem}
h4{font-size:var(--s-0);font-weight:700;margin:1.4rem 0 .45rem;color:var(--gold-lift)}

.doc > p:first-of-type{color:var(--haze);font-size:var(--s-1);line-height:1.6}
p{margin:0 0 1.1rem}
strong{color:var(--text);font-weight:700}
em{color:var(--gold-lift);font-style:italic}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(245,166,35,.34);transition:border-color .18s}
a:hover,a:focus-visible{border-bottom-color:var(--gold)}

ul{margin:0 0 1.2rem;padding-left:1.15rem;list-style:none}
li{position:relative;margin-bottom:.5rem;padding-left:.35rem}
li::before{
  content:"";position:absolute;left:-.9rem;top:.72em;
  width:5px;height:5px;border-radius:99px;background:var(--gold);opacity:.7;
}

hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}

/* tablolar — dar ekranda kendi icinde kayar */
.tw{overflow-x:auto;margin:0 0 1.5rem;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:var(--s--1);min-width:34rem}
th,td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{
  background:var(--sink);color:var(--haze-dim);font-weight:500;
  font-family:"DM Mono",ui-monospace,monospace;
  font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;
  white-space:nowrap;
}
tr:last-child td{border-bottom:0}
tbody tr:nth-child(even) td{background:rgba(17,30,66,.34)}

/* uyari kutusu */
.note{
  border:1px solid rgba(245,166,35,.3);background:var(--gold-haze);
  border-radius:12px;padding:1rem 1.2rem;margin:0 0 1.5rem;
}
.note p:last-child{margin-bottom:0}

/* guncelleme tarihi */
.stamp{
  font-family:"DM Mono",ui-monospace,monospace;font-size:var(--s--1);
  color:var(--haze-dim);margin:0 0 2.25rem;
}

/* ---------------- alt bant ---------------- */
footer{border-top:1px solid var(--line);background:var(--sink);padding:2.25rem 0 2.75rem}
.foot-in{
  max-width:1000px;margin-inline:auto;padding-inline:var(--gut);
  display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center;
}
.foot-in p{margin:0;color:var(--haze-dim);font-size:var(--s--1)}
.foot-in nav{display:flex;flex-wrap:wrap;gap:.3rem 1.5rem}
.foot-in nav a{color:var(--haze);border-bottom-color:transparent;font-size:var(--s--1)}
.foot-in nav a:hover,.foot-in nav a:focus-visible{color:var(--gold);border-bottom-color:var(--gold)}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* ============================================================
   Silme sayfasi bilesenleri (/delete-account)
   ============================================================ */

/* iki yol: uygulamadan sil / bize yaz */
.paths{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 1.75rem}
@media (min-width:720px){.paths{grid-template-columns:1fr 1fr}}
.path{background:var(--ink-2);padding:1.5rem 1.4rem}
.path h3{margin:.3rem 0 .6rem}
.path p{margin:0 0 .7rem;color:var(--haze);font-size:var(--s--1)}
.path p:last-child{margin-bottom:0}
.who{
  font-family:"DM Mono",ui-monospace,monospace;font-size:.72rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
}
.path ol{margin:0 0 .2rem;padding-left:1.3rem;color:var(--haze);font-size:var(--s--1)}
.path ol li{margin-bottom:.3rem;padding-left:.15rem}
.path ol li::marker{color:var(--gold);font-family:"DM Mono",monospace;font-size:.85em}

/* iletisim kutusu */
.contact{
  border:1px solid rgba(245,166,35,.28);background:var(--gold-haze);
  border-radius:14px;padding:1.35rem 1.45rem;margin:0 0 1.75rem;
}
.contact .eyebrow{color:var(--gold);margin-bottom:.15rem}
.contact p{margin:0;color:var(--haze);font-size:var(--s--1)}
.addr{
  font-family:"DM Mono",ui-monospace,monospace;
  font-size:var(--s-1) !important;color:var(--gold-lift) !important;
  margin:0 0 .7rem !important;word-break:break-all;
}

/* silinir / kalir rozetleri */
.tag{
  display:inline-block;white-space:nowrap;
  font-family:"DM Mono",ui-monospace,monospace;
  font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;
  padding:.18rem .5rem;border-radius:99px;border:1px solid;
}
.tag.gone{color:#F19A86;border-color:rgba(241,154,134,.35);background:rgba(241,154,134,.1)}
.tag.kept{color:#86C4B0;border-color:rgba(134,196,176,.35);background:rgba(134,196,176,.1)}

caption{
  caption-side:top;text-align:left;color:var(--haze);
  font-size:var(--s--1);padding:.85rem .9rem;border-bottom:1px solid var(--line);
}

/* sayfa ustundeki giris blogu */
.doc > .eyebrow{
  font-family:"DM Mono",ui-monospace,monospace;font-size:var(--s--1);
  letter-spacing:.16em;text-transform:uppercase;color:var(--haze-dim);
  margin:0 0 .5rem;
}