/* ── YAZI TIPLERI SELF-HOST (05.11.2026) ─────────────────────────────────
   Once `fonts.googleapis.com`tan geliyordu. Iki sebeple tasindi:

   ⚠️ 1. PERFORMANS — OLCULDU. PageSpeed mobilde "render-blocking requests
         650-700 ms" uyarisinin kaynagi buydu: tarayici once googleapis'e
         gidip CSS'i aliyor (DNS + TLS + istek), SONRA gstatic.com'a ikinci
         bir kaynaktan font cekiyordu. Iki capraz-kaynak el sikismasi ve
         seri bir bagimlilik. Artik ikisi de ayni kaynaktan.

   ⚠️ 2. GIZLILIK. Google Fonts'u tarayiciya cektirmek ziyaretcinin IP'sini
         Google'a gonderir; AEA'da bu tartismali ve bu site AEA'ya onay
         akisi sunuyor. Self-host bunu tamamen ortadan kaldirir.

   ⚠️ DEGISKEN FONT KULLANILDI VE BU BIR DUZELTME. CSS'te 650 ve 750
      agirliklari var ama Google'dan istenen set `400;450;500;600;700;800`
      idi — yani o ikisi BUGUNE KADAR en yakinina yuvarlaniyordu. Degisken
      font 100-900 arasini surekli veriyor; artik tam cizilyorlar. Ayrica
      alti ayri dosya yerine tek dosya.

   ⚠️ AILE ADLARI `Inter` ve `JetBrains Mono` olarak BIRAKILDI (paketin
      kendi adi 'Inter Variable'). Boylece site.css'teki hicbir
      `font-family` satirina dokunmak gerekmedi.

   ⚠️ `unicode-range` DEGERLERI UYDURULMADI, paketin kendi CSS'inden
      alindi. Turkce icin kritik: `ğ ş İ` latin-ext araliginda (U+0100+),
      `ı` ise latin'de (U+0131). Yani Turkce sayfa IKI dosyayi da cekiyor,
      Ingilizce sayfa cogunlukla yalnizca latin'i.

   Lisanslar `yazitipi/LICENSE-*.txt` — OFL tasinmalarini sart kosuyor. */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/yazitipi/inter-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/yazitipi/inter-latin-ext.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/yazitipi/mono-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/yazitipi/mono-latin-ext.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* =====================================================================
   ROTALY — BELGE SAYFALARI (gizlilik · sartlar · hesap silme)
   21.10.2026 · Ali'nin tasariminin gorsel dili, metne DOKUNULMADAN
   ---------------------------------------------------------------------
   ⚠️ ISARETLEME DEGISMEDI, YALNIZCA STIL. Bu uc sayfa HUKUKI METIN ve
      magazalara verildi; uygulamada da SABIT yazili (`/privacy` 9,
      `/terms` 3, `/hesap-silme` 9 kez). Sayfalarin kendi sinif adlari
      (`.kap`, `.kart`, `.uyari`, `.ikincil`, `.dil`) OLDUGU GIBI
      birakildi ve burada yeniden bicimlendi — boylece govdeye hic
      dokunulmadi ve metnin degismesi teknik olarak MUMKUN DEGIL.

   ⚠️ `style.css` SILINMEDI: eski surumu onbellekten acan biri olabilir
      ve dosya hala kucuk. Yeni sayfalar bunu okuyor.

   ⚠️ `--faint` (#8A8A84) METIN ICIN KULLANILMAZ — olculdu: 3.33, AA
      metin esigi 4.5. Govde metni `--muted` (7.09).

   ⚠️ `h2` GERCEK BASLIK OLARAK BICIMLENDI. `destek.html`te `h2` kucuk
      buyuk-harf bir ETIKET; orada tek bir "Sik sorulanlar" ayirici var.
      Bu sayfalarda `h2` bolum basligi (gizlilikte 8 tane) — etiket gibi
      bicimlemek belge hiyerarsisini duzlerdi.
   ===================================================================== */

:root {
  --ink: #141414; --muted: #56564f; --faint: #8a8a84;
  --paper: #fbfaf8; --surf: #ffffff; --hair: #e7e6e2;
  --or: #f97316; --otext: #a8501c;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--paper); color: var(--ink); line-height: 1.5;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--otext); }

/* ── Ust serit (destek sayfasiyla AYNI) ──────────────────────────────── */
.nav { border-bottom: 1px solid var(--hair); background: rgba(251,250,248,.9);
  backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 10; }
.nav .in { max-width: 1180px; margin: 0 auto; padding: 15px 24px; display: flex;
  align-items: center; justify-content: space-between; gap: 18px; }
.nav .lg { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 17px;
  letter-spacing: -.03em; text-decoration: none; color: var(--ink); }
/* Marka isareti UYGULAMANIN IKONUNDAN (`assets/images/icon.png`,
   15.10.2026). Once burada CSS ile cizilmis duz bir `R` vardi ve o
   cizim 24.09 tarihli ESKI pul markasiydi — site ile uygulama iki
   farkli logo gosteriyordu. `var(--or)` yedek olarak duruyor:
   gorsel inmezse turuncu kare yine cikar, bosluk kalmaz. */
.nav .lg i { width: 28px; height: 28px; border-radius: 8px; background: var(--or) url(/marka.svg) center/cover no-repeat;
  display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 15px;
  font-style: normal; }
.nav .back { font-size: 14px; font-weight: 500; color: var(--muted); text-decoration: none; }
.nav .back:hover { color: var(--ink); }

/* ── Belge govdesi ───────────────────────────────────────────────────── */
/* ⚠️ `.kap` SAYFALARIN KENDI SINIFI — adi korundu, olculeri yenilendi. */
.kap { max-width: 760px; margin: 0 auto; padding: 54px 24px 70px; }

h1 { font-size: clamp(30px, 5vw, 44px); font-weight: 800; letter-spacing: -.04em;
  line-height: 1.05; margin-bottom: 10px; }
h2 { margin-top: 46px; font-size: 21px; font-weight: 700; letter-spacing: -.025em;
  padding-bottom: 10px; border-bottom: 1px solid var(--hair); }
h3 { margin-top: 26px; font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
p { margin-top: 10px; font-size: 15.5px; line-height: 1.68; color: var(--muted); }
p b, p strong, li b, li strong { color: var(--ink); font-weight: 650; }
ul, ol { margin-top: 10px; padding-left: 20px; }
li { margin-top: 6px; font-size: 15.5px; line-height: 1.68; color: var(--muted); }

/* ── Kartlar (sayfalarin kendi sinifi) ───────────────────────────────── */
.kart { margin-top: 18px; background: var(--surf); border: 1px solid var(--hair);
  border-radius: 16px; padding: 20px 22px; }
.kart > :first-child { margin-top: 0; }
.kart h2 { margin-top: 0; border: 0; padding-bottom: 6px; font-size: 18px; }
/* ⚠️ `.uyari` kenarligi tasarimin `.warnline` desenine gecti. */
.uyari { background: #fff6ee; border: 0; border-left: 3px solid var(--or);
  border-radius: 0 12px 12px 0; }
.ikincil { color: var(--muted); }

/* ── Dil ayirici ─────────────────────────────────────────────────────── */
.dil { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--hair);
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--otext); }

/* ── Tablo (gizlilik sayfasinda veri listesi) ────────────────────────── */
table { margin-top: 16px; width: 100%; border-collapse: collapse;
  background: var(--surf); border: 1px solid var(--hair); border-radius: 14px;
  overflow: hidden; font-size: 14.5px; }
th, td { padding: 11px 14px; text-align: left; vertical-align: top;
  border-bottom: 1px solid var(--hair); line-height: 1.6; }
th { font-weight: 650; color: var(--ink); background: #faf9f7; }
td { color: var(--muted); }
tr:last-child th, tr:last-child td { border-bottom: 0; }
code { background: var(--surf); border: 1px solid var(--hair); border-radius: 6px;
  padding: .12em .38em; font-family: "JetBrains Mono", monospace; font-size: .88em; }

/* ── Alt serit ───────────────────────────────────────────────────────── */
.foot { border-top: 1px solid var(--hair); background: var(--surf); }
.foot .in { max-width: 1180px; margin: 0 auto; padding: 26px 24px; display: flex;
  flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.foot .lg { display: flex; align-items: center; gap: 10px; font-weight: 700;
  text-decoration: none; color: var(--ink); }
.foot .lg i { width: 26px; height: 26px; border-radius: 7px; background: var(--or) url(/marka.svg) center/cover no-repeat;
  display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 14px;
  font-style: normal; }
.foot nav { display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 14px; }
.foot nav a { color: var(--muted); text-decoration: none; }
.foot nav a:hover { color: var(--ink); }

@media (max-width: 560px) {
  .kap { padding: 36px 18px 56px; }
  table { font-size: 13.5px; }
  th, td { padding: 9px 10px; }
}