/* sektorler sayfasına ÖZGÜ yerleşim. Ortak bileşenler `bilesen.css`te kalır —
   buraya kopyalanan bir bileşen aynı kavramın ikinci yazımı olur.

   Bu sayfa şu bileşenleri OLDUĞU GİBİ kullanıyor: `.iskelet` (+ süreğen döngü
   nabzı), `.iskelet-ust`, `.bas`, `.oz`, `.kizgara` (+ `.kizgara-et`),
   `.akordeon`, `.ikili`, `.kart`, `.cta`, `.ayak`. Burada yalnız DÖRT şey var:
   bölüm sonu notu, paket kartındaki ölçüm listesi, "yapmaz" kolonunun tonu ve
   seçim akışının numaralandırması.

   Hareket: kendi `@keyframes`i YOK. Süreğen döngü `.iskelet`ten, belirme
   `temel.css`in TEK deseninden (`.ac`) geliyor — ikisi de az-hareket
   kısıtında görünür karede duruyor. */

/* ---- Bölüm sonu notu ------------------------------------------------------ */
/* `yaklasim.css`teki `.yk-not` ile aynı KAVRAM ama oraya bağlanmıyor: o dosya
   yalnız o sayfanın yerleşimi ve iki sayfa arasında import yok. Üçüncü bir
   sayfa aynı notu isterse kural `bilesen.css`e TAŞINIR (kopyalanmaz). */
.sk-not{margin-block-start:var(--b4);max-width:var(--olcu-orta);color:var(--soluk)}

/* ---- İskelet altı rozet şeridi -------------------------------------------- */
/* Üç kalem de bir SAYIM (bir paket, bir yedek, bir taban set). İkonsuz: yokluk
   ikonu burada yanlış olurdu, bunlar var olan şeyler. Ayırıcı çizgi rozet
   hissini kutu eklemeden veriyor. */
.sk-ust > * + *{padding-inline-start:var(--b4);border-inline-start:1px solid var(--cizgi)}
@media (max-width:640px){
  .sk-ust{flex-direction:column;gap:var(--b1)}
  .sk-ust > * + *{padding-inline-start:0;border-inline-start:0}
}

/* ---- Paket kartındaki ölçüm listesi --------------------------------------- */
/* `dl`: solda ne sayıldığı, sağda sayı. Sayı sağa yapışık ve tabular —
   dokuz satır göz için bir kolon oluşturuyor. Nokta nokta dolgu YOK: sayılar
   zaten hizalı ve dolgu ekran okuyucuda gürültü. */
.sk-olcu{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:0 var(--b3);
  margin-block:var(--b2);
  padding-block-start:var(--b2);border-block-start:1px solid var(--cizgi);
}
.sk-olcu dt,
.sk-olcu dd{
  font-size:var(--t9);line-height:var(--t9-s);
  padding-block:calc(var(--b1) + 1px);
  border-block-end:1px solid var(--cizgi);
}
.sk-olcu dt{color:var(--soluk)}
.sk-olcu dd{margin:0;text-align:end;font-variant-numeric:tabular-nums}

/* ---- "Yapmaz" kolonunun tonu ---------------------------------------------- */
/* `.ikili svg` konturu vurgu renginde; ikinci kolon bir YOKLUK listesi ve
   vurgu orada "özellik" gibi okunuyor. Yalnız ton değişiyor, ölçü değişmiyor
   (kutu ölçüsüne dokunmak iki kolonun taban çizgisini ayırır). */
.sk-yok svg{stroke:var(--soluk)}

/* ---- Seçim akışı (numaralı adımlar) --------------------------------------- */
/* `ol` ama işaretçi `temel.css`te kapalı; numara sayaçla basılıyor, elle
   yazılmıyor — araya adım girse numaralar kendiliğinden doğru kalır. */
.sk-akis{
  counter-reset:sk;
  max-width:var(--olcu-bas);
  border-block-start:1px solid var(--cizgi);
}
.sk-akis li{
  display:grid;grid-template-columns:var(--b4) minmax(0,1fr);gap:var(--b3);
  align-items:baseline;
  padding-block:var(--b4);border-block-end:1px solid var(--cizgi);
}
.sk-akis li::before{
  counter-increment:sk;content:counter(sk);
  font-family:var(--aile-display);font-size:var(--t4);line-height:1;
  color:var(--soluk);font-variant-numeric:tabular-nums;
}
.sk-akis h3{font-size:var(--t8);line-height:var(--t8-s);font-weight:500;margin-block-end:var(--b1)}
.sk-akis p{font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk);max-width:var(--olcu-orta)}
.sk-akis em{font-style:normal;color:var(--murekkep)}

/* ---- "Bilmiyorum" sebepleri (sebep → ne demek) ---------------------------- */
/* İki kolon: solda sebebin ADI (satıcıya böyle gösteriliyor), sağda ne demek
   olduğu. Kolon genişlikleri `fr` — sabit piksel uzun bir adı taşırdı. */
.sk-sebep{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);
  gap:var(--b4) var(--b5);
  max-width:var(--olcu-bas);
  padding-block-start:var(--b4);border-block-start:1px solid var(--cizgi);
}
.sk-sebep dt{font-size:var(--t8);line-height:var(--t8-s);font-weight:500}
.sk-sebep dd{margin:0;font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk)}
@media (max-width:767px){
  .sk-sebep{grid-template-columns:1fr;gap:var(--b1)}
  .sk-sebep dd{margin-block-end:var(--b3)}
  .sk-sebep dd:last-child{margin-block-end:0}
}

/* ---- Paketsiz sektör yaprakları (hub → yaprak) ---------------------------- */
/* 11 Eki 2026, W-SEKTOR-13: aile 3 → 12 oldu. Ayağın `Solutions` kolonuna onbir
   satır eklemek o kolonu 12 → 21 yapar ve 46 sayfanın HEPSİNDE basılır; erişim
   yolu bu yüzden HUB. "Yetim sayfa" kapısının muafiyeti tam bu listeye bağlı ve
   KENDİNİ GEÇERSİZ KILIYOR — hub bir yaprağı listelemeyi bıraktığı gün o yaprak
   yetim sayılır ve kapı ayak bağlantısını İSTER.
   Ölçü DEĞİŞTİRMİYOR: yalnız akış ve ayraç. Renk, punto ve satır yüksekliği
   `g-kucuk soluk`tan geliyor, yani kontrast kapısının ölçtüğü değer aynı. */
.sk-yaprak{
  display:flex;flex-wrap:wrap;gap:var(--b1) var(--b3);
  max-width:var(--olcu-bas);margin-block-start:var(--b3);
}
.sk-yaprak li{display:flex;align-items:baseline;gap:var(--b3)}
/* Ayraç SON öğede basılmaz; `::after` içeriği dekoratif, ekran okuyucu
   `list-item` semantiğini zaten duyuruyor. */
.sk-yaprak li:not(:last-child)::after{content:"\00b7";color:var(--cizgi)}