/* Analitik Parça Kütüphanesi — analitikparca.com sitesinin çerçevesi (üst şerit, sayfa başı, metin sayfaları,
   alt bilgi). Kütüphanenin kendi biçimi /parca/parca.css'te (bütün kuralları .parca altında, bundan SONRA yüklenir).

   Ailenin ortak renk / ölçü değişkenleri /ortak/aile.css'te (ANALİTİK ailesi tasarım kiti; sitede ELLE
   DÜZENLENMEZ — kitte değişir, `python -B ..\aile\betikler\aile.py esitle parca_kutuphanesi/site` ile gelir).
   Sayfalar onu bu dosyadan ÖNCE bağlar. Burada yalnız siteye özgüler var. Düzen analitikasistan.com'un
   site.css'inden alındı (Parça sayfası 05.11.2026'ya dek orada yayındaydı; görünüm aynı kalsın diye).
   Dış yazı tipi ya da dış betik YÜKLENMEZ; sayfada style="" YAZILMAZ (güvenlik politikası style-src 'self'). */

:root {
  --yesil: #1E8449;     /* parca.css: --ok */
  --kirmizi: #C0392B;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 76px; }

body {
  margin: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--aile-yazi);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img, svg { max-width: 100%; display: block; }
a { color: var(--lacivert-acik); }
h1, h2, h3 { line-height: 1.2; margin: 0 0 .5em; letter-spacing: -.01em; }
h2 { font-size: clamp(1.6rem, 3.2vw, 2.2rem); color: var(--lacivert); }
h3 { font-size: 1.1rem; }
p { margin: 0 0 1em; }

.kap { max-width: var(--genislik); margin: 0 auto; padding: 0 20px; }
@media (max-width: 480px) { .kap { padding: 0 16px; } }

/* İçeriğe geç (WCAG 2.4.1): klavyeyle gezinene ilk Tab'da görünür. Kütüphane sayfasında parca.js tıklamayı
   yakalar, adresi değiştirmeden ana içeriğe odaklar (#icerik parça adı sanılmasın). */
.atla {
  position: absolute; left: 12px; top: -100px; z-index: 30;
  padding: 10px 16px; border-radius: 10px;
  background: var(--lacivert); color: #fff; font-weight: 600; text-decoration: none;
}
.atla:focus { top: 12px; }

/* ---------- Üst şerit ---------- */
.ust {
  position: sticky; top: 0; z-index: 10;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--cizgi);
}
.ust .kap { display: flex; align-items: center; gap: 24px; height: 64px; }
.marka { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--lacivert); }
.marka img { width: 34px; height: 34px; }
.marka span { font-weight: 700; letter-spacing: .04em; font-size: .98rem; white-space: nowrap; }
.menu { display: flex; gap: 18px; margin-left: auto; }
.menu a { color: var(--soluk); text-decoration: none; font-size: .95rem; white-space: nowrap; }
.menu a:hover, .menu a[aria-current] { color: var(--lacivert); }
.menu a[aria-current] { font-weight: 600; }
@media (max-width: 480px) {
  .ust .marka span { font-size: .9rem; letter-spacing: .03em; }
  .menu { gap: 12px; }
  .menu a { font-size: .9rem; }
}

/* ---------- Sayfa başı ---------- */
.sayfa-bas {
  background: linear-gradient(160deg, var(--lacivert) 0%, var(--lacivert-koyu) 100%);
  color: #fff; padding: 56px 0 52px;
}
.sayfa-bas .yol { font-size: .88rem; color: #9FB3CC; margin-bottom: 14px; }
.sayfa-bas .yol a { color: #C3CFDE; }
.sayfa-bas h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: 14px; }
.sayfa-bas p { color: #D5DEEA; font-size: 1.1rem; max-width: 46em; margin: 0; }
.sayfa-bas p a { color: #fff; }

/* ---------- Gizlilik gibi düz metin sayfaları ---------- */
.bolum { padding: 56px 0 72px; }
.metin-sayfa { max-width: 820px; }
.metin-sayfa h2 { font-size: 1.35rem; margin-top: 34px; }
.metin-sayfa h2:first-child { margin-top: 0; }
.madde-liste { margin: 0 0 1em; padding-left: 1.2em; color: var(--metin); }
.madde-liste li { margin-bottom: 8px; }
.madde-liste li strong { color: var(--lacivert); }
.sayfa-yok { color: var(--soluk); font-size: .92rem; }

/* ---------- Alt bilgi ---------- */
.alt { padding: 40px 0 48px; color: var(--soluk); font-size: .88rem; }
.alt .kap { display: grid; gap: 14px; }
.alt .satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
.alt .marka span { font-size: .9rem; }
.alt .marka img { width: 26px; height: 26px; }
.alt .yasal { font-size: .8rem; color: var(--soluk); max-width: 860px; margin: 0; }