/* ══════════════════════════════════════════════════════════════════════════════════
   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}
@font-face{font-family:"Lora";src:url("assets/font/Lora-var.woff2")format("woff2");
           font-weight:400 700;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 */
  --bosluk:clamp(72px, 7vw, 120px);

  /* §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:1.0625rem;             /* 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:calc(var(--bosluk)*0.72)}
.bant--cizgi{border-top:1px solid var(--hat)}

/* ── TİPOGRAFİ (§2) ───────────────────────────────────────────────────────────── */
h1,h2,h3{color:var(--lacivert);margin:0;text-wrap:balance}
h1{
  font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(2.5rem, 1.9rem + 1.6vw, 3.25rem);line-height:1.15;letter-spacing:-0.006em;
}
h2{
  font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(1.75rem, 1.4rem + 0.9vw, 2.25rem);line-height:1.24;
}
h3{font-size:1.25rem;font-weight:600;line-height:1.35}
p{margin:0}
.nesir{max-width:66ch}
.girizgah{max-width:64ch;color:var(--govde);margin-top:1.1rem}
.kunye{font-size:0.8rem;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:0.775rem;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)}

.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:0.9rem;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:0.75rem;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:0.775rem;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}

/* ══ 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:0.95rem;color:var(--ikincil);margin-bottom:1.15rem;max-width:56ch}
.hero-alt{margin-top:1.35rem;max-width:56ch;font-size:1.125rem;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:0.8rem;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:0.7rem;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:1rem;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:2.1rem}
.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-family:"Lora",Georgia,serif;font-size:1.2rem;color:var(--ikincil);
          font-variant-numeric:tabular-nums;line-height:1}
.durak-ad{font-weight:600;color:var(--lacivert);font-size:1.02rem;line-height:1.3}
.durak-teslim{font-size:0.85rem;color:var(--ikincil);line-height:1.55}
.durak-not{margin-top:1.6rem;font-size:0.9rem;color:var(--ikincil);max-width:70ch}

/* ══════════════════════════════════════════════════════════════════════════════
   §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:0.8rem;font-weight:500;line-height:1.6;
                 color:var(--ikincil);font-variant-numeric:tabular-nums;max-width:74ch}

/* ── Ş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:0.85rem;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:0.72rem;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-family:"Lora",Georgia,serif;font-size:0.95rem;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);
}
.omurga-dizin li{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-family:"Lora",Georgia,serif;
                 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:0.8rem;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:clamp(20px,2.4vw,34px)}
.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:0.78rem;font-weight:600;color:var(--ikincil);margin-top:.9rem;
  line-height:1.4}
.belge h3{font-size:1.08rem;line-height:1.32}
.belge p{font-size:0.94rem;line-height:1.62;color:var(--govde)}
.belge .bag{align-self:flex-start;font-size:0.94rem}

/* ══ İ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:1.08rem}
.satirlar p{max-width:62ch;font-size:0.98rem;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-family:"Lora",Georgia,serif;font-size:1.5rem;color:var(--lacivert);
            line-height:1.1;font-variant-numeric:tabular-nums}
.halka-ad{font-size:1.05rem;font-weight:600;color:var(--lacivert)}
.halka p{font-size:0.96rem;line-height:1.64;color:var(--govde)}
.halka-teslim{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--hat);
              font-size:0.82rem;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:0.96rem;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:0.82rem;font-weight:600;color:var(--ikincil);margin-bottom:.3rem}
.hesap dd{margin:0;font-size:0.98rem;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:0.9rem;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). */
.sekme-dizini{
  display:flex;flex-wrap:wrap;gap:0;margin-block:1.9rem 1.6rem;
  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:var(--govde);
  border-inline-start:1px solid var(--hat);border-bottom:2px solid transparent;
  font-size:0.9rem;line-height:1.4;
}
.sekme-dizini a:first-child{border-inline-start:0}
.sekme-dizini a:hover{background:var(--beyaz)}
.sekme-dizini a[aria-current="true"]{
  color:var(--lacivert);font-weight:600;border-bottom-color:var(--lacivert);background:var(--beyaz);
}
.sekme-no{display:block;font-size:0.78rem;font-weight:500;color:var(--ikincil)}
.sekme-dizini a[aria-current="true"] .sekme-no{color:var(--lacivert)}

/* 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 — Lora 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-family:"Lora",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:1.5rem;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:1.3rem;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}
.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:0.78rem;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}
.buyutec:focus-visible{outline:2px solid var(--kirmizi);outline-offset:4px}
.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:0.75rem;
  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-visible .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:0.8rem;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:1.5rem;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}

@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 ≥641px'te. */
@media (min-width:641px){
  .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:var(--bosluk);padding-top:clamp(36px,3.4vw,54px);border-top:1px solid var(--hat);
          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:0.92rem;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:0.85rem;color:var(--ikincil);max-width:78ch;line-height:1.6}
.dip a{color:var(--lacivert);text-decoration:none;border-bottom:1px solid var(--hat);
       font-weight:500;font-size:0.85rem}
.dip a:hover{border-bottom-color:var(--lacivert)}

/* ══ DUYARLI ═════════════════════════════════════════════════════════════════ */
@media (max-width:1180px){
  .menu{gap:clamp(7px,.85vw,14px)}
  .menu > a,.dal-bas{font-size:0.735rem;letter-spacing:0.028em}
}
@media (max-width:1040px){
  .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){
  .ust-ic{min-height:66px;flex-wrap:wrap;gap:12px}
  .menu-ac{
    display:inline-block;margin-inline-start:auto;background:none;border:1px solid var(--hat);
    color:var(--lacivert);font:inherit;font-size:0.8rem;font-weight:500;padding:.5rem .85rem;
    cursor:pointer;
  }
  .menu{
    display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;
    gap:0;margin:0 0 .6rem;border-top:1px solid var(--hat);
  }
  .ust.acik .menu{display:flex}
  /* 09-08 yayın karnesi (§5 dokunma hedefi ≥44×44 @390): logo bağı 94×35, Menü düğmesi 64×40,
     menü satırları ~40px ölçüldü → kontroller 44'e çekildi (yalnız ≤900; masaüstünde imleç). */
  .marka{min-height:44px}
  .menu-ac{min-height:44px;min-width:44px}
  .menu > a,.dal-bas{padding:.8rem 0;border-bottom:1px solid var(--hat);font-size:0.85rem;
    min-height:44px;display:flex;align-items:center}
  .dal a{min-height:44px}
  .sekme-dizini a{min-height:44px;display:inline-flex;align-items:center}  /* ai-masasi/egitim sekmeleri 39px ölçüldü */
  .menu a[aria-current="page"],.dal-bas.guncel{
    border-bottom-color:var(--hat);box-shadow:inset 3px 0 0 var(--lacivert);padding-inline-start:.7rem}
  .dal-kok{display:block}
  .dal{position:static;border:0;box-shadow:none;padding:0 0 .5rem .9rem;min-width:0}
  .dal-kok:hover .dal{display:none}
  .dal-kok.acik .dal,.dal-kok:focus-within .dal{display:block}
  .dal a{padding:.5rem 0}
  .ust-cta{margin-inline-start:0;order:2}
  .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:0.85rem}
  .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:720px){
  /* ── Ş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:0.72rem;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 (Fable, Tur 3b): üst bant kapalıyken TEK satır = logo + Menü — `.ust-cta`
     (TEŞHİS GÖRÜŞMESİ) bardan kalkar, panel açılınca (`.menu-ac[aria-expanded="true"]`)
     `nav.menu`'nün ARDINDAN gelen panel ögesi gibi geri döner (DOM: menu-ac → .menu → .ust-cta,
     `~` genel kardeş seçici aradaki .menu'yü atlar). Saf CSS — DOM/JS'e dokunulmadı. */
  .ust-cta{display:none}
  .menu-ac[aria-expanded="true"] ~ .ust-cta{
    display:block;order:4;flex-basis:100%;margin:.2rem 0 .7rem;text-align:center;
  }
}
@media (max-width:430px){          /* 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:0.68rem;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:74ch}
.giris-alt{margin-top:.8rem;font-size:1.08rem;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 (Lora). 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-family:"Lora",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(1.28rem, 1.05rem + 0.5vw, 1.55rem);line-height:1.22;
  color:var(--lacivert);
}
.soru-b-cevap{
  grid-column:2;grid-row:2;
  color:var(--govde);font-size:0.95rem;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:0.88rem}

/* ── 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:0.8rem;font-weight:500;color:var(--ikincil)}
.giris-hat-ad .bag{font-size:1rem;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:0.8rem;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:0.85rem;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:0.85rem;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:0.92rem;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:0.98rem;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:0.76rem;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:0.76rem;line-height:1.5;color:var(--ikincil);
}
.belge-ad{font-size:0.88rem;font-weight:600;color:var(--ikincil);line-height:1.4}
.belge-deger{
  font-family:"Lora",Georgia,"Times New Roman",serif;font-size:1.45rem;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:0.76rem;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:0.9rem;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:0.86rem;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:0.92rem;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-family:"Lora",Georgia,serif;font-size:1.32rem;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:1040px){
  /* 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:1.55rem}
  .soru-b-cevap{max-width:66ch;font-size:1rem}
}
@media (max-width:640px){
  .giris-alt{font-size:1.05rem}
  .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:1.2rem}
  .soru-b{padding:1.05rem 0 1.2rem;column-gap:1rem}
  .soru-b-bas{font-size:1.42rem}
  .soru-b-cevap{font-size:0.98rem}
  .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:clamp(22px,2.2vw,38px) clamp(18px,1.8vw,26px)}
.sayfa-bas h1{max-width:36ch}
.bas-tez{margin-top:.95rem;font-size:1.125rem;line-height:1.6;max-width:68ch;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:430px){
  .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)}          /* Lora · tabular-nums · 1,45rem (≥1,25) */
.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:0.95rem;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:1.25rem}
}

/* ── 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:1.15rem;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:clamp(1.7rem, 1.25rem + 1.35vw, 2.3rem);line-height:1.2}
.omurga-giris .giris-alt{margin-top:.45rem;font-size:0.96rem;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:0.88rem}
.sema--omurga4 .durak-ad{font-size:0.84rem;line-height:1.2}
.sema--omurga4 .durak-teslim{font-size:0.72rem;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-family:"Lora",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:1.02rem;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:0.78rem;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:0.74rem;margin-bottom:.05rem}
.hesap--tekli dd{font-size:0.82rem}
.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:0.92rem;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:0.95rem;color:var(--govde);max-width:34ch}
.rehber{margin:0;font-size:0.88rem;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:1.08rem}
}

/* ── 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:0.78rem}
  .sema--omurga4 .durak-ad{font-size:0.82rem;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}
}