/* ══════════════════════════════════════════════════════════════════════════════════
   akkopar.com — v8 · AÇIK TEMA, PREMİUM NETLİK
   Sözleşme: web/TASARIM_SOZLESMESI_v8_TASLAK.md (§2 token · §3 görsel dili · §6 krom yasakları)
   ⛔ _ortak.css (v7) BURAYA import EDİLMEZ — ikiz kimlik yasak. Bu dosya sıfırdan yazıldı.

   YAPI FİKRİ: sayfa bir belgedir. Yapıyı kutu/kart değil, İNCE ÇİZGİ + ALTINDAKİ KÜNYE
   SATIRI taşır (raporun kendi konvansiyonu). Üç tam-genişlik anı kolonu kırar:
   hero'daki belge yüzeyi, saha şeridi, kağıt bandı.
   ══════════════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:"Inter";src:url("assets/font/Inter-var.woff2")format("woff2");
           font-weight:100 900;font-display:swap;font-style:normal}
/* ── TOKEN'LAR (§2 · yedi renk, fazlası yok) ───────────────────────────────────── */
:root{
  --beyaz:#FFFFFF;
  --kagit:#F1EFEA;   /* 09-07 AKK (2b onaylı): #F4F7FA beyaza karşı 1,08 → görünmezdi;
                        #F1EFEA lacivert tonlu, 1,17 → ayrışır. Gövde metin bu zeminde
                        10,0:1, ikincil (#5A6B80) 4,68:1 — WCAG AA (≥4,5) sınırında KALIR;
                        daha koyu zemin ikincil metni 4,5'in ALTINA düşürür, YASAK. */
  --lacivert:#0B2545;
  --govde:#1B3A5C;
  --ikincil:#5A6B80;
  --hat:#DCE3EC;
  --kirmizi:#C8102E;
  --kirmizi-koyu:#A50D26;          /* yalnız CTA hover — aynı ailenin koyusu */

  /* v7 belge-şeması SVG'lerinin taşıdığı ad-alanı (mekanizma port edildi, renk v8'den gelir) */
  --kagit-pano:var(--kagit);
  --metin-kagit:var(--govde);
  --ikincil-kagit:var(--ikincil);
  --hat-kagit:var(--hat);
  --kanit-kagit:var(--lacivert);

  --yan:clamp(20px, 5vw, 64px);
  --kutu:80rem;                    /* 1280px */
  /* C8 metin sütunu (bileşen-standart 2026-09-17, RAPOR _olcum/2026-09-16_bosluk_standart
     §C · Carbon 8×88, emsal medyanı 715px): 66ch (~600px render) → 44rem sabit TOKEN.
     `.nesir` bunu kullanır — ch tabanlı okuma sütunü yerine ölçülebilir, tekrarlanabilir
     bir değer. Grid yeniden-akışı gerekiyorsa (ör. `.ikili` yan sütunlu düzenler) sonraki
     ajan bunu OKUR, yeni bir sabit icat etmez. */
  --sutun-metin:66ch;              /* 2026-09-19 T3: 44rem=704px=83ch idi, karne sınırı ≤72ch */
  /* M4 · TEK BOŞLUK SİSTEMİ (AKK onayı 2026-09-16 · RAPOR §C1): vw-türevi clamp 8px
     ölçeğinde SABİT basamağa indi (1440'ta 100,8 → 64 = Carbon spacing-10). Ondalık
     değer (100,8 · 72,576 · 20,16) üreten tek kaynak buydu. ⛔ Değiştirirken RAPOR §D3
     tuzağı: bu değişken başka yerlerde de okunur (.cta-blok · .masa-omurga · .dipnot-blok)
     → her değişiklikten sonra sayfa yüksekliğini ÖLÇ. */
  --bosluk:64px;

  /* §3a şema ölçüleri — TEK KAYNAK (bağlaç hesapları bu değerlerden türer) */
  --dugum:56px;                    /* Ş1 durak düğümü (daire) */
  --cember:120px;                  /* Ş3 halka */
  --durak-pay:1.35rem;             /* .durak yan payı — Ş1 bağlaç/dönüş hizası buna bağlı */
  --halka-pay:1.6rem;              /* .halka yan payı — Ş3 bağlaç hizası buna bağlı */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--beyaz);
  color:var(--govde);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:var(--p2);             /* 17px */
  line-height:1.7;
  font-feature-settings:"kern" 1;
  text-rendering:optimizeLegibility;
}
img,svg{max-width:100%}
img{height:auto}

/* ── KUTU + BANT ──────────────────────────────────────────────────────────────── */
.kutu{width:min(100% - 2*var(--yan), var(--kutu));margin-inline:auto}
.bant{padding-block:var(--bosluk)}
.bant--kagit{background:var(--kagit)}
.bant--dar{padding-block:48px}   /* M4·C2: 0,72 çarpanı 72,576 ondalığını üretiyordu → spacing-09 */
.bant--cizgi{border-top:1px solid var(--hat)}

/* ── TİPOGRAFİ (§2) ───────────────────────────────────────────────────────────── */
h1,h2,h3{color:var(--lacivert);margin:0;text-wrap:balance}
h1{
  font-weight:500;
  font-size:var(--p6);line-height:1.15;letter-spacing:-0.006em;
}
h2{
  font-weight:500;
  font-size:var(--p5);line-height:1.24;
}
h3{font-size:var(--p3);font-weight:600;line-height:1.35}
p{margin:0}
.nesir{max-width:var(--sutun-metin)}
.girizgah{max-width:64ch;color:var(--govde);margin-top:1.1rem}
.kunye{font-size:var(--p1);font-weight:500;line-height:1.6;color:var(--ikincil);
       font-variant-numeric:tabular-nums}
.sayi{font-variant-numeric:tabular-nums}
a{color:inherit}

/* yer tutucu (§7) — görünür [TASLAK] öneki + ince kesik alt çizgi */
.taslak{
  text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;
  text-decoration-color:rgba(11,37,69,.6);text-underline-offset:.26em;
}

/* odak — her yerde görünür */
:where(a,button,summary,[tabindex]):focus-visible{
  outline:2px solid var(--kirmizi);outline-offset:3px;
}

/* ══ ÜST BAR ═══════════════════════════════════════════════════════════════════ */
.ust{position:sticky;top:0;z-index:30;background:var(--beyaz);border-bottom:1px solid var(--hat)}
.ust-ic{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);min-height:78px}
.marka{display:flex;align-items:center;flex:none}
.marka img{display:block;height:35px;width:auto}   /* 09-05 AKK "küçük": 32→40px; ölçüm Deloitte 16 · BCG 27 · KPMG 32 · EY 55 (1440) — aralık içi, alt satır okunur.
   09-07 (1, AKK onaylı): PNG'nin 172px şeffaf sol/157px sağ boşluğu alfa-bbox'tan kırpıldı
   (1024×295 → 695×258; orijinal `assets/img/_orijinal/`de duruyor) — logo artık .marka
   kutusuna TAM oturuyor, sol kenar hizası ölçülebilir. Görünen boyut AYNI kalsın diye
   40px → 35px (258/295×40 ≈ 35) — kırpılmadan ÖNCEki görsel yükseklik birebir. */
.menu{display:flex;align-items:center;gap:clamp(9px,1.05vw,19px);margin-inline-start:auto}
.menu > a,.dal-bas{
  display:inline-block;text-decoration:none;color:var(--lacivert);
  font-size:var(--p1);font-weight:500;letter-spacing:0.035em;line-height:1;
  padding-block:11px;border-bottom:2px solid transparent;white-space:nowrap;
  transition:border-color .15s ease-out;                     /* §11.1 cevap-hareketi (menü) */
}
.menu > a:hover,.dal-bas:hover{border-bottom-color:var(--hat)}
.menu a[aria-current="page"],.dal-bas.guncel{border-bottom-color:var(--lacivert)}
/* ⛔ EBEVEYN-AKTİF (2026-09-17 · UX denetimi §3A/§5D, kapı UX13): menüye GİRMEYEN sayfalar
   (/rapor/* · /icgoru/* · /ai-masasi-nasil) üst menüde hiçbir şey işaretlemiyordu → okur
   "site dışına mı çıktım?" diyordu. Artık ait olduğu öğe işaretlenir. Ayrım bilinçli:
   `="page"` = TAM BU SAYFA (koyu, tam çizgi) · `="true"` = BU BÖLÜMÜN İÇİ (aynı çizgi,
   açık ton). Ekran okuyucu ikisini zaten ayırt eder; göz de ayırt etsin. */
.menu a[aria-current="true"]{border-bottom-color:var(--hat)}

.dal-kok{position:relative;display:inline-block}
.dal-bas{cursor:pointer}
.dal-bas .ok{font-size:0.65em;margin-inline-start:.25em}
.dal{
  position:absolute;top:100%;inset-inline-start:-18px;min-width:19rem;margin:0;padding:6px 0;
  list-style:none;background:var(--beyaz);border:1px solid var(--hat);
  box-shadow:0 14px 30px -18px rgba(11,37,69,.45);display:none;
}
.dal-kok:hover .dal,.dal-kok:focus-within .dal,.dal-kok.acik .dal{display:block}
.dal a{
  display:flex;justify-content:space-between;align-items:baseline;gap:1.2rem;
  padding:.55rem 1.05rem;text-decoration:none;color:var(--govde);font-size:var(--p1);line-height:1.4;
  transition:background-color .15s ease-out,color .15s ease-out;  /* §11.1 cevap-hareketi (menü dalı) */
}
.dal a:hover{background:var(--kagit);color:var(--lacivert)}
.dal .durum{font-size:var(--p1);color:var(--ikincil);white-space:nowrap}

.ust-cta{
  flex:none;text-decoration:none;color:var(--lacivert);border:1px solid var(--lacivert);
  padding:.62rem 1.05rem;font-size:var(--p1);font-weight:500;letter-spacing:0.035em;
  line-height:1;white-space:nowrap;transition:background-color .15s ease,color .15s ease;
}
.ust-cta:hover{background:var(--lacivert);color:var(--beyaz)}
/* .menu-ac{display:none} → ORTAK_UST_BAR (tema_apple.py · _v8-apple.css) 2026-09-12 */

/* ══ HERO ══════════════════════════════════════════════════════════════════════ */
.hero{padding-block:clamp(52px,5.4vw,92px) clamp(60px,6vw,104px)}
.hero-ic{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
         gap:clamp(34px,5vw,76px);align-items:start}
.hero-ust{font-size:var(--p2);color:var(--ikincil);margin-bottom:1.15rem;max-width:56ch}
.hero-alt{margin-top:1.35rem;max-width:56ch;font-size:var(--p2);line-height:1.62}
/* Amaç cümlesi hero'da H1'in ALTINA gelir (raf bölümlerinde eyebrow'un altına gelir ve
   boşluğu eyebrow verir; burada veren yok → h1'in margin'i 0 olduğu için 0 px'e yapışıyordu).
   Üst boşluk `.hero-alt` ile aynı: H1 → amaç → nesir tek ritimde. */
.hero .raf-amac{margin-top:1.35rem}
.hero-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2.1rem}
.hero .yuzey{max-width:26rem;margin-inline-start:auto}
.hero-kunye{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--hat);max-width:56ch}

/* ── BELGE YÜZEYİ — gerçek çıktı, ince Hat çerçeveli (§3) ─────────────────────── */
.yuzey{margin:0}
.yuzey img,.yuzey svg{display:block;width:100%;background:var(--beyaz);
  border:1px solid var(--hat);box-shadow:0 20px 34px -28px rgba(11,37,69,.55)}
.yuzey figcaption{margin-top:.85rem;font-size:var(--p1);font-weight:500;line-height:1.6;
  color:var(--ikincil);font-variant-numeric:tabular-nums}
.yuzey--etiketli{position:relative}
.yuzey-rozet{
  position:absolute;top:14px;inset-inline-start:14px;background:var(--beyaz);
  border:1px solid var(--hat);color:var(--ikincil);font-size:var(--p1);font-weight:600;
  padding:.24rem .5rem;line-height:1.3;
}

/* ── DÜĞMELER ─────────────────────────────────────────────────────────────────── */
.cta{
  display:inline-block;background:var(--kirmizi);color:var(--beyaz);text-decoration:none;
  padding:.92rem 1.55rem;font-weight:600;font-size:var(--p2);line-height:1.2;
  transition:background-color .15s ease;
}
.cta:hover{background:var(--kirmizi-koyu)}
.bag{
  color:var(--lacivert);text-decoration:none;font-weight:500;
  border-bottom:1px solid rgba(11,37,69,.38);padding-bottom:2px;
  transition:border-color .15s ease-out;                     /* §11.1 cevap-hareketi (hover alt çizgi) */
}
.bag:hover{border-bottom-color:var(--lacivert)}
p .bag,li .bag,dd .bag{font-weight:600}

/* ══ ALTI DURAK — gerçek sıra, o yüzden numaralı (§6 istisnası) ════════════════ */
.bolum-bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
           gap:1rem 2rem;margin-bottom:24px}   /* M4·C3: 2,1rem=33,6 → 24 (spacing-06) */
.bolum-bas .kunye{max-width:34ch}
.duraklar{--durak-ust:1.5rem;margin:0;padding:0;list-style:none;
          /* 09-08 kök-fix: <ol> UA girintisi (40px) sıfırlanmamıştı → durak satırı vuruş
             başlıkları ve kapı kutularından 40px sağda başlıyordu (ölçüldü: durak-01 x=120,
             kapı-① x=80). Üç satır artık aynı sol kenarda; ayraçlar kutu kenarlarıyla çakışır. */
          display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
          border-top:1px solid var(--hat);border-bottom:1px solid var(--hat)}
.durak{position:relative;
       padding:var(--durak-ust) var(--durak-pay) 1.7rem;border-inline-start:1px solid var(--hat);
       display:flex;flex-direction:column;gap:.3rem}
.durak:first-child{border-inline-start:0;padding-inline-start:0}
.durak:last-child{padding-inline-end:0}
.durak-no{font-size:var(--p3);color:var(--ikincil);
          font-variant-numeric:tabular-nums;line-height:1}
.durak-ad{font-weight:600;color:var(--lacivert);font-size:var(--p2);line-height:1.3}
.durak-teslim{font-size:var(--p1);color:var(--ikincil);line-height:1.55}
.durak-not{margin-top:1.6rem;font-size:var(--p1);color:var(--ikincil);max-width:66ch}

/* ══════════════════════════════════════════════════════════════════════════════
   §3a PİKTOGRAM + ŞEMA SİSTEMİ
   Piktogram YALNIZ iki yerde yaşar: (a) bir şema düğümü, (b) o şemanın aynı sayfada
   indekslediği satır dizini (.sema-legend). Başlık · künye · CTA · menü · kart
   başlığı · dipnot → YASAK (serpiştirme = üretilmiş-şablon kokusu).
   Çizgi: TEK kalınlık 1,5px · renk lacivert; ikincil çizgi (dönüş/kesik) #5A6B80.
   Yeni renk YOK, kart/radius/gölge yığını YOK (§6).
   ══════════════════════════════════════════════════════════════════════════════ */
.pikto{display:block;width:1.5rem;height:1.5rem;color:var(--lacivert)}
.sema{margin:0}
.sema figcaption{margin-top:.95rem;font-size:var(--p1);font-weight:500;line-height:1.6;
                 color:var(--ikincil);font-variant-numeric:tabular-nums;max-width:66ch}

/* ── Ş1 ALTI DURAK AKIŞI (anasayfa) ──────────────────────────────────────────
   Düğüm = kağıt dolgulu daire; bağlaç = hücrenin tam genişliğini kaplayan lacivert
   çizgi, düğümün opak zemini çizgiyi maskeler → çizgi düğümler ARASINDA görünür.
   İlk/son hücrede çizgi düğüm merkezinde başlar/biter (dışarı taşmaz). */
.dugum{
  flex:none;align-self:flex-start;width:var(--dugum);height:var(--dugum);
  border-radius:50%;border:1.5px solid var(--lacivert);background:var(--kagit);
  display:grid;place-items:center;position:relative;z-index:1;margin-bottom:1rem;
}
.dugum .pikto{width:26px;height:26px}
.durak::before{
  content:"";position:absolute;inset-inline:0;height:0;
  top:calc(var(--durak-ust) + var(--dugum)/2 - 0.75px);
  border-top:1.5px solid var(--lacivert);
}
/* satır başı: çizgi düğüm merkezinde başlar (düğüm hücrenin başına dayalı, yan pay 0) */
.durak:first-child::before{inset-inline-start:calc(var(--dugum)/2)}
/* satır sonu: düğüm hücrenin BAŞINDA durur (yan pay + yarıçap kadar içeride) → çizgi orada biter */
.durak:last-child::before{inset-inline-end:calc(100% - var(--durak-pay) - var(--dugum)/2)}

/* 06 → 01 dönüş yolu: kesik ikincil "U" + ucunda ok (zincir bitmez, kapanır).
   Sağ ucu 06'nın düğüm merkezine oturur: hücre = 100%/6, düğüm hücrenin yan payından
   sonra başlar → sağ pay = (100%/6) − yan pay − düğüm/2. */
.sema--donus{margin-top:1.1rem}
.donus{position:relative;height:26px}
.donus::before{
  content:"";position:absolute;top:0;bottom:5px;
  inset-inline-start:calc(var(--dugum)/2);
  inset-inline-end:calc((100% / 6) - var(--durak-pay) - var(--dugum)/2);
  border:1.5px dashed var(--ikincil);border-top:0;
}
.donus-ok{
  position:absolute;top:0;inset-inline-start:calc(var(--dugum)/2);width:0;height:0;
  transform:translate(-50%,-1px);
  border-left:5px solid transparent;border-right:5px solid transparent;
  border-bottom:7px solid var(--ikincil);
}
.sema--donus .durak-not{margin-top:.9rem}

/* ── Ş2 MASANIN BEŞ PARÇASI (ai-masasi başlık şeması + anasayfa AI bandı) ────
   Beş piktogram TEK düzlem çizgisinin üstünde; uçlarda iki kısa ayak. Adlar HTML'de. */
.sema--masa{margin-bottom:1.9rem}
.sema--masa .masa{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;column-gap:clamp(8px,1.4vw,20px);
}
.masa-sim{display:flex;justify-content:center;align-items:flex-end;padding-bottom:.8rem}
.masa-sim .pikto{width:34px;height:34px}
.masa-tabla{grid-column:1 / -1;position:relative;height:12px;
            border-top:1.5px solid var(--lacivert)}
.masa-tabla::before,.masa-tabla::after{
  content:"";position:absolute;top:0;height:12px;width:0;
  border-left:1.5px solid var(--lacivert);
}
.masa-tabla::before{left:7%}
.masa-tabla::after{right:7%}
/* adlar ÜSTTEN hizalanır (align-items:end yalnız simge satırı için) — iki satıra kırılan
   ad tek satırlıkları aşağı itmesin, düzlem altındaki dizi tırtıklı görünmesin */
.masa-ad{align-self:start;padding-top:.75rem;text-align:center;font-size:var(--p1);font-weight:600;
         color:var(--lacivert);line-height:1.35;overflow-wrap:break-word}
.sema--kucuk .masa-sim{padding-bottom:.55rem}
.sema--kucuk .masa-sim .pikto{width:24px;height:24px}
.sema--kucuk .masa-tabla{height:9px}
.sema--kucuk .masa-tabla::before,.sema--kucuk .masa-tabla::after{height:9px}
.sema--kucuk .masa-ad{padding-top:.55rem;font-size:var(--p1);line-height:1.3}

/* ── ŞEMA DİZİNİ (legend) — piktogramın izinli İKİNCİ yeri ───────────────────
   .satirlar → 40px sol sütun; .duraklar → düğümün kendisi (yukarıda). */
.satirlar.sema-legend li{grid-template-columns:40px minmax(0,13rem) minmax(0,1fr)}
.sema-legend-sim{display:flex;align-items:flex-start;justify-content:flex-start;width:40px}
.sema-legend-sim .pikto{width:28px;height:28px}

/* ── Ş3 ÜÇ HALKA (ai-masasi) — süre halkanın İÇİNDE, üçüncü halka kesik ─────── */
.halka::before{
  content:"";position:absolute;inset-inline:0;height:0;
  top:calc(var(--halka-pay) + var(--cember)/2 - 0.75px);
  border-top:1.5px solid var(--lacivert);
}
.halka:first-child::before{inset-inline-start:calc(var(--cember)/2)}
.halka:last-child::before{inset-inline-end:calc(100% - var(--halka-pay) - var(--cember)/2)}
.halka-cember{
  flex:none;align-self:flex-start;width:var(--cember);height:var(--cember);
  border-radius:50%;border:1.5px solid var(--lacivert);background:var(--beyaz);
  display:grid;place-items:center;padding:0 .7rem;text-align:center;
  position:relative;z-index:1;margin-bottom:1rem;
}
.halka:last-child .halka-cember{border-style:dashed}   /* ritim: sürer, kapanmaz */

/* ── Ş4 RAPOR OMURGASI (sektor-raporu) — genişlik = gerçek sayfa sayısı ──────
   Tek kaynak: her bölümün --sayfa değeri HTML'de; flex-grow onunla orantılı.
   Çubuğun İÇİNDE yalnız bölüm numarası. Adlar çubuk genişliğine HAPSOLMAZ:
   altta numaralı dizinde, genişlikten bağımsız ızgarada (dar bölümün etiketi
   komşusuna çarpıyordu — 4 sayfalık bölüm ≈50px). Numara iki tarafı bağlar. */
.sema--omurga .omurga{display:flex;align-items:flex-start;gap:6px}
.omurga-bolum{flex-grow:var(--sayfa,1);flex-shrink:1;flex-basis:0;min-width:0}
.omurga-cubuk{display:block;height:46px;border:1.5px solid var(--lacivert);
              background:var(--kagit);position:relative;container-type:inline-size}
.omurga-no{position:absolute;inset:0;display:grid;place-items:center;
           font-size:var(--p2);line-height:1;
           color:var(--ikincil);font-variant-numeric:tabular-nums}
/* çubuk 40px'ten darsa numara içine sığmaz → çubuğun ÜSTÜNE (tek satır, ortalı).
   Ölçü kırılıma değil ÇUBUĞUN KENDİ genişliğine bakar (container query) — dikey
   yerleşimde de doğru bölüm için tetiklenir. */
@container (max-width:40px){
  .omurga-no{inset:auto 0 calc(100% + .3rem) 0;display:block;text-align:center;
             white-space:nowrap}
}
/* çubukların DİZİNİ (figürün dışında, gerçek metin) — sütun sayısı içerikten
   türer, çubuk genişliğinden değil: 4+3 → 2 → 1. */
.omurga-dizin{
  list-style:none;margin:1.6rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--hat);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:1.25rem clamp(24px,2.8vw,48px);
}
/* SEMANTİK NORMALİZE (2026-09-12): dizin `ol>li`den `dl>div>dt/dd`ye geçti — bölüm adı
   terim, sayfa aralığı + soru tanım. Yerleşim grid-area ile sabit; `dd`nin tarayıcı
   varsayılan 40px girintisi sıfırlanır (ölçüldü: girintisiz künye başlıkla hizalanmıyordu),
   `li` seçicisi kardeş bileşenler (.serit-dizin · .karolar) için KORUNUR. */
.omurga-dizin>div>dt,.omurga-dizin>div>dd{margin:0}
.omurga-dizin li,.omurga-dizin>div{display:grid;grid-template-columns:1.75rem minmax(0,1fr);
                 column-gap:.5rem;row-gap:.15rem;align-items:baseline}
.omurga-dizin-no{grid-area:1 / 1;
                 font-variant-numeric:tabular-nums;line-height:1.35}
.omurga-dizin-ad{grid-area:1 / 2;line-height:1.35;overflow-wrap:break-word}
.omurga-dizin-kunye{grid-area:2 / 2;font-size:var(--p1);color:var(--ikincil);line-height:1.5;
                    font-variant-numeric:tabular-nums}

/* ══ SAHA ŞERİDİ — tam genişlik, üstünde metin YOK (§3 revize) ════════════════ */

/* ══ DÖRT BELGE ═══════════════════════════════════════════════════════════════ */
.belgeler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px}   /* M4·C6 */
.belge{display:flex;flex-direction:column;gap:.55rem;margin:0}
.belge .yuzey img,.belge .yuzey svg{box-shadow:none;aspect-ratio:300/400;object-fit:cover;
  object-position:top center}
.belge-durum{font-size:var(--p1);font-weight:600;color:var(--ikincil);margin-top:.9rem;
  line-height:1.4}
.belge h3{font-size:var(--p2);line-height:1.32}
.belge p{font-size:var(--p2);line-height:1.62;color:var(--govde)}
.belge .bag{align-self:flex-start;font-size:var(--p2)}

/* ══ İKİ SÜTUN — anlatı + yan sütun ═══════════════════════════════════════════ */
.ikili{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
       gap:clamp(32px,4.5vw,72px);align-items:start}

/* ══ SATIR LİSTESİ — masanın beş parçası · kart YOK, ince çizgi ═══════════════ */
.satirlar{border-top:1px solid var(--hat);margin:2.2rem 0 0;padding:0;list-style:none}
.satirlar li{
  display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:.5rem clamp(24px,3vw,56px);
  padding:1.4rem 0;border-bottom:1px solid var(--hat);
}
.satirlar h3{font-size:var(--p2)}
.satirlar p{max-width:62ch;font-size:var(--p2);line-height:1.66}

/* ══ ÜÇ HALKA — sıralı, süre eksende ═════════════════════════════════════════ */
.halkalar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
          border-top:1px solid var(--hat)}
.halka{position:relative;
       padding:var(--halka-pay) var(--halka-pay) 1.9rem;border-inline-start:1px solid var(--hat);
       display:flex;flex-direction:column;gap:.55rem}
.halka:first-child{border-inline-start:0;padding-inline-start:0}
.halka:last-child{padding-inline-end:0}
.halka-sure{font-size:var(--p3);color:var(--lacivert);
            line-height:1.1;font-variant-numeric:tabular-nums}
.halka-ad{font-size:var(--p2);font-weight:600;color:var(--lacivert)}
.halka p{font-size:var(--p2);line-height:1.64;color:var(--govde)}
.halka-teslim{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--hat);
              font-size:var(--p1);color:var(--ikincil);line-height:1.5}

/* ══ KANIT KAROLARI — üç sütun, ince çizgi, kart değil ═══════════════════════ */
.karolar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
         border-top:1px solid var(--hat);margin-top:2.1rem}
.karo{padding:1.5rem 1.5rem 1.7rem;border-inline-start:1px solid var(--hat)}
.karo:first-child{border-inline-start:0;padding-inline-start:0}
.karo:last-child{padding-inline-end:0}
.karo p{font-size:var(--p2);line-height:1.66}
.karo .kunye{margin-top:.75rem}

/* ══ KÜNYE TABLOSU (dl) ══════════════════════════════════════════════════════ */
.hesap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:2.1rem 0 0;
       border-top:1px solid var(--hat)}
.hesap > div{padding:1.35rem 2rem 1.5rem 0;border-bottom:1px solid var(--hat)}
.hesap > div:nth-child(even){padding-inline:2rem 0;border-inline-start:1px solid var(--hat)}
.hesap dt{font-size:var(--p1);font-weight:600;color:var(--ikincil);margin-bottom:.3rem}
.hesap dd{margin:0;font-size:var(--p2);line-height:1.66;max-width:52ch}

/* ══ ÜÇ SORU — dönüşümlü hizalı anlatı ═══════════════════════════════════════ */
.sorular{display:flex;flex-direction:column;gap:clamp(44px,4.6vw,76px);margin-top:2.6rem}
.soru{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);
      gap:clamp(26px,3.4vw,58px);align-items:start;margin:0}
.soru.ters{grid-template-columns:minmax(0,1fr) minmax(0,15rem)}
.soru.ters .soru-gorsel{order:2}
.soru-metin p{max-width:62ch;margin-top:.9rem}
.soru-kanit{font-size:var(--p1);color:var(--ikincil);padding-top:.9rem;
            border-top:1px solid var(--hat);margin-top:1.15rem !important}

/* ══ SEKME DİZİNİ — sayfa-içi bölüm dizini (paylaşılan bileşen) ═════════════════
   KÖKEN: `_v8_ai.css` `.adim-nav` (Tur 4, beş belge adımlayıcısı). Tur 12'de İKİNCİ
   kullanıcı çıktı (egitim taslağı: dört raf dizini) → kopya-yapıştır YASAK olduğu için
   kurallar buraya, ORTAK SSOT'a taşındı; `_v8_ai.css`'teki kopya SİLİNDİ. `ai-masasi.html`
   nav'ı `class="adim-nav sekme-dizini"` taşır (`adim-nav` yalnız `_v8_masa.js`'in JS kancası
   olarak kaldı, artık GÖRSEL kural taşımaz); alt etiket sınıfı `.adim-no` → `.sekme-no`.
   Computed görünüm ÖNCE/SONRA birebir aynı ölçüldü (bkz. Tur 12 raporu).

   İki lehçe:
   · ÇIPASIZ (ai-masasi)      — belgeler arasında geçiş yapan adımlayıcı, akışta durur.
   · YAPIŞKAN (`data-sekme-dizini`) — uzun anlatıda "hangi bölümdeyim" çıpası; üst bandın
     ALTINA yapışır ve aktif sekmeyi `_v8.js`'teki IntersectionObserver işaretler.
   Kart/gölge/radius YOK · yeni renk YOK · hareket yalnız §11.1 cevap-hareketi (150-250ms). */
/* ⛔ RENK YALNIZ AÇIK ZEMİN (bileşen-standart 2026-09-17, RAPOR _olcum/2026-09-17_ux_denetim
   §2B kök-fix): bant KENDİ opak beyazını taşır — koyu hero'ya çıplak gömülürse (bugünkü
   /ai-masasi bulgusu) bile saydamlaşıp kontrast düşürmez. Koyu zeminde KULLANILMAZ; doğru
   konum/sarmalayıcı için `bilesen.py` `serit_bandi()`. */
.sekme-dizini{
  display:flex;flex-wrap:wrap;gap:0;margin-block:1.9rem 1.6rem;background:var(--beyaz);
  border-top:1px solid var(--hat);border-bottom:1px solid var(--hat);
}
.sekme-dizini a{
  flex:1 1 9rem;padding:.85rem 1rem .8rem;text-decoration:none;color:rgb(110,110,115);
  border-inline-start:1px solid var(--hat);border-bottom:2px solid transparent;
  font-size:var(--p1);line-height:1.4;
}
.sekme-dizini a:first-child{border-inline-start:0}
.sekme-dizini a:hover{background:var(--kagit)}
.sekme-dizini a[aria-current="true"],.sekme-dizini a[aria-current="page"]{
  color:rgb(29,29,31);font-weight:600;border-bottom-color:var(--kirmizi);background:var(--beyaz);
}
.sekme-no{display:block;font-size:var(--p1);font-weight:500;color:rgb(110,110,115)}
.sekme-dizini a[aria-current="true"] .sekme-no,
.sekme-dizini a[aria-current="page"] .sekme-no{color:rgb(29,29,31)}

/* YAPIŞKAN lehçe — yalnız `data-sekme-dizini` özniteliği taşıyan SARMALAYICI nav'da
   (dizinin kendisi içeride `.kutu sekme-dizini` olarak durur; bant tam genişlik, sekmeler
   kolon ızgarasında). Üst bant 78px (900px altı 66px); z-index üst bandın (30) ALTINDA
   kalır ki açılan mobil menü paneli üstüne binmesin. Zemin opak (metin içinden geçmesin). */
[data-sekme-dizini]{
  position:sticky;top:78px;z-index:20;background:var(--beyaz);
  border-bottom:1px solid var(--hat);
}
[data-sekme-dizini] .sekme-dizini{margin-block:0;border-top:0;border-bottom:0}
@media (max-width:900px){
  [data-sekme-dizini]{top:66px}
}
@media (max-width:640px){
  .sekme-dizini a{flex:1 1 100%;border-inline-start:0;border-bottom:1px solid var(--hat)}
  .sekme-dizini a[aria-current="true"]{border-bottom-color:var(--lacivert)}
  /* YAPIŞKAN lehçe dar ekranda ALT ALTA dizilemez — dört satır ekranın yarısını kapatırdı.
     Yatay kaydırmalı tek satır kalır (`.perde-nav-ic` ile aynı çözüm). */
  [data-sekme-dizini] .sekme-dizini{flex-wrap:nowrap;overflow-x:auto}
  [data-sekme-dizini] .sekme-dizini a{
    flex:0 0 auto;white-space:nowrap;padding-inline:.9rem;
    border-inline-start:1px solid var(--hat);border-bottom:2px solid transparent;
    min-height:44px;display:inline-flex;align-items:center;  /* 09-08 karne: yapışkan sekme 39px ölçüldü (§5 ≥44) */
  }
  [data-sekme-dizini] .sekme-dizini a:first-child{border-inline-start:0}
  [data-sekme-dizini] .sekme-dizini a[aria-current="true"]{border-bottom-color:var(--lacivert)}
}

/* ══ BÖLÜM ORYANTASYON KALIBI — eyebrow + amaç cümlesi + çıpa ═══════════════════
   Kaynak: Tur 12 oryantasyon kurgusu (`egitim.html`, AKK onayı 09-07). 2026-09-08'de
   `_v8_egitim.css`'ten BURAYA taşındı çünkü `raporlar.html` (dört belge = dört bölüm)
   aynı kalıbı kullanıyor ve egitim CSS'ini yüklemiyor — ikinci bir kopya yazmak yerine
   kural ORTAK SSOT'a terfi etti (kurallar birebir aynı, computed görünüm değişmedi).
   `oryantasyon_kapisi.py` işaret olarak `.raf-etiket`i arar; sınıf adı bu yüzden
   korundu (kapı + kalıp tek isimde buluşur).

   Çıpa hizası: üst bant 78px + yapışkan dizin ~68px → 7,6rem (121,6px); `.perde`
   (ai-masasi) ile AYNI değer. Sıfır-yükseklikli `<span class="capa" id="…">` eski
   çapaları kırmadan taşımak için kullanılır. */
.raf-bolum,.belge-bolum{scroll-margin-top:7.6rem}
.capa{display:block;height:0;scroll-margin-top:7.6rem}

/* Eyebrow punto/renk/büyük-harf ROL 8 `.etiket-vurgu`den (1,15rem = 18,4px kırmızı)
   gelir — burada yalnız DÜZEN (`.perde-etiket` ile aynı kalıp).
   Amaç cümlesi: bölümün VAADİ, gövde nesri değil — 1,5rem, lacivert, 2 satırı
   geçmeyecek genişlikte (44ch @1440 ≈ iki satır). */
.raf-etiket{display:block;margin:0 0 .6rem}
/* 09-08 AKK mobil bulgu (egitim "Dört rafın ortak formatı"): etiketin hemen altındaki .bolum-bas'ın
   H2'si ROL 3 çubuğunu H2'nin 1,05rem ÜSTÜNE çizer; etiketin alt payı .6rem olunca çubuk etiket
   kutusuna 7px giriyor ve "DÖRT"ün altı çizili görünüyordu (390 ve 1440'ta ölçüldü: 7px).
   Kök: pay < çubuk ofseti. Etiket→bölüm-başı payı 1.55rem → çubuk etiketin 8px altında, serbest. */
.raf-etiket + .bolum-bas{margin-top:1.55rem}
.raf-amac{
  font-weight:500;
  font-size:var(--p3);line-height:1.32;color:var(--lacivert);
  margin:0 0 2.1rem;max-width:52ch;
}
/* NOT: `.raf-amac .vurgu-yari` kırmızısı ROL 7 bloğunun SONUNA konuldu (bu dosyanın
   alt kısmı) — `.vurgu-sistemi .bant--lacivert .vurgu-yari{color:inherit}` ile AYNI
   özgüllükte (0,3,0) olduğu için sıra önemli; egitim CSS'inde en sonda geliyordu ve
   taşırken o sıra korundu. */

@media (max-width:900px){
  .raf-bolum,.belge-bolum,.capa{scroll-margin-top:6.4rem}
  .raf-amac{font-size:var(--p3);margin-bottom:1.3rem}
}

/* ══ RAPORUN İLK SEKİZ SAYFASI — yatay şerit (v7 mekanizması) ═══════════════ */
.sayfa-serit-bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
                 gap:.6rem 2rem;margin:0 0 1.3rem}
/* 2026-09-16 (TUR 2 · başlık-sırası kök-fix, tema_apple.py _rapor_ailesi): bu başlık artık
   `<h2>` etiketi taşıyor (h1→h3 atlaması kapandı) ama GÖRÜNÜMÜ eskisi gibi küçük galeri
   ara-başlığı kalmalı — global `h2{font-size:var(--p5)}` büyük döküman
   başlığı boyutudur, buraya sızarsa görsel regresyon olur. Eski `h3{…}` kuralı BİREBİR
   burada tekrarlanır (metin/stil AYNI, yalnız öge adı). */
.sayfa-serit-bas h2{font-family:inherit;font-weight:600;font-size:var(--p3);line-height:1.35}
.sayfalar{display:flex;gap:clamp(14px,1.4vw,22px);overflow-x:auto;padding-bottom:1.1rem;
          scroll-snap-type:x proximity}
.sayfalar:focus-visible{outline:2px solid var(--kirmizi);outline-offset:4px}
.sayfa{flex:0 0 11.5rem;margin:0;scroll-snap-align:start}
.sayfa img{display:block;width:100%;border:1px solid var(--hat);background:var(--beyaz)}
.sayfa figcaption{margin-top:.6rem;font-size:var(--p1);line-height:1.5;color:var(--ikincil)}
.sayfa .sno{display:block;color:var(--lacivert);font-weight:600;font-variant-numeric:tabular-nums}
.sayfa--ortulu img{opacity:.92}

/* ── BÜYÜTEÇ (§3b) — bilgi taşıyan yüzey tıklanınca SAYFA İÇİNDE okunur boyuta büyür ──
   Yeni sekme YOK. Tetikleyici = figure.buyutec (role=button); diyaloğu `_v8.js` kurar.
   Kapsam dışı: örtülü (`*bulanik*`) sayfalar, temsilî SVG şemalar, portre, logo, piktogram. */
.buyutec{cursor:zoom-in}
/* P1-10 (2026-09-13): tetikleyici gerçek <button> — bkz. _v9-components.css aynı satır. */
.buyutec button{all:unset;display:block;cursor:zoom-in}
/* ⛔ K29 · 2026-09-16 (karne Ⓐ-1 kök-fix, _v9-components.css'te birebir ikizi var): `all:unset`
   düğmeyi İÇERİĞE göre daraltır; `loading=lazy` görsel henüz inmemişken içerik 0 → düğme
   2×2 px'e çöker (ölçüldü: playwright 390×844 — raporlar 96, egitim 16 dokunma ihlali;
   ziyaretçide de şerit yer ayırmadan çöküyor). Kesin genişlik zinciri onarır: buton 100% →
   cerceve 100% → img 100% + en-boy oranı. `>` şart: `.buyutec-ipucu` mutlak konumlu rozet,
   tam-genişlik OLMAMALI. */
.buyutec > button{width:100%}
.buyutec button:focus-visible{outline:2px solid var(--kirmizi);outline-offset:4px}
/* G22 (2026-09-24, A2-tur1 madde 3, v8 katmanı — insa.py'deki v9 ikizi K29 yorumuyla
   birlikte): danismanlik kahramanı `.bant--lacivert` (zemin #1d1d1f) büyüteç düğmesinde
   kırmızı halka 2,86:1 (odak_kontrast.py ölçtü). `.bant--lacivert :where(...):focus-visible
   {outline-color:var(--beyaz)}` (§1000) zaten VARDI ama (0,2,0) özgüllüğü yetmiyordu VE bu
   büyüteç `.sema` şeması İÇİNDE (`--beyaz` orada #1d1d1f'e GÖLGELENİYOR, _v8-apple.css §420
   `.sahne .sema{--beyaz:#1d1d1f…}` — ölçüldü: halka=zemin, 1:1). `--deep-acc` o kapsamda
   gölgelenmiyor; `_v8-apple.css`teki teshis-* düğmeleri emsaliyle (§989 vd.) aynı fallback. */
.bant--lacivert .buyutec button:focus-visible{outline-color:var(--deep-acc,#ff6751)}
.buyutec-cerceve{display:block;position:relative}
.buyutec .buyutec-ipucu{
  position:absolute;inset-inline-end:8px;bottom:8px;background:var(--beyaz);
  border:1px solid var(--hat);color:var(--ikincil);font-family:inherit;font-size:var(--p1);
  font-weight:600;line-height:1.3;padding:.2rem .5rem;cursor:zoom-in;
  transition:color .2s ease-out,border-color .2s ease-out;   /* §11.1 cevap-hareketi (büyüteç) */
}
.buyutec:hover .buyutec-ipucu,.buyutec:focus-within .buyutec-ipucu{
  color:var(--lacivert);border-color:var(--lacivert);
}
.buyutec:hover img{border-color:var(--lacivert)}
.buyutec img{transition:border-color .2s ease-out}
/* 52px kapak pulunda künye sığmaz — imleç + aria-label taşır */
.matris-pul .buyutec-ipucu{display:none}

html.buyutec-acik,html.buyutec-acik body{overflow:hidden}

.buyutec-dialog{
  --boy:min(88dvh, calc(100dvh - 8.5rem));   /* §3b tavanı 88vh; künye + × payı düşülür */
  margin:0;padding:0;border:0;background:transparent;width:100vw;height:100dvh;
  max-width:none;max-height:none;overflow:auto;overscroll-behavior:contain;
}
.buyutec-dialog:not([open]){display:none}
.buyutec-dialog[open]{display:flex;align-items:center;justify-content:center}
.buyutec-dialog::backdrop{background:rgba(11,37,69,.82);opacity:1;transition:opacity .22s ease-out}
.buyutec-kutu{
  position:relative;margin:auto;max-width:100%;padding:16px;
  background:var(--beyaz);border:1px solid var(--hat);
  display:flex;flex-direction:column;align-items:center;gap:.85rem;
}
.buyutec-gorsel{
  display:block;background:var(--beyaz);border:1px solid var(--hat);
  width:min(94vw, calc(var(--boy) * var(--oran,.75)));height:auto;
  max-width:94vw;max-height:var(--boy);object-fit:contain;
}
.buyutec-kunye{
  margin:0;max-width:min(94vw,62ch);color:var(--ikincil);font-size:var(--p1);line-height:1.6;
  text-align:center;font-variant-numeric:tabular-nums;
}
.buyutec-kapat{
  position:absolute;top:0;inset-inline-end:0;width:44px;height:44px;padding:0;
  background:var(--beyaz);border:1px solid var(--hat);color:var(--lacivert);
  font-size:var(--p3);line-height:1;cursor:pointer;flex-shrink:0;
}
.buyutec-kapat:hover{border-color:var(--lacivert)}
.buyutec-kapat:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px}

/* ── BÜYÜTEÇ AÇILIŞ/KAPANIŞ — rafine geçiş (4, AKK 09-07 onaylı; mockup'tan uyarlandı) ──
   Görsel (`.buyutec-gorsel`) FLIP transform'unu `_v8.js` JS ile yönetir (tıklanan küçük
   kareden büyük çerçeveye 320ms açılış / 260ms kapanış, cubic-bezier(.2,.8,.2,1)) — burada
   CSS transition EKLENMEZ, JS'in inline `transition`'ıyla çakışırdı. Arka plan (`::backdrop`)
   `@starting-style` ile 0→.82 (220ms); künye 120ms gecikmeli opacity 0→1. `.kapaniyor` =
   JS'in gerçek `close()`den ÖNCE açtığı kısa pencere — o sırada backdrop+künye hızlı söner,
   süre bitince `dlg.close()` çağrılır (Esc/× /zemin-tık'ın ÜÇÜ de aynı yoldan geçer). */
@starting-style{ .buyutec-dialog[open]::backdrop{opacity:0} }
.buyutec-dialog.kapaniyor::backdrop{opacity:0;transition-duration:.26s}

.buyutec-kunye{opacity:1;transition:opacity .18s ease-out .12s}
@starting-style{ .buyutec-dialog[open] .buyutec-kunye{opacity:0} }
.buyutec-dialog.kapaniyor .buyutec-kunye{opacity:0;transition:opacity .18s ease-out}

/* ⛔ İKİ-AŞAMALI AÇILIŞ KÖK-FİX (2026-09-12, AKK: "önce beyaz arka plan, ardından görüntü
   çerçeveye oturuyor; kapatırken tersi"). Ölçüldü: panel 6,6ms'de açılıyor, görsel 32ms'de
   hazır — arada yalnız 26ms, yani sorun YÜKLENME DEĞİL. Kök neden: beyaz kutu ve kenarlık
   TAM BOYUTTA anında çiziliyor, görsel ise ayrı bir 320ms FLIP ile sonradan içine oturuyor;
   iki hareket senkron olmadığı için göz bunu iki aşama okuyor.
   Çözüm: yüzey de görselle BİRLİKTE gelsin — perde/künyedeki `@starting-style` kalıbının
   aynısı, JS'e dokunulmadan. Süre K20 sınırında (≤250ms). */
.buyutec-kutu{transition:background-color .24s ease-out, border-color .24s ease-out}
.buyutec-gorsel{transition:background-color .24s ease-out, border-color .24s ease-out}
@starting-style{
  .buyutec-dialog[open] .buyutec-kutu{background:transparent;border-color:transparent}
  .buyutec-dialog[open] .buyutec-gorsel{background:transparent;border-color:transparent}
}
.buyutec-dialog.kapaniyor .buyutec-kutu,
.buyutec-dialog.kapaniyor .buyutec-gorsel{
  background:transparent;border-color:transparent;
  transition:background-color .2s ease-out, border-color .2s ease-out}

@media (prefers-reduced-motion:reduce){
  /* K20d'nin genel `*,*::before,*::after` kuralı (satır ~614) `::backdrop`'u KAPSAMAZ
     (pseudo-eleman, `*` yalnız before/after'ı sayar) — burada AYRICA sıfırlanır. Görsel:
     transform YOK, yalnız 120ms opacity (JS `reduceMotion` dalı FLIP'i hiç kurmaz, bkz. `_v8.js`). */
  .buyutec-dialog::backdrop{transition-duration:.12s !important}
  .buyutec-dialog.kapaniyor::backdrop{transition-duration:.12s !important}
  /* uzun-el (longhand) yazım — kısaltılmış "transition" bildirimi içine "!important" gömmek
     K20 kapısının metin-tarayıcısını yanıltıyordu (sözcüğü sahte "izin-dışı özellik" sayıyordu,
     bkz. 09-07 ölçüm) — anlam AYNI, yalnız her alt-özellik (property/timing/duration) ayrı satır. */
  .buyutec-gorsel{
    opacity:0;transform:none !important;
    transition-property:opacity;transition-timing-function:ease-out;
    transition-duration:.12s !important;
  }
  .buyutec-dialog[open] .buyutec-gorsel{opacity:1}
  .buyutec-dialog.kapaniyor .buyutec-gorsel{opacity:0}
  @starting-style{ .buyutec-dialog[open] .buyutec-gorsel{opacity:0} }
  .buyutec-kunye{
    transition-property:opacity;transition-timing-function:ease-out;
    transition-duration:.12s !important;transition-delay:0s !important;
  }
}

@media (max-width:640px){
  /* dar ekran: görsel tam genişlik, dikey kaydırma serbest (§3b) */
  .buyutec-dialog[open]{align-items:flex-start}
  .buyutec-kutu{width:100%;padding:0 0 1.2rem;gap:.7rem;border:0}
  .buyutec-gorsel{width:100%;max-width:100%;max-height:none;border-inline-width:0}
  .buyutec-kunye{padding-inline:1rem}
}

/* ── Dik (portre, oran<1) belge — §3b ek-parametre (AKK 09-05): "88vh" tavanı dik belgede
   okunurluğu kesiyordu (çalışma defteri posteri 1170×1335 → 860px). Genişliğe sığar,
   diyalog GÖVDESİ (.buyutec-kutu) dikey kaydırılır; × kaydırmada görünür kalır (sticky; flex-shrink:0
   ile 44px sabit kalır — AKK 09-05 göz-doğrulama: sticky+flex-item küçültüyordu, 26px'e iniyordu).
   Künye görselin ALTINDA normal akışta durur, kaydırma sonunda görünür — önceki sticky+koyu-şerit
   posterin üstüne biniyordu (aynı göz-doğrulama düzeltmesi, künye artık panel-içi/beyaz-zemin).
   ≤640px zaten 100vw+serbest-kaydırma (yukarıdaki blok) — dokunulmaz, o yüzden onun TAM
   TÜMLEYENİNDE: `not all and (max-width:640px)`. (2026-09-16 T2: `min-width:641px` idi; aynı
   eşiğin ikinci bir sayı olarak sayılmaması için tümleyene çevrildi — 640<w<641 boşluğu da kapandı.) */
@media not all and (max-width:640px){
  .buyutec-dialog.dik[open]{align-items:flex-start}
  .buyutec-dialog.dik .buyutec-kutu{max-height:92vh;overflow-y:auto;overscroll-behavior:contain}
  .buyutec-dialog.dik .buyutec-gorsel{
    width:min(94vw,1100px);max-width:min(94vw,1100px);height:auto;max-height:none;
  }
  .buyutec-dialog.dik .buyutec-kapat{position:sticky;top:0;align-self:flex-end}
}

/* ══ CTA BLOĞU ═══════════════════════════════════════════════════════════════ */
.cta-blok{margin-top:48px;padding-top:32px;border-top:1px solid var(--hat);   /* M4·C10: CTA bölüm değil, bölüm-içi kuyruk */
          display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem clamp(32px,4vw,64px);
          align-items:center}
.cta-blok p{max-width:56ch;margin-top:.85rem}
.cta-sonraki{margin-top:1.9rem;font-size:var(--p1);color:var(--ikincil)}

/* ══ FOOTER ══════════════════════════════════════════════════════════════════ */
.dip{background:var(--kagit);border-top:1px solid var(--hat);padding-block:2.6rem}
.dip-ic{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:baseline;
        justify-content:space-between}
.dip p{font-size:var(--p1);color:var(--ikincil);max-width:66ch;line-height:1.6}
.dip a{color:var(--lacivert);text-decoration:none;border-bottom:1px solid var(--hat);
       font-weight:500;font-size:var(--p1)}
.dip a:hover{border-bottom-color:var(--lacivert)}

/* ══ DUYARLI ═════════════════════════════════════════════════════════════════ */
@media (max-width:1240px){
  .menu{gap:clamp(7px,.85vw,14px)}
  .menu > a,.dal-bas{font-size:var(--p1);letter-spacing:0.028em}
}
@media (max-width:1240px){
  .hero-ic,.ikili{grid-template-columns:1fr;gap:2.4rem}
  .hero .yuzey{max-width:26rem;margin-inline-start:0}
  .duraklar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .durak:nth-child(4){border-inline-start:0;padding-inline-start:0}
  .durak:nth-child(3){padding-inline-end:0}
  .durak:nth-child(n+4){border-top:1px solid var(--hat)}
  /* Ş1: iki satırlık akış — bağlaç her satırın başında/sonunda düğüm merkezinde kesilir */
  .durak:nth-child(4)::before{inset-inline-start:calc(var(--dugum)/2)}
  .durak:nth-child(3)::before{inset-inline-end:calc(100% - var(--durak-pay) - var(--dugum)/2)}
  /* 06→01 dönüş yolu tek satırlık akışa çizilmişti; iki satırda anlamı bozulur → yalnız altyazı */
  .sema--donus .donus{display:none}
  .sema--donus{margin-top:0}
  .belgeler{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem}
}
@media (max-width:900px){
  /* ⛔ ÜST BAR KURALLARI BURADAN KALDIRILDI (2026-09-12) — tek kaynak: tema_apple.py
     ORTAK_UST_BAR → _v8-apple.css + _v9-apple.css. Burada eşit-özgüllüklü ikinci bir
     tanım bırakmak, F-B kuralını sessizce öldüren kaskad bağının ta kendisiydi:
     `_v8-apple.css`'in `.ust-cta{display:inline-flex}`'i bu bloğun `.ust-cta{display:none}`
     kuralını eziyordu ve CTA barın ikinci satırında görünüyordu (AKK'nın itirazı).
     Kaldırılanlar: .ust-ic · .menu-ac (2 kural) · .menu · .ust.acik .menu · .marka ·
     .menu > a · .menu a[aria-current] · .dal* (ölü markup: 5 sayfada 0 eşleşme) · .ust-cta.
     KALAN kurallar içerik kurallarıdır (sekme dizini, satırlar, ızgaralar…). */
  .sekme-dizini a{min-height:44px;display:inline-flex;align-items:center}  /* ai-masasi/egitim sekmeleri 39px ölçüldü */
  .satirlar li{grid-template-columns:1fr;gap:.35rem}
  /* Ş2 dizini: piktogram sol sütunda kalır, başlık+metin sağda üst üste */
  .satirlar.sema-legend li{grid-template-columns:40px minmax(0,1fr);
                           column-gap:1.1rem;row-gap:.35rem}
  .satirlar.sema-legend .sema-legend-sim{grid-row:1 / span 2}
  .halkalar,.karolar{grid-template-columns:1fr;border-top:1px solid var(--hat)}
  .halka,.karo{border-inline-start:0;padding-inline:0;border-bottom:1px solid var(--hat)}
  .halka:last-child,.karo:last-child{border-bottom:0}
  /* Ş3: tek sütunda halkalar alt alta — yatay bağlaç anlamını yitirir, sıra metinde yazılı */
  .halka::before{display:none}
  /* Ş4 (Fable 09-05, göz-kararı): omurga her genişlikte TEK YATAY SIRA kalır — dikey yığın
     "tek omurga" fikrini öldürüyordu (14px'lik yalnız kutu). Genişlik hâlâ sayfa sayısıyla orantılı;
     dar çubuğun (<40px) numarası @container kuralıyla üste çıkar → üst pay ona yer açar. */
  .sema--omurga .omurga{gap:4px;padding-top:1.4rem}
  .omurga-cubuk{height:32px}
  .omurga-no{font-size:var(--p1)}
  .soru,.soru.ters{grid-template-columns:1fr;gap:1.4rem}
  .soru .soru-gorsel,.soru.ters .soru-gorsel{order:0}
  .soru .soru-metin{order:1}
  .soru-gorsel{max-width:15rem}
  .hesap{grid-template-columns:1fr}
  .hesap > div,.hesap > div:nth-child(even){padding-inline:0;border-inline-start:0}
  .cta-blok{grid-template-columns:1fr}
}
@media (max-width:900px){
  /* ── Ş1 MOBİL: dikey zaman-çizgisi (düğüm solda · metin sağda · çizgi düğümlerden geçer) ── */
  .duraklar{--durak-ust:1.4rem;grid-template-columns:1fr;border-bottom:0}
  .durak{display:grid;grid-template-columns:var(--dugum) minmax(0,1fr);
         column-gap:1.15rem;row-gap:.25rem;align-items:start;
         padding:var(--durak-ust) 0;border-inline-start:0;
         border-bottom:1px solid var(--hat)}
  .durak:nth-child(n+4){border-top:0}
  .durak:last-child{border-bottom:0}
  .durak .dugum{grid-column:1;grid-row:1 / span 3;margin-bottom:0}
  .durak-no,.durak-ad,.durak-teslim{grid-column:2}
  .durak::before,.durak:first-child::before,.durak:last-child::before,
  .durak:nth-child(3)::before,.durak:nth-child(4)::before{
    inset-inline-start:calc(var(--dugum)/2 - 0.75px);inset-inline-end:auto;
    top:0;bottom:0;height:auto;border-top:0;
    border-inline-start:1.5px solid var(--lacivert);
  }
  .durak:first-child::before{top:calc(var(--durak-ust) + var(--dugum)/2)}
  .durak:last-child::before{bottom:calc(100% - var(--durak-ust) - var(--dugum)/2)}
  .sema--donus .donus{display:none}     /* dönüş yolu mobilde YALNIZ altyazı */
  /* Ş2 dar ekran: masa iki satıra kırılmaz — piktogram ve ad küçülür, düzlem tek kalır */
  .sema--masa .masa{column-gap:6px}
  .masa-sim .pikto{width:26px;height:26px}
  .masa-ad{font-size:var(--p1);line-height:1.3}
}
@media (max-width:640px){
  .belgeler{grid-template-columns:1fr;gap:2.4rem}
  .belge .yuzey{max-width:16rem}
  .hero .yuzey{max-width:none}
  .sayfa{flex:0 0 9.5rem}

  /* F-B kuralı KALDIRILDI (2026-09-12): niyeti doğruydu (CTA bardan kalksın) ama canlıda
     ÖLÜYDÜ — `_v8-apple.css` eşit özgüllükle eziyordu, CTA y=62'de görünür kalıyordu.
     Aynı niyet artık ORTAK_UST_BAR'da tek kaynaktan ve ezilmeyecek şekilde uygulanıyor. */
}
@media (max-width:640px){          /* 390px cihaz — masa beş sütun kalır, kırılmaz */
  .sema--masa .masa{column-gap:4px}
  .masa-sim{padding-bottom:.55rem}
  .masa-sim .pikto{width:22px;height:22px}
  .masa-ad{font-size:var(--p1);padding-top:.55rem}
  .dugum .pikto{width:24px;height:24px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   ═══ §5a ANASAYFA (B: soru legend) ═══
   Kaynak: eski `_v8_altB.css` (09-05 12:40 AKK kararı ile anasayfa B seçildi → tek CSS
   SSOT'a taşındı; dosyanın kendisi `_arsiv/_v8_altB.css` olarak duruyor, servis edilmez).
   Yalnız `index.html` (anasayfa) kullanır — başka sayfada bu sınıflar geçmez.
   Yeni renk YOK (§2'nin yedi rengi, hepsi var(--…) üzerinden) · kart YOK · radius YOK ·
   gölge YOK · animasyon YOK (§6).

   İLK EKRAN KURGUSU: beş soru sayfanın omurgasıdır. Piktogram §3a'nın izinli İKİNCİ
   yerinde yaşar (`.sema-legend-sim` — 40px sol sütun dizini), şema düğümü DEĞİL; bu
   yüzden soru metni `role="img"` altında kaybolmaz, erişilebilirlik ağacında gerçek
   metin olarak kalır.
   ═══════════════════════════════════════════════════════════════════════════════════ */

/* ── GİRİŞ BANDI ────────────────────────────────────────────────────────────────── */
/* .bant'ın var(--bosluk) dikey payı burada kısalır: beş sorunun tamamı ilk ekranda kalmalı. */
/* Tur 5 ölçüsü: giriş bandının TAMAMI (beş soru + dört hat + tek CTA) 1440×1000 ilk
   ekranda kalmalı — CTA ekrandan düşerse "dört hat tek bakışta" vaadi (§5a ortak kuralı)
   ve dikkat payının CTA sütunu ölür. Paylar bu ölçüme göre daraltıldı (📏 hat satırı
   dip = 1118 → ~995 px). */
.giris{padding-block:clamp(20px,1.8vw,30px) clamp(40px,4vw,66px)}
.giris-bas{max-width:66ch}
.giris-alt{margin-top:.8rem;font-size:var(--p2);line-height:1.55;max-width:64ch;color:var(--govde)}

/* ── İKİ SÜTUN (Tur 5, §11.6 hamle 1) — sol 7/12 soru legend'ı · sağ 5/12 canlı belge.
   Belge iki satır boyunca sağda durur ve YUKARIDA hizalanır (ilk ekranın tek nesnesi).
   DOM: bas → belge → govde; ≤640'ta ızgara tek sütuna düşünce sıra kendiliğinden
   "H1 → belge → sorular" olur (§11.6 mobil şartı; `order` kuralına gerek yok). */
.giris-ic{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  column-gap:clamp(28px,3.4vw,56px);
  row-gap:0;
  align-items:start;
}
.giris-bas{grid-column:1;grid-row:1}
.giris-govde{grid-column:1;grid-row:2;min-width:0}
.belge-panel{grid-column:2;grid-row:1 / span 2}

/* ── BEŞ SORU — satır dizini; kart değil, ince Hat çizgisi ───────────────────────
   Tur 5: 7/12 sütunda üç kolonluk (pikto | soru | cevap) düzen sığmaz → TEK SÜTUN
   legend: pikto solda, başlık + cevap + bağ alt alta (§11.6 hamle 1). */
.sorular-b{list-style:none;margin:1.1rem 0 0;padding:0;border-top:1px solid var(--hat)}
.soru-b{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  column-gap:clamp(14px,1.5vw,24px);
  row-gap:.25rem;
  align-items:start;
  padding:.72rem 0 .8rem;
  border-bottom:1px solid var(--hat);
}
.soru-b .sema-legend-sim{grid-column:1;grid-row:1 / span 3;padding-top:.22rem}

/* soru = sayfanın en büyük ikinci tipi (G24: serif kaldırıldı, gövdeden miras). Tur 5'te ölçü 7/12 sütuna göre düşürüldü:
   1440'ta sol sütun ≈714px, en uzun soru TEK satır sürer (ölçüldü). */
.soru-b-bas{
  grid-column:2;grid-row:1;
  font-weight:500;
  font-size:var(--p4);line-height:1.22;
  color:var(--lacivert);
}
.soru-b-cevap{
  grid-column:2;grid-row:2;
  color:var(--govde);font-size:var(--p2);line-height:1.55;max-width:64ch;
}
.soru-b-bag{
  grid-column:2;grid-row:3;
  display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;line-height:1.5;
}
.soru-b-bag .bag{font-size:var(--p1)}

/* ── DÖRT HAT + TEK CTA — soruların hemen altında tek satır ────────────────────── */
.giris-hat{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1.1rem 2rem;margin-top:1rem;
}
.giris-hat-ad{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem 1.55rem}
.giris-hat-et{font-size:var(--p1);font-weight:500;color:var(--ikincil)}
.giris-hat-ad .bag{font-size:var(--p2);font-weight:600;color:var(--lacivert)}

/* ══ CANLI BELGE (Tur 5 · §11.6 hamle 1) ════════════════════════════════════════
   Kağıt zemin şeridi (figure) + üstünde beyaz yaprak (ince Hat çerçeve) = "masadaki
   belge". İçindeki sayıların TAMAMI motordan gelir (`_v8_masa.js` ↔ `masa_modeli.py`);
   JS kapalıyken HTML'e yazılı son değerler durur (park YOK, K20g). ⚠️ Tur 5b (§11.8):
   belge artık kırmızı TAŞIR — üst şerit + tarih (rol 5) ve çıktı rakamları + çubuk (rol 2);
   kurallar dosyanın sonundaki §11.8 bloğunda, `body.vurgu-sistemi` altında. */
.belge-panel{
  margin:0;background:var(--kagit);border:1px solid var(--hat);
  padding:clamp(16px,1.9vw,28px);
}
.belge-bas{
  font-size:var(--p1);font-weight:600;line-height:1.5;color:var(--ikincil);
  padding-bottom:.7rem;
}
.belge-yaprak{
  background:var(--beyaz);border:1px solid var(--hat);
  padding:clamp(15px,1.7vw,25px) clamp(15px,1.7vw,25px) clamp(14px,1.4vw,20px);
}
.belge-damga{
  padding:.6rem .75rem;border:1px solid var(--hat);background:var(--kagit);
  font-size:var(--p1);font-weight:500;line-height:1.5;color:var(--lacivert);
}
.belge-tarih{
  margin-top:.85rem;padding-bottom:.8rem;border-bottom:1px solid var(--hat);
  font-size:var(--p1);font-weight:600;color:var(--ikincil);text-align:end;
  font-variant-numeric:tabular-nums;transition:color .2s ease-out;   /* tek an: damga yazılır */
}

/* ── GİRDİLER — okur kendi rakamını yazar (cevap-hareketi 150 ms) ─────────────── */
.belge-alan{
  display:grid;grid-template-columns:minmax(0,1fr) 5.6rem;
  column-gap:.9rem;row-gap:.12rem;align-items:baseline;
  padding:.78rem 0;border-bottom:1px solid var(--hat);
}
.belge-alan label{grid-column:1;font-size:var(--p1);font-weight:600;color:var(--lacivert);
                  line-height:1.35}
.belge-alan input{
  grid-column:2;grid-row:1 / span 2;align-self:center;
  font:inherit;font-size:var(--p2);font-variant-numeric:tabular-nums;text-align:end;
  color:var(--lacivert);background:var(--beyaz);border:1px solid var(--hat);
  padding:.34rem .5rem;width:100%;
  transition:border-color .15s ease-out,background-color .15s ease-out;
}
.belge-alan input:hover{border-color:var(--ikincil);background:var(--kagit)}
.belge-alan input:focus-visible{outline:2px solid var(--kirmizi);outline-offset:2px}
.belge-alan .belge-birim{grid-column:1;font-size:var(--p1);color:var(--ikincil);line-height:1.4}

/* ── ÇIKTILAR — modelden; değişince 200 ms'de sayar + renk verir ──────────────── */
.belge-cikti{margin-top:.7rem;border-top:2px solid var(--lacivert)}
.belge-satir{
  display:grid;grid-template-columns:minmax(0,1fr);row-gap:.2rem;
  padding:.82rem 0;border-bottom:1px solid var(--hat);
}
.belge-olcek{
  padding:.7rem 0 .1rem;font-size:var(--p1);line-height:1.5;color:var(--ikincil);
}
.belge-ad{font-size:var(--p1);font-weight:600;color:var(--ikincil);line-height:1.4}
.belge-deger{
  font-size:var(--p3);line-height:1.3;
  color:var(--lacivert);font-variant-numeric:tabular-nums;
  transition:color .2s ease-out;                           /* cevap-hareketi: değişen satır */
}
.belge-deger.yeniden{color:var(--ikincil)}                 /* bir kare: "yeniden hesaplandı" */
.belge-deger .belge-birim{
  display:inline;margin-inline-start:.5rem;font-family:"Inter",sans-serif;
  font-size:var(--p1);font-weight:500;color:var(--ikincil);white-space:nowrap;
}
.belge-cubuk{display:block;padding-top:.55rem}
.belge-cubuk-iz{display:block;position:relative;height:12px;overflow:hidden;
                background:var(--kagit);border:1px solid var(--hat)}
.belge-cubuk-dolu{
  position:absolute;inset:0;background:var(--lacivert);
  transform-origin:left center;                            /* JS: translateX(x%) scaleX(w) */
  transition:transform .2s ease-out;                       /* cevap-hareketi: çubuk */
}

/* ── VARSAYIM ÇEKMECESİ — aç/kapa 200 ms (§11.1 cevap sınıfı) ─────────────────── */
.belge-cekmece{margin-top:.9rem;border-top:1px solid var(--hat)}
.belge-cekmece > summary{
  position:relative;padding:.7rem 1.6rem .7rem 0;cursor:pointer;list-style:none;
  font-size:var(--p1);font-weight:600;color:var(--lacivert);
  transition:color .2s ease-out;
}
.belge-cekmece > summary::-webkit-details-marker{display:none}
.belge-cekmece > summary:hover{color:var(--govde)}
.belge-cekmece > summary::after{
  content:"";position:absolute;inset-inline-end:4px;top:1.05rem;width:7px;height:7px;
  border-inline-end:1.5px solid var(--ikincil);border-bottom:1.5px solid var(--ikincil);
  transform:rotate(45deg);transform-origin:center;
  transition:transform .2s ease-out,border-color .2s ease-out;
}
.belge-cekmece[open] > summary::after{transform:rotate(225deg);border-color:var(--lacivert)}
.belge-cekmece-ic{padding-bottom:.9rem}
.belge-cekmece-ic p{font-size:var(--p1);line-height:1.6;color:var(--govde)}
.belge-cekmece-ic .kunye{margin-top:.7rem}
.belge-eylem{padding-top:.85rem;border-top:1px solid var(--hat)}
.belge-eylem .bag{font-size:var(--p1);font-weight:600}

/* ══ KOYU BANT (Tur 5 · §11.2) — sayfa başına EN FAZLA BİR (K20e) ══════════════
   Zemin lacivert · metin beyaz · ikincil kağıt/Hat · bağ beyaz alt çizgi.
   İçinde kırmızı ve `.cta` YASAK; CTA kendi beyaz bölümündedir. */
.bant--lacivert{background:var(--lacivert);color:var(--beyaz)}
.bant--lacivert h2,.bant--lacivert h3{color:var(--beyaz)}
.bant--lacivert .girizgah,.bant--lacivert p{color:var(--kagit)}
.bant--lacivert .kunye,.bant--lacivert .hesap dt{color:var(--hat)}
.bant--lacivert .hesap{border-top-color:rgba(255,255,255,.28)}
.bant--lacivert .hesap > div{border-bottom-color:rgba(255,255,255,.28)}
.bant--lacivert .hesap > div:nth-child(even){border-inline-start-color:rgba(255,255,255,.28)}
.bant--lacivert .hesap dd{color:var(--beyaz)}
.bant--lacivert .hesap dd.sayi{font-size:var(--p3);line-height:1.35}
.bant--lacivert .bag{color:var(--beyaz);border-bottom-color:rgba(255,255,255,.5)}
.bant--lacivert .bag:hover{border-bottom-color:var(--beyaz)}
.bant--lacivert :where(a,button,summary,[tabindex]):focus-visible{outline-color:var(--beyaz)}

/* CTA bloğu artık kendi bölümünde — bölüm zaten üstten pay veriyor, ikinci kural gereksiz. */
.cta-bant .cta-blok{margin-top:0;padding-top:0;border-top:0}

/* ── DUYARLI (§5a) ─────────────────────────────────────────────────────────────── */
@media (max-width:1240px){
  /* tek sütun: H1 → belge → sorular (DOM sırası; §11.6 mobil şartı 1040'tan itibaren) */
  .giris-ic{grid-template-columns:minmax(0,1fr);row-gap:2rem}
  .giris-bas,.giris-govde,.belge-panel{grid-column:1}
  .giris-bas{grid-row:1}
  .belge-panel{grid-row:2;max-width:34rem}
  .giris-govde{grid-row:3}
  .soru-b{row-gap:.45rem;padding:1.15rem 0 1.3rem}
  .soru-b-bas{font-size:var(--p4)}
  .soru-b-cevap{max-width:66ch;font-size:var(--p2)}
}
@media (max-width:640px){
  .giris-alt{font-size:var(--p2)}
  .giris-ic{row-gap:1.6rem}
  .belge-panel{max-width:none}
  .belge-alan{grid-template-columns:minmax(0,1fr) 5rem;column-gap:.7rem}
  .belge-deger{font-size:var(--p3)}
  .soru-b{padding:1.05rem 0 1.2rem;column-gap:1rem}
  .soru-b-bas{font-size:var(--p3)}
  .soru-b-cevap{font-size:var(--p2)}
  .giris-hat{align-items:flex-start;gap:1rem}
  /* K4 (Tur 3b): iletisim.html'de sayfa-yerel düzeltilmişti (390'da "Bu sayfada" etiketi +
     ilk bağ aynı satırda kalıp geri kalanı girintili bırakıyordu) — ortak hâle getirildi. */
  .giris-hat-ad{flex-direction:column;align-items:flex-start;gap:.72rem}
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   §5b ORTAK İSKELET — sayfa başı (Tur 3b konsolidasyonu)
   `.sayfa-bas/.bas-tez/.bas-eylem/.bas-alt` ailesi `_v8_danismanlik.css`, `_v8_raporlar.css`,
   `_v8_kim.css`, `_v8_surec.css` içinde BİREBİR ikizdi (kim.css'te 4 değer gerçek fark
   taşıyordu — o dosyada sayfaya-özgü override olarak kaldı, bkz. o dosyanın başı).
   Kaynak/kanonik: `_v8_raporlar.css` (Tur 3a). H1 = B'deki soru (kim/iletişim sorusuz) ·
   ilk cümle = eski v7 tezi · `.bas-eylem` = açıklama + tek eylem bağı (§2 kırmızı ≤1 öge).
   Bu blok 7 sayfada (`class="bant sayfa-bas"`) kullanılır; ai-masasi/sektor-raporu/egitim
   `.hero` ailesini kullanır (Tur 2 kalıbı, bilinçli ayrı — dokunulmadı).
   ═══════════════════════════════════════════════════════════════════════════════════ */
.sayfa-bas{padding-block:48px 32px}   /* M4·C9 (spacing-09/-07) */
.sayfa-bas h1{max-width:36ch}
.bas-tez{margin-top:.95rem;font-size:var(--p2);line-height:1.6;max-width:66ch;color:var(--govde)}
.bas-eylem{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
           gap:1rem 2.5rem;margin-top:1.5rem}
.bas-alt{margin:0;max-width:58ch;color:var(--ikincil)}
.bas-alt a{white-space:nowrap}    /* F-D: bağ satırındaki bağlar kelime ortasından kırılmaz — kırılım bağlar ARASINDA */
@media (max-width:640px){
  .bas-eylem{align-items:flex-start;gap:1.1rem}
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   ═══ §11.8 KIRMIZI VURGU SİSTEMİ (Tur 5b · Fable kilidi 2026-09-06 08:35) ═══
   Teşhis (📏 `DELTA_v8t5_index.md`): ilk ekranda kırmızı bileşen 2 → 2, entropi 1,10.
   AKK: "beklediğim ölçüde fark yok". Kök = §2'nin "kırmızı ≤1 öge/ekran" DOZU; renk değil.
   §11.8 kuralı: kırmızı = ANLAM TAŞIYAN vurgu (dekor değil), her rolün TEK görevi var:
     1 birincil eylem (CTA dolgusu — mevcut, `.cta`)   4 aktif/hover (150 ms geçiş)
     2 ölçülen/hesaplanan rakam (+ çubuk dolgusu)      5 belge damgası (üst şerit + tarih)
     3 bölüm işareti (40×3px çizgi)                    6 künye noktası (marka, mevcut)
     7 kalıcı çift-renk başlık (Tur 5c — H1 + `.vurgu-bas` H2'nin sonuç/vaat yarısı)
     8 dizin eyebrow'u — numara + kategori adı (Tur 7 · 2a, AKK 09-07 onaylı)

   ⛔ SINIRLAR: yalnız beyaz/kağıt zeminde · 14px altı metinde ASLA · `.bant--lacivert`
   içinde ASLA (K20e — orada bölüm işareti KAĞIT, `dl.hesap` sayıları BEYAZ kalır) ·
   gövde metninde kelime vurgusu YASAK (§6 krom) · aktif menü çizgisi LACİVERT kalır (§2).

   🔒 KAPSAM = `body.vurgu-sistemi`. Tur 6 (09-06): 10 sayfanın tamamı `body.vurgu-sistemi`
   taşır (index Tur 5'ten beri taşıyordu; diğer dokuzu bu tur <body>'ye aynı sınıfı
   yazarak kattı — CSS tekrarlanmadı). Gerekçe mekanik, üslup değil: `.soru-b` (iletisim+kim), `.hesap`
   (altı sayfa) ve `.menu` (on sayfa) PAYLAŞILAN seçiciler — sınıfsız yazılsalardı bu tur
   dokuz sayfayı sessizce değiştirirdi.
   Hareket: yalnız `color`/`border-color`/`text-decoration-color`, 150 ms (K20a/K20b);
   reduced-motion bloğu dosyanın ortak `*` kuralında (satır ~614, K20d).
   ═══════════════════════════════════════════════════════════════════════════════════ */

/* ── ROL 2 · ÖLÇÜLEN / HESAPLANAN RAKAM ────────────────────────────────────────────
   Belge çıktıları (bekleme önce→sonra · serbest emek low–high) motordan gelir
   (`masa_modeli.py` ↔ `_v8_masa.js`); kırmızı BU sayılara aittir — birimi değil
   (`.belge-birim` ikincil kalır), etiketi değil. Çubuk dolgusu aynı rakamın grafiğidir. */
.vurgu-sistemi .belge-deger{color:var(--kirmizi)}          /* tabular-nums · 1,45rem (≥1,25); G24: serif kaldırıldı */
.vurgu-sistemi .belge-deger.yeniden{color:var(--ikincil)}  /* bir kare: "yeniden hesaplandı" (200 ms) */
.vurgu-sistemi .belge-cubuk-iz{background:var(--hat)}      /* zemin Hat — kırmızı dolgu üstünde okunur */
.vurgu-sistemi .belge-cubuk-dolu{background:var(--kirmizi)}
/* `dl.hesap` sayıları da bu role girer AMA yalnız beyaz/kağıt zeminde: index'in TEK
   `dl.hesap`'ı lacivert bandın içindedir → orada BEYAZ kalır (K20e). Bu yüzden burada
   kural YOK — kullanılmayan seçici yazmak gecekondu olurdu. */

/* ── ROL 3 · BÖLÜM İŞARETİ ─────────────────────────────────────────────────────────
   Her bandın ilk H2'sinin ÜSTÜNDE 40×3px çizgi (v7 vurgu deseni). Sınıfla taşınır,
   `.bant h2` ile DEĞİL: beş sorunun başlıkları da H2'dir (`.soru-b-bas`) — onlar bölüm
   değil, satır dizinidir; otomatik seçici oraya da çizgi çizerdi.

   ⚠️ ÇİZGİ YÜKSEKLİK EKLEMEZ (📏 düzeltme turu): ilk kurulum `display:block` + `margin-bottom`
   ile yazıldı; beş işaret sayfayı 3998 → 4058 px büyüttü ve A RİTİM ENDEKSİ 2,00 → 1,73'e
   düştü (endeks = bant değişimi ÷ sayfa yüksekliği; 80px'lik ölçüm şeritleri de kaydığı için
   dip bandının geçişi 10,9 → 7,9 ΔL* ile eşiğin ALTINA indi, bir değişim büsbütün kayboldu).
   Çizgi bandın KENDİ üst payının içine mutlak konumlanır: aynı görsel, sıfır yükseklik, hiçbir
   satırın hizası bozulmaz (§11.8 "ritim ≥2,0 korunur" şartı sağlanır). */
.vurgu-sistemi .vurgu-bas{position:relative}
.vurgu-sistemi .vurgu-bas::before{
  content:"";position:absolute;top:-1.05rem;inset-inline-start:0;
  width:40px;height:3px;background:var(--kirmizi);
}
.vurgu-sistemi .bant--lacivert .vurgu-bas::before{background:var(--kagit)}   /* K20e: koyu bantta kırmızı YOK */

/* ── ROL 4 · AKTİF / HOVER (150 ms cevap-hareketi) ─────────────────────────────────
   Dinlenme durumu LACİVERT; kırmızı yalnız okur dokunduğunda belirir (§11.1 "cevap"). */
.vurgu-sistemi .soru-b-bas{
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.16em;
  text-decoration-color:transparent;
  transition:text-decoration-color .15s ease-out;
}
.vurgu-sistemi .soru-b:hover .soru-b-bas,
.vurgu-sistemi .soru-b:focus-within .soru-b-bas{text-decoration-color:var(--kirmizi)}
.vurgu-sistemi .soru-b .pikto{transition:color .15s ease-out}
.vurgu-sistemi .soru-b:hover .pikto,
.vurgu-sistemi .soru-b:focus-within .pikto{color:var(--kirmizi)}

/* Tur 6 (09-06) genelleştirme: rol 4 yalnız giriş hattı bağlarında yaşıyordu; 9 sayfanın gövde
   bağları (.bag) hover'da lacivert kalıyordu = rol ölü. Artık vurgu sistemi altındaki TÜM .bag. */
.vurgu-sistemi .bag{transition:color .15s ease-out,border-color .15s ease-out}
.vurgu-sistemi .bag:hover,
.vurgu-sistemi .bag:focus-visible{color:var(--kirmizi);border-bottom-color:var(--kirmizi)}
/* Koruma (G11 bloker, 09-06): lacivert bantta hover kırmızı YOK (K20e, kontrast 2,62). Genel kural
   `.bant--lacivert .bag:hover` (0,3,0) ile eşit özgüllükteydi ve sonra geldiği için kazanıyordu →
   koruma 0,4,0. Rol 7'deki özgüllük hatasının aynı sınıfı; ısırma testi T-r4 buna bağlanır. */
.vurgu-sistemi .bant--lacivert .bag:hover,
.vurgu-sistemi .bant--lacivert .bag:focus-visible{color:var(--beyaz);border-bottom-color:var(--beyaz)}

/* menü: hover alt çizgisi kırmızı — AKTİF sayfanın çizgisi lacivert KALIR (§2, `:not`). */
.vurgu-sistemi .menu > a:not([aria-current]):hover,
.vurgu-sistemi .dal-bas:not(.guncel):hover{border-bottom-color:var(--kirmizi)}

/* ── ROL 5 · BELGE DAMGASI ─────────────────────────────────────────────────────────
   Belge yaprağının üst kenarında 4px şerit = "mühür"; tarih satırı aynı ailede.
   Tarih 0,95rem (15,2px) — §11.8'in "14px altı metinde kırmızı ASLA" sınırı için
   0,85rem'den YÜKSELTİLDİ (kural rengi değil, PUNTOYU bağlar). */
.vurgu-sistemi .belge-yaprak{border-top:4px solid var(--kirmizi)}
.vurgu-sistemi .belge-tarih{color:var(--kirmizi);font-size:var(--p2);font-weight:500}

/* ── ROL 7 · KALICI ÇİFT-RENK BAŞLIK (Tur 5c · AKK 09-06 10:45) ────────────────────
   AKK: "kırmızı yalnız hover'da beliriyor; bazı başlıklar KALICI kırmızıyla vurgulansın,
   çift renk (fon değil)". Rol 4 kırmızıyı okurun dokunuşuna bağlıyordu; rol 3'ün 40×3px
   çizgisi ise ÖĞE olarak sayılıyor ama görsel ALANI küçük. Rol 7 = başlığın SONUÇ/VAAT
   yarısı kalıcı kırmızı: aynı palet, aynı doz mantığı, büyük alan.
   İşaret `<em class="vurgu-yari">` — anlam (vurgu) HTML'de, italik DEĞİL (font-style:normal).
   ⛔ Sınırlar: yalnız H1 + `.vurgu-bas` H2 (h2 ≥1,75rem) · başlık başına ≤1 · `.soru-b-bas`
   kart başlıklarına UYGULANMAZ (≤1,55rem + doz patlar) · gövde metninde YASAK (§6 krom sürer)
   · `.bant--lacivert` içinde renk DEVRALINIR = beyaz (K20e, kontrast 2,6:1).
   Hareket YOK: kırmızı yarı başlıkla birlikte görünür, ayrı hareket etmez (§11, JS'siz tam). */
.vurgu-sistemi h1 .vurgu-yari,
.vurgu-sistemi h2.vurgu-bas .vurgu-yari{color:var(--kirmizi);font-style:normal}
/* Koruma: özgüllük başlık seçicisinden YÜKSEK olmalı (0,4,1 > 0,3,1) — 09-06 negatif kontrol
   ısırdı: eski `.vurgu-sistemi .bant--lacivert .vurgu-yari` (0,3,0) eziliyor, kırmızı sızıyordu. */
.vurgu-sistemi .bant--lacivert h1 .vurgu-yari,
.vurgu-sistemi .bant--lacivert h2.vurgu-bas .vurgu-yari,
.vurgu-sistemi .bant--lacivert .vurgu-yari{color:inherit}

@media (max-width:640px){
  /* rol 2 taban punto: ortak kural burada 1,2rem'e iner, §11.8 tabanı 1,25rem */
  .vurgu-sistemi .belge-deger{font-size:var(--p3)}
}

/* ── ROL 2 (Ş4, sektor-raporu.html) · OMURGA AĞIRLIK ÇUBUĞU (Tur 6, 09-06) ──────────
   Fable kararı: Ş4 şeması kendi hükmünü taşır — yedi bölümün YALNIZ üçüncüsü (33/99
   sayfa; figcaption "ağırlık üçüncü bölümde: … tek başına 33 sayfa") çubuk dolgusu
   kırmızı. Diğer altı çubuk `.omurga-cubuk` tabanını (kağıt zemin) korur — dekor
   değil, tek anlamlı fark. Turuncu/başka ton YOK; `.omurga-agirlik` yalnız HTML'de
   3. `.omurga-bolum`'a yazılı (sabit, veri-türevi değil — tek şema, tek satır).
   Kontrast: beyaz üstünde/kırmızı zeminde 5,88:1 (ölçülü, §11.8 ROL 2 eşiği ile aynı
   çift) — `.omurga-no` varsayılanı `--ikincil` gri, kırmızı dolgu üstünde kontrastı
   düşürürdü; burada beyaza döner. (Bar 40px altına inip numara çubuğun ÜSTÜNE taşan
   container-query hali yalnız EN DAR bölümler için tetiklenir — 33/99 payı olan bu
   bölüm hiçbir viewport'ta o eşiğin altına inmez, bu yüzden ayrı kural gerekmez.) */
.vurgu-sistemi .omurga-agirlik{background:var(--kirmizi)}
.vurgu-sistemi .omurga-agirlik .omurga-no{color:var(--beyaz)}

/* ── ROL 8 · DİZİN EYEBROW (numara + kategori adı) — Tur 7 (2a · AKK 09-07 onaylı) ──
   Dört sayfada aynı motif tekrarlanıyordu: küçük numara + kategori adı, hemen ALTINDAKİ
   büyük başlığın (tez/h3) üstünde eyebrow gibi durur. TEK paylaşılan sınıf — beş dosyada
   kopya-yapıştır YASAK. HTML'de ilgili span'lara `class="… etiket-vurgu"` eklenir; sayfa
   CSS'i yalnız DÜZEN taşımaya devam eder (grid-column, gap, line-height) — renk/punto/
   büyük-harf/ağırlık BURADAN gelir:
     `_v8_surec.css`      .serit-no · .serit-ad   (Ş1 şerit dizini, "01 Sektör analizi")
     `_v8_kanit.css`      .teslim-no              (altı teslim, "01" → h3 "Sektör raporu")
     `_v8_danismanlik.css`.zincir-no              (beş halka, "Halka 1" → h3 "Teşhis")
     `_v8_danismanlik.css`.giris-uc-ad            (hero üç katman, "Ne"/"Kime, ne zaman"/
                                                    "Nasıl ölçülür" — 09-07 Tur 8b)
     `_v8_iletisim.css`   .adim-no (İLK ÜÇ ADIM)  ("01" → h3 "Teşhis görüşmesi")
     `ai-masasi.html`     .perde-etiket           (4 perde eyebrow'u, "Perde I · Teşhis"
                                                    → h2 `.perde-tez`; CSS zaten yalnız
                                                    düzen taşıyordu, HTML'de hazırdı)
     `_v8_raporlar.css`   .katalog-durum .canli   (①②③④ katalog kartı, "Gerçek teslimat" /
                                                    "Örnek açık" — 09-07 Tur 8b; sayfa CSS'i
                                                    ARTIK renk vermiyor, bkz. o dosyanın notu)
     `_v8.css`            .hesap dt (YALNIZ egitim.html'in iki `dl.hesap`'ı — "raf" ve
                                     "rafın sayımı" listeleri, "Strateji 101" vb.; HTML'de
                                     sınıf eklendi, ORTAK `.hesap dt` kuralına DOKUNULMADI —
                                     bkz. o kuralın notu, 09-07 Tur 8b)
     `index.html`         .belge-durum İÇİNDE saplı `<span class="etiket-vurgu">` —
                                     "Gerçek teslimat" / "Kurgusal örnek" (09-07 Tur 8b;
                                     Tur 11'de meta — "101 sayfa · yedi bölüm" /
                                     "gerçek render · NN sayfa" — AYRI SATIRA indi,
                                     `display:block` alttaki kuralla; virgül yerine "·")
     `_v8.css`            .giris-hat-et           (index hero, "Dört hat" — 09-07 Tur 8b)
     `_v8_surec.css`      .sutun-no               (Sütun 01-06, "Sütun 01" → h3 "Konum" —
                                                    Tur 11 bağımsız-denetim)
     `_v8.css`            .omurga-dizin-no · -ad  (sektor-raporu 7 bölümlük dizin,
                                                    "1" + "Yönetici Tezi" → h3 YOK, kendi
                                                    li'si — surec .serit-no/-ad'la AYNI
                                                    kalıp; Tur 11 bağımsız-denetim)
     `kim.html`           .soru-bolum             (üç soru, "Bölüm: yöntem"; renk/punto
                                                    aslında sayfa CSS'inden değil ORTAK
                                                    `.kunye`'den geliyordu — `.kunye` ORTAK
                                                    kaldığı için dokunulmadı, `.vurgu-sistemi
                                                    .etiket-vurgu` (0,2,0) onu zaten ezer;
                                                    Tur 11 bağımsız-denetim)

   ⛔ Kapsam DIŞI (rol karışmasın, kod-yorumlarıyla teyitli):
   · `.dort-soru .soru-no` (iletisim) — dosyanın kendi yorumu: "numara GERÇEK sırayı
     taşır (<ol>), rozet değil"; eyebrow'a çevirmek bu kararı çiğnerdi.
   · `.modul-no` (egitim) — numara h3'ün İÇİNDE yaşıyor, ayrı bir eyebrow SATIRI yok.
   · `.sekme-dizini .sekme-no` (ai-masasi + egitim dizin sekmesi) — aktif-durum `[aria-current]`
     ile lacivert oluyor; beş sekmeyi kalıcı kırmızıya çevirmek §2 "kırmızı ≤1 öge" dozunu
     patlatır ve aktif/pasif ayrımını bozar.
   · §3a şema rakamları (`.durak-no/.durak-ad`, `.halka-sure/.halka-ad`, `.omurga-no`,
     `_v8_danismanlik.css` `.faz-sure/.faz-ad` — dosyanın kendi notu: "Ş3 halka kalıbı"nın
     BİREBİR page-local klonu, aynı gerekçeyle dışarıda) — "Yeni renk YOK" şartlı diyagram
     sistemi; bunlar büyük birincil şema rakamı, küçük eyebrow etiketi değil.
   · `.hero-ust` (ai-masasi, sektor-raporu) — tam cümle alt-başlık (8-12 kelime), kısa
     kategori-etiketi değil; büyük harf+kırmızı bir cümleye uygulanırsa doz taşar.
   · `_v8_kanit.css` `.karne-ad` / `.karne-satir-ad` (teşhis karnesi mini aracı, 09-07
     Tur 8b) — sayfanın kendi §1-B doz notu: kırmızı YALNIZ en düşük duran hesabın işaretine
     (JS ile tek satır) ayrılmış; altı alanı da kalıcı kırmızı etiket-vurgu yapmak hem doz
     kuralını hem aracın teşhis mantığını (tek darboğaz göstermek) çiğnerdi.
   · `_v8.css` `.hesap dt` — yalnız egitim.html'de HTML-sınıflı olarak etiket-vurgu alır;
     diğer beş sayfadaki `dl.hesap` (danismanlik ritim, kanit sicil, sektor-raporu künye,
     kim künye, index Kazanım hanesi) ya tam-cümle/uzun soru-dt taşır ya da `.bant--lacivert`
     içindedir (K20e — kırmızı ASLA) → ortak kural bilinçli DOKUNULMADAN kaldı.
   · `_v8_raporlar.css` `.belge-alt` / `.matris-durum` (12,8px) — dört-belge kartının ALT
     satırı (biçim/erişim) ve yoğun karşılaştırma tablosunun satır-içi durumu; ikisi de
     tek-satırlık eyebrow değil, çok-satırlı/tablo-yoğun gövde metni — büyütüp kırmızı
     yapmak K20e dozunu (kırmızı ≤1 öge) tablo başına onlarca kez patlatırdı.
   · `ai-masasi.html` `.parca-et` (×30, altı-alan tablosunun HER hücresindeki parça adı)
     + `.belge-sinif` (kapak künyesi) — ikisi de 12,8px yoğun tablo/künye metni; `.parca-et`
     tek sayfada 30 tekrar eder, kırmızı+büyük yapmak dozu anında patlatır ve tabloyu
     "her hücre eşit önemde bağırıyor" hâline getirirdi.
   · `index.html` `.masa-ad` (11,5px, küçük şema masa etiketi) — §3a şema ailesiyle aynı
     gerekçe: büyük birincil şema metni değil, "Yeni renk YOK" diyagram içi mikro-etiket.
   · `index.html` `.belge-ad` / `.belge-birim` / `.belge-tarih` — belge tıpkıbasımı
     (facsimile) İÇİ metin, gerçek bir rapor sayfasının kendi tipografisini taklit eder;
     `.belge-tarih` zaten kendi ROL 5 kuralıyla (`.vurgu-sistemi .belge-tarih`) kırmızı —
     ayrı bir rol, ROL 8'e taşınırsa iki kural çakışır.
   · `ai-masasi.html` `.belge-zaman` — ROL 5 lehçesi (`.vurgu-sistemi .belge-zaman{color:
     var(--kirmizi)}`, 09-07 not: "14px altı metinde kırmızı ASLA" sınırı), ayrı rol,
     bilinçli bırakıldı.
   · `danismanlik.html` `.dongu-legend` `.dongu-ad` (1,02rem, lacivert) — haftalık döngü
     diyagramının lejant başlığı, `.dongu-im` görsel işaretiyle eşleşir; §3a şema ailesiyle
     AYNI gerekçe ("Yeni renk YOK" diyagram sistemi) — küçük dizin eyebrow'u değil, zaten
     ROL 8'in 1,15rem'inden farklı bir ölçekte duran legend etiketi (Tur 11 ölçüldü). */
.vurgu-sistemi .etiket-vurgu{
  color:var(--kirmizi);text-transform:uppercase;letter-spacing:.08em;
  font-size:var(--p2);font-weight:700;line-height:1.2;
}
/* K20e koruma (Tur 11 bağımsız-denetim): ROL 8 (0,2,0) `.bant--lacivert .kunye/.hesap dt`
   (0,2,0) ile eşit özgüllükte ve SONRA geldiği için lacivert bantta kırmızı kazanırdı —
   sıra-yoluyla delik. Özgüllüğü 0,3,0'a çıkarıp koyu bantta `.kunye` ile AYNI tona (--hat)
   devral — K20e "lacivert üstüne kırmızı ASLA" ihlali böylece sıra-bağımsız kapanır. */
.vurgu-sistemi .bant--lacivert .etiket-vurgu{color:var(--hat)}
/* index belge kartı: eyebrow + meta ("101 sayfa · yedi bölüm") ayrı satıra düşsün diye
   yalnız `.belge-durum` içindeki etiket-vurgu blok-satır olur (diğer sayfalarda inline kalır). */
.belge-durum .etiket-vurgu{display:block}

/* ── ROL 4 · SEKME DİZİNİ AKTİF/HOVER (Tur 12 — `_v8_ai.css`ten taşındı) ───────────
   Dinlenme durumu LACİVERT; kırmızı yalnız okur dokunduğunda belirir (§11.1 "cevap").
   AKTİF sekmenin çizgisi lacivert KALIR (§2) — `:not([aria-current])` ile ayrılır.
   Süre 150ms = §11.1 aralığı (150-250); reduced-motion karşılığı `_v8.css` satır ~700'deki
   genel `*,*::before,*::after{transition-duration:.01ms !important}` bloğundan gelir (K20d). */
.vurgu-sistemi .sekme-dizini a{transition:background-color .15s ease-out,border-color .15s ease-out}
.vurgu-sistemi .sekme-dizini a:not([aria-current="true"]):hover,
.vurgu-sistemi .sekme-dizini a:not([aria-current="true"]):focus-visible{border-bottom-color:var(--kirmizi)}

/* ── ROL 7 uzantısı · BÖLÜM AMAÇ CÜMLESİ (`.raf-amac`, Tur 12 — 2026-09-08'de
   `_v8_egitim.css`ten taşındı; düzen kuralları bu dosyanın "BÖLÜM ORYANTASYON KALIBI"
   bloğunda). `.raf-amac` gövde nesri DEĞİL, bölümün tek-cümlelik VAAT satırıdır (bölüm
   başına bir tane, ≤2 satır) — rol 7'nin "SONUÇ/VAAT yarısı kalıcı kırmızı" tanımının tam
   karşılığı. Doz: bölüm başına ≤1 ifade. Kontrast #C8102E ↔ beyaz 5,9:1 · ↔ kağıt
   (#F1EFEA) 5,4:1 — normal metin eşiğinin (4,5) üstünde. KONUM: `.bant--lacivert
   .vurgu-yari{color:inherit}` (0,3,0) kuralından SONRA — egitim CSS'indeki sıra buydu. */
.vurgu-sistemi .raf-amac .vurgu-yari{color:var(--kirmizi);font-style:normal}

/* ══ OMURGA (2026-09-08, AKK 'devreye al') ══════════════════════════════════════════════════
   Dört vuruşlu omurga hero'su — bkz. web/_mockup/2026-09-08_omurga_varyant/
   OMURGA_2026-09-08.md (tasarım kilidi). Yalnız BU varyantın index.html'i kullanır;
   yukarıdaki `.giris/.soru-b/.sorular-b` kuralları DOKUNULMADAN duruyor (ekleme, silme
   yok). Yeniden kullanılan sınıflar: .etiket-vurgu (rol 8) · .duraklar/.durak/.dugum/
   .durak-no/.durak-ad/.durak-teslim (Ş1 "Altı durak" AYNEN) · .kunye · .bag · .cta ·
   .hesap · .sema + .sema figcaption · .sema-legend-sim (K16 pikto izinli ata). ═══ */
/* Alt payı bilerek 3rem: bir sonraki bandın ("Dört belge") kendi üst dolgusuyla açtığı
   kırmızı H2'si + ROL 3 işaret çubuğu (`.vurgu-bas::before`, h2'nin 16,8px üstünde) 1440×900
   sınırına sızıp sayfa kırmızı dozunu (§OMURGA md ilke) 6'dan 7'ye çıkarmasın diye (ölçüldü:
   2rem payla çubuk hâlâ 892px'te görünüyordu; 3rem'de 908px'e iniyor — sınırın altında). */
.omurga-giris{padding-block:clamp(14px,1.4vw,20px) clamp(14px,1.4vw,20px);margin-bottom:3rem}
.omurga-giris h1{margin-top:.4rem;max-width:60ch;
  font-size:var(--p5);line-height:1.2}
.omurga-giris .giris-alt{margin-top:.45rem;font-size:var(--p2);max-width:64ch}

/* ── ÜST SATIR — dört vuruş başlığı, 3+1+1+1 sütun (altı durağın 6 sütunuyla hizalı) ──
   ORAN DÜZELTMESİ (09-08 13:xx, AKK "4 bölüm sayfaya orantılı yazılmamış"): altı sütun EŞİT
   olunca ① Ölçer sayfanın yarısını (630px) alıyor, ②③④ 197px'e sıkışıyordu (ölçüldü;
   web/_olcum/2026-09-08_kapi_oran/once_*). Sütunlar 1:1:1:1.5:1.5:1.5 → vuruşlar 40/20/20/20;
   üç satır (vuruş başı · durak · kapı) AYNI şablonu paylaşır, hizalama bozulmaz. Tek DOM. */
.sema--omurga4{margin-top:.9rem;--omurga-sutun:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)
  minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1.5fr)}
.sema--omurga4 .duraklar{grid-template-columns:var(--omurga-sutun)}
.vurus-satir{display:grid;grid-template-columns:var(--omurga-sutun);column-gap:1rem}
.vurus-bas{grid-column:span 1;margin:0;padding-top:.4rem;border-top:1.5px solid var(--lacivert)}
.vurus-bas--1{grid-column:span 3}

/* ── ORTA SATIR — .duraklar/.durak Ş1 kuralından (yukarıda) miras alır; burada omurga
   İÇİNDEKİ dikey payı SIKILAŞTIRIYORUZ (1440×900 katlanma şartı, §OMURGA md 1): düğüm
   dairesi + iç boşluk küçülür, tipografi bir tık iner — Ş1'in KENDİSİ (Altı durak
   bölümü, artık kalkmış olan) DEĞİL, yalnız bu figürün İÇİNDEKİ kopyası etkilenir. ── */
.sema--omurga4 .duraklar{margin-top:.2rem;--durak-ust:.6rem;--dugum:34px}
.sema--omurga4 .durak{padding-bottom:.5rem;gap:.16rem}
.sema--omurga4 .dugum{margin-bottom:.4rem}
.sema--omurga4 .dugum .pikto{width:18px;height:18px}
.sema--omurga4 .durak-no{font-size:var(--p1)}
.sema--omurga4 .durak-ad{font-size:var(--p1);line-height:1.2}
.sema--omurga4 .durak-teslim{font-size:var(--p1);line-height:1.34}

/* ── ALT SATIR — vuruş başına soru + belge + bağ, üst satırla AYNI 3+1+1+1 kapsamı ── */
/* KUTULU KAPILAR (09-08 13:2x, AKK "üstteki bölümlerle hizalı ince çizgili kutular daha disiplinli"):
   sütun aralığı 0 → kutu kenarları durak ayraçlarının (`.durak` border-inline-start) TAM üstüne
   düşer; kutu = yalnız 1px `--hat` çizgi (§6: radius/gölge/dolgu YOK — durak satırıyla aynı
   çizgi dili). Komşu kutuların ortak kenarı -1px bindirmeyle tek çizgi. Grid `stretch` ile
   dört kutu eşit boy (④ en uzun: soru 2 satır + kazanım hanesi). */
.vurus-soru-satir{display:grid;grid-template-columns:var(--omurga-sutun);
  column-gap:0;margin-top:.5rem}
.vurus-soru{grid-column:span 1;display:flex;flex-direction:column;gap:.22rem;min-width:0;
  border:1px solid var(--hat);padding:.7rem var(--durak-pay) .8rem}
.vurus-soru + .vurus-soru{margin-inline-start:-1px}
.vurus-soru--1{grid-column:span 3}
.vurus-soru-bas{
  font-weight:500;
  font-size:var(--p2);line-height:1.26;color:var(--lacivert);margin:0;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.16em;
  text-decoration-color:transparent;transition:text-decoration-color .15s ease-out;
}
/* Dört soru TEK punto (09-08 oran düzeltmesi): önce ① 1.1rem, ②③④ 0.92rem'di — dört kapı
   eşit değer taşır, biri büyük üçü küçük yazılamaz. Sütunlar 20%'ye genişleyince (≈300px)
   küçültme gerekçesi de kalktı; en uzun soru (④) 2 satırda kalır (ölçüldü, sonra_*). */
.vurgu-sistemi .vurus-soru:hover .vurus-soru-bas,
.vurgu-sistemi .vurus-soru:focus-within .vurus-soru-bas{text-decoration-color:var(--kirmizi)}
.vurus-soru .kunye{font-size:var(--p1);margin:0}
.vurus-soru > p{margin:0}
.hesap--tekli{grid-template-columns:1fr;margin:.05rem 0 0}
.hesap--tekli > div{padding:.2rem 0;border-bottom:0}
.hesap--tekli dt{font-size:var(--p1);margin-bottom:.05rem}
.hesap--tekli dd{font-size:var(--p1)}
.sema--omurga4 figcaption{margin-top:.7rem;max-width:none}

/* ── AI KATMANI ŞERİDİ — omurganın altında, tek satır, kağıt zemin (K16: pikto
   `.sema-legend-sim` izinli atası içinde — künye/başlık/CTA değil). ── */
.katman{
  display:flex;align-items:flex-start;gap:.9rem;margin-top:1rem;
  padding:.55rem 1rem;background:var(--kagit);border:1px solid var(--hat);
}
.katman .sema-legend-sim{flex:none;width:26px}
.katman .sema-legend-sim .pikto{width:22px;height:22px}
.katman p{margin:0;font-size:var(--p1);line-height:1.5;color:var(--govde)}
.katman strong{color:var(--lacivert);font-weight:600}

/* ── VARSAYILAN KAPI SATIRI — sol: metin + tek CTA · sağ: rehber (AKK, kim.html'e bağ) ── */
.varsayilan-kapi{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1rem 2.4rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--hat);
}
.varsayilan-kapi-sol{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem}
.varsayilan-kapi-sol p{margin:0;font-size:var(--p2);color:var(--govde);max-width:34ch}
.rehber{margin:0;font-size:var(--p1);color:var(--ikincil);max-width:46ch;line-height:1.55}
.rehber .bag{font-weight:600;color:var(--lacivert)}

@media (max-width:900px){
  .vurus-soru-bas{font-size:var(--p2)}
}

/* ── MOBİL ≤640 (v2, 2026-09-08 sıkıştırma): omurga dört vuruş bloğu olarak alt alta
   (vuruş etiketi → kendi duraklarının KOMPAKT çip-satırı → soru/belge/bağ). Tek DOM:
   satır sarmalayıcılar `display:contents` ile kutu üretmez; `.sema--omurga4` artık
   flex-wrap konteyner — `.vurus-bas`/`.vurus-soru`/figcaption `flex:1 1 100%` ile
   kendi satırını açar (satır-kırıcı), aradaki `.durak` çipleri (flex:0 1 auto) yatay
   akışta yan yana dizilir/sarar. Dikey zaman-çizgisi (`::before` + kenar çizgisi)
   mobilde kapatılır, pikto/dugum kaldırılır, "Teslim: …" satırı gizlenir — geriye
   yalnız numara+ad kalır (K15/erişilebilirlik: DOM sırası değişmez, yalnız görsel
   sıra `order`). ── */
@media (max-width:640px){
  .sema--omurga4{display:flex;flex-wrap:wrap;row-gap:.7rem;column-gap:.4rem;margin-top:1.1rem}
  .sema--omurga4 .vurus-satir,.sema--omurga4 .duraklar,
  .sema--omurga4 .vurus-soru-satir{display:contents}
  .sema--omurga4 .vurus-bas,.sema--omurga4 .vurus-soru,
  .sema--omurga4 figcaption{flex:1 1 100%}
  .sema--omurga4 .vurus-bas{border-top:0;padding-top:0}
  .vurus-soru + .vurus-soru{margin-inline-start:0}   /* kutular alt alta: bindirme yok */
  .vurus-soru{padding:.6rem .8rem .7rem}
  .vurus-bas--1{order:1}
  .durak--o1{order:2} .durak--o2{order:3} .durak--o3{order:4}
  .vurus-soru--1{order:5}
  .vurus-bas--2{order:6} .durak--o4{order:7} .vurus-soru--2{order:8}
  .vurus-bas--3{order:9} .durak--o5{order:10} .vurus-soru--3{order:11}
  .vurus-bas--4{order:12} .durak--o6{order:13} .vurus-soru--4{order:14}
  .sema--omurga4 figcaption{order:15}

  /* kompakt durak çipi: numara+ad tek satır, pikto YOK, "Teslim:" gizli, dikey çizgi kapalı */
  .sema--omurga4 .durak{
    flex:0 1 auto;display:flex;align-items:baseline;gap:.32rem;
    border:1px solid var(--hat);padding:.32rem .55rem;margin:0;
  }
  .sema--omurga4 .durak::before{display:none}
  .sema--omurga4 .dugum{display:none}
  .sema--omurga4 .durak-no{font-size:var(--p1)}
  .sema--omurga4 .durak-ad{font-size:var(--p1);line-height:1.2}
  .sema--omurga4 .durak-teslim{display:none}

  .katman{flex-wrap:wrap;margin-top:1.2rem}
  .varsayilan-kapi{flex-direction:column;align-items:stretch;gap:1rem}
  .varsayilan-kapi-sol{flex-direction:column;align-items:flex-start;gap:.7rem}
  .varsayilan-kapi-sol p,.rehber{max-width:none}
}

/* ── AÇILIR BÖLÜM (details.ac) — 2026-09-12 ─────────────────────────────────
   AKK kararı: uzun sayfalarda örnek-sayfa şeritleri açılır-kapanır kutuya alındı
   (metin/kanıt SİLİNMEZ, bir tık uzağa taşınır). Bileşen SIFIRDAN YAZILMADI —
   `_v9-components.css` §64-76'nın birebir aynı tanımı; belirteçler `_v8-apple.css`
   üzerinden geliyor. ⛔ BORÇ: iki kuşak birleşince bu ikiz tanım TEK kaynağa iner
   (K4.3 bileşen-çoğaltma yasağının bilinçli, kayıtlı istisnası). ── */
details.ac{border-top:1px solid var(--line);margin-top:var(--s5)}
.dark details.ac{border-color:var(--deep-hair)}
/* ⚠️ 2026-09-16 TUR 3 (AKK/Fable, v8↔v9 parite ölçümü): `gap:var(--s3)` bu dosyanın
   yüklendiği v8 bağlamında TANIMSIZ (`--s3` yalnız `_v9-tokens.css`te var, v8 sayfaları
   onu yüklemiyor) — ölçüldü: computed `gap` "normal" (≈0px) dönüyordu, v9 (/kim, `--s3:
   12px`) ile aynı `[+/−] metin` boşluğu YOKTU. `.ornek-cerceve`deki AYNI kök-neden zaten
   burada belgeli (bkz. `_v8_raporlar.css` satır ~194). 12px'e sabitlendi — v9'la BİREBİR. */
details.ac>summary{cursor:pointer;list-style:none;padding:var(--s4) 0;display:flex;align-items:center;gap:12px;font-size:var(--t2);font-weight:600;color:var(--navy);letter-spacing:.01em}
.dark details.ac>summary{color:var(--deep-fg)}
details.ac>summary::-webkit-details-marker{display:none}


details.ac>summary:hover{color:var(--navy)}
.dark details.ac>summary:hover{color:var(--deep-fg)}
details.ac[open]>summary{color:var(--navy)}
.dark details.ac[open]>summary{color:var(--deep-fg)}
.ac-body{padding:0 0 var(--s6) 30px;font-size:var(--t2);line-height:1.75;max-width:66ch;display:flex;flex-direction:column;gap:var(--s3);color:var(--ink);min-width:0}
.dark .ac-body{color:var(--deep-fg2)}
.ac-body>*{max-width:100%;min-width:0}
/* ── H-P1-6-FIX (2026-09-13, kök-ölçüm) — `.ac-body`'nin 66ch prose-genişliği SSS düz-metin
   içindir; `.kat` (P1-6 masaüstü-açma bandı) TABLO/4'LÜ-IZGARA/kart taşır — 66ch'e sıkışınca
   1440'ta bant genişliğinin yarısına düşüyor, kart etiketleri üst üste biniyordu. Yalnız
   `.kat` için genişlik sınırı kaldırılır; mobil (≤899) ve KAPAT/summary dokunulmadı. */
details.kat>.ac-body{max-width:none;width:100%}

/* AÇILIR BÖLÜM · İŞARET KATMANI — aynı kaynağın (_v9-components.css §319-332) devamı.
   İlk taşımada YALNIZ iskeleti almıştım; artı/eksi kutusu ve AÇ/KAPAT etiketi geride
   kaldı → kutu tıklanabilir görünmüyordu (görsel taramada yakalandı, kapı değil ben).
   + min-height:44px: WCAG dokunma hedefi — karne @390'da ISIRDI (44×44 altı). */
/* AKORDEON-SADE (AKK 2026-09-15: "+/− bölümlerin tasarımı basit ve amatör kaçıyor").
   ⚠️ BU BİR GERİ-ALMA: kutu-artı ve "AÇ/KAPAT" etiketi 09-12'de AKK'nın kendi isteğiyle
   eklenmişti (görünürlük turu). Gerekçe o zaman "tıklanacağı anlaşılmıyor"du; bugünkü
   şikâyet aynı parçanın GÖRSEL DİLİ. İkisini birden karşılayan tek işaret seçildi:
   sitenin imzası olan 28×2 kırmızı kural (.ex::before ile aynı ölçü), kapalıyken yatay,
   açıkken 90° dönüp dikey. Kutu ve etiket kalkıyor; tıklanabilirlik başlığın kalınlığı,
   44px hedef yüksekliği ve hover'da metin+kural kırmızısıyla veriliyor.
   🔒 09-14 kararı KORUNUR: hover'da ZEMİN DEĞİŞMEZ, yalnız metin/işaret kırmızıya döner. */
/* AKORDEON İŞARETİ · TEK STANDART (AKK 2026-09-16, PWC örneği): sağda YALNIZ chevron ˅/˄.
   09-15 "chevron + Göster/Gizle yazısı" kilidi AKK kararıyla KALDIRILDI; yazı yok, +/- kutusu
   (v9 ::before) korunur — v8'de +/- kutusu YOK, eklenmedi. Renk currentColor → koyu bant
   .dark/.bant--lacivert color kuralları geçerli. Kural v9 (`insa.py`) ile BİREBİR aynı.
   Kanıt NN/g (136 katılımcı, 11 prototip, nngroup.com/articles/accordion-icons): chevron
   TEK istatistiksel kazanan işaret — bu kısım korunur. GOV.UK'in "ikon+yazı birlikte"
   önerisi (09-15 kilidinin gerekçesiydi) AKK kararıyla terk edildi: yalnız ikon kalır. */
details.ac>summary{position:relative;transition:color .15s;min-height:44px}
/* ⚠️ DÖNDÜRÜLMÜŞ AYAK İZİ — 3px'lik X kaydırması ZORUNLU, süs değil (2026-09-16 kök-ölçüm;
   mobil kapı Ö5 · 87 ihlal · 12 sayfanın 4'ü). 12×12 kutu 45° döndürülünce EKRANDAKİ ayak
   izi 12×√2 = 16,97px olur — mürekkep kutunun İKİ yanına da 2,49px taşar. Chevron
   `margin-left:auto` ile sağ kenara YASLI olduğu için sağdaki taşma summary'nin içerik
   kutusunun DIŞINA düşüyordu: `scrollWidth` 365 / `clientWidth` 362 (402×874, Playwright).
   ⛔ BAŞLIK METNİ SUÇSUZ: `white-space:normal`, metin 219-293px, kutu 362px — sarma sorunu
   YOK; taşma her başlıkta SABİT 3px, metin uzunluğundan BAĞIMSIZ. Bu yüzden "≤640'ta sarmayı
   aç" ya da "chevron'u 10px yap" gibi düzeltmeler belirtiyi ıskalardı.
   ÇÖZÜM NEDEN TRANSFORM İÇİNDE: taşmayı transform ÜRETİYOR, yerleşim değil. `margin-right:3px`
   de kapıyı yeşile çeviriyordu ama metin sütununu 3px daraltıp iki sayfada başlığı bir satır
   daha sardırıyordu (ölçüldü @390: ai-masasi-nasil 4401→4456px, egitim 5713→5727px). X
   kaydırması yerleşime HİÇ dokunmaz: 12 sayfanın M1/M7'si bit-bit aynı kalır, yalnız mürekkep
   3px içeri gelir (sağ hizası da metinle tutarlı olur). Kural v9 (`insa.py`) ile BİREBİR aynı.
   ⚠️ Kapalı ve açık durumun İKİSİNDE de olmalı — yoksa açılışta taşma geri gelir. */
details.ac>summary::after{content:"";order:2;margin-left:auto;flex:0 0 auto;
  width:12px;height:12px;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  color:var(--red);padding:0;background:none;
  transform:translate(-3px,-4px) rotate(45deg);transform-origin:50% 50%;
  transition:transform .25s cubic-bezier(.2,.7,.2,1)}
details.ac[open]>summary::after{transform:translate(-3px,4px) rotate(-135deg)}
/* İ1 (2026-09-16, AKK 180°-emri — bkz. K29 satırı için gerekçe): b7df544b (07:10) "kutu
   yalnız v9, v8'de YOK" demişti; AKK aynı gün 16:xx yazılı emriyle "açılır kapanır kısımlar
   HAKKINDA (/kim) sekmesindeki gibi olsun: + veya − · metin · sağda chevron" dedi, 20:xx
   "önceki maddelerle birlikte onaylıyorum" ile doğruladı. Sonraki yazılı emir öncekini
   geçersiz kılar — bu SESSİZ tersine-dönüş DEĞİL, AKK-emirli tersine-dönüştür. Kutu v9'un
   (`_v9-components.css` ~293-299) BİREBİR aynısı — aynı token (`--red`, `_v8-apple.css`
   üstünden gelir, satır 1475'teki chevron rengiyle AYNI kaynak), aynı boyut/gradyan/açı.
   Sağ chevron (::after, yukarıda) DEĞİŞMEDİ — kutu ONUN YANINA eklenir, yerini almaz. */
details.ac>summary::before{content:"";width:18px;height:18px;flex:0 0 auto;
  border:1.5px solid var(--red);
  background:linear-gradient(var(--red),var(--red)) center/8px 1.5px no-repeat,
             linear-gradient(var(--red),var(--red)) center/1.5px 8px no-repeat;
  transition:transform .25s cubic-bezier(.2,.7,.2,1)}
details.ac[open]>summary::before{
  background:linear-gradient(var(--red),var(--red)) center/8px 1.5px no-repeat;
  transform:rotate(180deg)}
details.ac>summary:hover,details.ac>summary:focus-visible{color:var(--red);background:none}
@media (prefers-reduced-motion:reduce){
  details.ac>summary::after{transition:none}
  details.ac>summary::before{transition:none}
}

/* ── AÇILIR BÖLÜM · GÖRÜNÜRLÜK TURU (AKK 2026-09-12) ──────────────────────────────
   İSTEK: artı işareti, başlık ve AÇ/KAPAT etiketi KALIN olsun; tıklanabilirlik net olsun.
   EKLENEN (aynı amacın daha güçlü karşılığı — galeri sitelerinin standardı): kutu kapalıyken
   BOŞ görünmesin; ilk sıra sayfa görünür kalsın ("peek"), sağa doğru sönümlenerek devam
   ettiğini göstersin. Böylece ziyaretçi orada içerik olduğunu TIKLAMADAN görür.
   ⚠️ Peek'te figcaption GİZLİ: künye metinleri sayfa-kelimesi ölçümüne girmesin. */
/* 09-12'nin KALIN talebi KORUNUR — ama artık yalnız BAŞLIKTA: kutu-artı ve AÇ/KAPAT
   etiketi 09-15'te kaldırıldığı için onların kalınlık/aralık kuralları da öldü, bırakılmadı. */
details.ac>summary{font-weight:700}

/* DÜĞME GÖRÜNÜMÜ (AKK 2026-09-12 · "tıklanacağı net anlaşılsın"):
   ÖNCE peek denendi — kapalı `details` içeriği CSS ile gösterilemiyor (tarayıcı slot'u
   kilitliyor, `display`/`content-visibility` ezmesi ÖLÇÜLDÜ: kutu 45px'te kaldı). JS'siz
   çözüm: summary'yi gerçek düğmeye çevirmek. Çerçeve + dolgu + ok = tıklanabilirlik sinyali. */
/* ÇERÇEVE SÖKÜLDÜ (AKK 2026-09-12: 'uyarı kutusu gibi duruyor') — başlık sayfanın
   kendi tipografisine döndü; tıklama hedefi artık şeridin sonundaki SABİT kart. */
/* ⛔ KIRMIZI BANT KALDIRILDI (AKK 2026-09-14, ekran görüntüsüyle bildirdi: "metin kırmızı
   olmalı, arka plan değil"). KÖK: yukarıdaki "DÜĞME GÖRÜNÜMÜ" denemesinden (09-12) ARTAN
   kural — çerçeve aynı gün söküldü ama DOLGU hover'ı kaldı; summary bir CTA değil, başlık.
   Sözleşme §renk: kırmızı TEK aksan, "CTA butonu, hover imza-çizgisi" — dolu bant süs
   kullanımıdır. Davranış artık kardeşleriyle aynı: metin+işaret kırmızı, zemin DEĞİŞMEZ
   (v9 kuşağı `details.ac>summary:hover{color:var(--red)}` ve aşağıdaki `.galeri` istisnası
   zaten böyleydi — bu satır o üç yeri tek davranışta buluşturur). */
/* 09-14 kararı (zemin değişmez, metin kırmızı) yukarıdaki AKORDEON-SADE bloğunda
   karşılanıyor; kutu-artı ve etiket için yazılmış hover kuralları öldü, silindi. */
details.ac{border-top:0;margin-top:var(--s5)}

/* ── YARIM AÇIK GALERİ (AKK 2026-09-12: "en güçlü yöntem") ────────────────────────
   Kapalı `details` içeriği CSS ile açılamıyor (ölçüldü: kutu 45px'te kaldı). O yüzden
   mantık TERS kuruldu: kutu hep `open`, şerit KIRPILMIŞ duruyor — ilk sıra sayfa görünür,
   sağa doğru sönümlenerek devam ettiğini söyler. Düğme kırpmayı açıp kapar (JS: _v8.js).
   ⚠️ ÖLÇÜM KORUNUR: karne tüm `details`in `open`'ını silip ölçer → içerik yine gizli sayılır. */
details.ac.galeri>.sayfalar{max-height:196px;overflow:hidden;padding-bottom:0;}   /* mask SÖKÜLDÜ: sabit kartı da soluklaştırıyordu (gözle görüldü) */
details.ac.galeri>.sayfalar figcaption{display:none}
details.ac.galeri.genis>.sayfalar{max-height:none;overflow-x:auto;padding-bottom:1.1rem}
details.ac.galeri.genis>.sayfalar figcaption{display:block}
details.ac.galeri>summary{margin-bottom:var(--s4)}
details.ac.galeri>summary::after{content:"TÜMÜNÜ AÇ"}
details.ac.galeri.genis>summary::after{content:"DARALT"}
details.ac.galeri.genis>summary::before{
  background:linear-gradient(var(--red),var(--red)) center/9px 2px no-repeat}
details.ac.galeri.genis>summary:hover::before,details.ac.galeri.genis>summary:focus-visible::before{
  background:linear-gradient(#fff,#fff) center/9px 2px no-repeat}

/* İŞARET DÜZELTMESİ: galeri kutusu HEP `open` olduğu için artı/eksi `open`'a değil
   `genis`e bağlanır — daralmışken ARTI, genişlemişken EKSİ. Etiket kırmızı (soluk griydi). */
details.ac.galeri:not(.genis)>summary::before{
  background:linear-gradient(var(--red),var(--red)) center/9px 2px no-repeat,
             linear-gradient(var(--red),var(--red)) center/2px 9px no-repeat;transform:none}
details.ac.galeri>summary::after{color:var(--red)}

/* ── GALERİ · SABİT "TÜMÜ" KARTI ─────────────────────────────────────────────────
   Yatay şeritte son kart ekranın DIŞINDA kalır → `position:sticky;right:0` ile sağ kenarda
   SABİT durur (Airbnb/Google Fotoğraflar deseni: "Show all 36 photos"). Sayı GERÇEK: o
   şeritteki figure adedi üretimde sayıldı, uydurulmadı. */
.gal-tumu{position:sticky;right:0;flex:0 0 146px;align-self:stretch;min-height:44px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  border:2px dashed var(--hat);border-radius:10px;background:var(--kagit,#fff);
  cursor:pointer;font-family:inherit;color:var(--kirmizi,#C8102E);text-align:center;
  padding:10px 8px;box-shadow:-18px 0 22px -14px rgba(0,0,0,.18)}
.gal-tumu:hover,.gal-tumu:focus-visible{border-style:solid;border-color:var(--kirmizi,#C8102E)}
.gal-tumu-n{font-weight:600;font-size:28px;line-height:1;letter-spacing:-.02em}   /* serif dayatması KALDIRILDI: sayfa gövdesiyle aynı aile miras alınır */
.gal-tumu-e{font-size:14px;font-weight:700;letter-spacing:.06em;line-height:1.3;
  text-transform:uppercase}
details.ac.galeri.genis .gal-tumu{display:none}
details.ac.galeri>summary{border:0;padding:0;margin-bottom:var(--s3)}
details.ac.galeri>summary::before{display:none}
details.ac.galeri>summary::after{content:"TÜMÜNÜ GÖR →";border:0;width:auto;height:auto;
  transform:none;transition:color .15s;
  font-size:14px;font-weight:700;letter-spacing:.06em}   /* AKK: etiket KALIN; border/width/
  transform tabandaki chevron kutu-stilini sıfırlar — 09-16 chevron kararı galeri yazısına
  sızmasın diye (galeri KAPSAM DIŞI, davranış korunur) */
details.ac.galeri.genis>summary::after{content:"DARALT ↑"}
details.ac.galeri>summary:hover,details.ac.galeri>summary:focus-visible{background:none;color:var(--kirmizi,#C8102E)}

/* DAR EKRAN GAP (2026-09-15 taşma fixi, 2026-09-16 sadeleştirildi): 402px'te "Göster/Gizle"
   yazısı başlığı kutudan taşırıyordu (mobil kapı: metin 364px / kutu 362px, 41 ihlal). 09-16
   AKK kararıyla yazı zaten tamamen kalktı (taban kuralda hiç yok) — taşma sebebi bitti, sola
   alma/yazı-düşürme kuralları KALDIRILDI. Yalnız gap küçültmesi kalır (başlığa biraz daha yer). */
@media (max-width:640px){
  details.ac>summary{gap:4px}
}

/* T3 · OKUNUR SATIR (2026-09-15): `.ac-body>*{max-width:100%}` (M8/P1-6 fixi) çekmece
   içindeki .note/.durak-not/.nesir'in kendi genişlik sınırını EZİYORDU → 5 sayfada
   126ch'e kadar satır. M8 KORUNUR (blok hâlâ %100), yalnız METİN paragrafı sınırlanır.
   ⚠️ Karne 'ch'i font-size×0,5 sayıyor, CSS ch ≈ 0,6 em → 72ch = 36em (ch yazmak yetmez). */
/* C8 (bileşen-standart 2026-09-17): bu kural özgüllükte (0,1,1) `.nesir`i (0,1,0) EZER —
   36em(≈612px) ayrı bir sabit kalırsa C8'in 44rem'i burada HİÇ etki etmezdi (ölçüldü).
   Aynı token'a bağlandı — iki OKUNUR-SATIR sınırı artık TEK yerden değişir. */
.ac-body>p{max-width:var(--sutun-metin)}
/* C8 · 2026-09-17 (UX denetimi §4E · §5F): ana içerik çekmeceden ÇIKINCA o paragraflar
   `.ac-body>p` kapsamından da çıktı ve kendi eski 598px sınırlarına düştü (ölçüldü:
   kunye/durak-not/cta-sonraki 582-599px, aynı bölümdeki `.nesir` 704px — tek sayfada iki
   okuma genişliği). Taşınan metin aynı okuma sütununu KORUR; token tek yerde durur.
   Kapsam dar ve kasıtlı: yalnız belge/matris bölümlerinin gövde paragrafları — kahraman
   lead'i (52ch) bu kuralın DIŞINDA, orası bilerek dar. */
.belge-bolum .kunye,.belge-bolum .durak-not,.matris-bant .kunye,
.cta-sonraki{max-width:var(--sutun-metin)}