/* ==========================================================================
   BLOG, ARŞİV, ARAMA VE 404

   Ürün sayfası bir tablo, yazı sayfası bir metin. İkisi aynı token
   sözlüğünü kullanır ama ritmi farklıdır: burada satır uzunluğu, satır
   aralığı ve başlıklar arası nefes belirleyici.

   ⚠ İÇERİĞE DOKUNULMUYOR. 60 yazı Kadence bloklarıyla, satır içi stille
   yazılmış. Buradaki kurallar yazının ETRAFINI kurar; gövdeye giren tek
   şey `.wpt-yazi-govde` ölçüsüdür.
   ========================================================================== */

/* --------------------------------------------------------------------------
   OKUMA İLERLEMESİ
   3.700 kelimelik bir yazıda kaydırma çubuğu tek başına yetersiz kalıyor.
   Tek çizgi, yapışkan başlığın altına oturuyor.
   -------------------------------------------------------------------------- */
.wpt-okuma-cizgi{
  position:sticky; top:calc(var(--wpt-head-h) + var(--wpt-admin-h)); z-index:calc(var(--wpt-z-head) - 1);
  height:3px; margin-bottom:-3px;
  background:var(--wpt-line);
}
.wpt-okuma-cizgi span{
  display:block; height:100%; width:0;
  background:var(--wpt-grad-amber);
  transform-origin:left center;
}

/* --------------------------------------------------------------------------
   TEKİL YAZI
   -------------------------------------------------------------------------- */
.wpt-yazi{ margin:0 0 56px }

.wpt-yazi-bas{
  max-width:var(--wpt-en-dar); margin:8px auto 26px;
}
.wpt-yazi-kat{
  display:inline-flex; width:auto;
  color:var(--wpt-amber-ink); text-decoration:none;
  transition:color var(--wpt-gecis);
}
.wpt-yazi-kat:hover{ color:var(--wpt-brand); text-decoration:none }

.wpt-yazi-bas h1{
  margin:0;
  font-size:clamp(27px,4.2vw,42px); line-height:1.14;
  letter-spacing:var(--wpt-track-s); color:var(--wpt-ink);
  text-wrap:balance;
}

.wpt-yazi-meta{
  display:flex; align-items:center; gap:8px 20px; flex-wrap:wrap;
  margin:18px 0 0; padding:14px 0 0; list-style:none;
  /* İmza: solda amber segmentle başlayan kural. */
  border-top:2px solid transparent;
  border-image:linear-gradient(90deg,
    var(--wpt-amber) 0, var(--wpt-amber) 56px,
    var(--wpt-line) 56px, var(--wpt-line) 100%) 1;
}
.wpt-yazi-meta li{
  display:flex; align-items:center; gap:7px;
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-sm);
  color:var(--wpt-ink-3);
}
.wpt-yazi-meta svg{ color:var(--wpt-ink-3); flex:0 0 auto }
.wpt-yazi-guncel{ color:var(--wpt-amber-ink) }

.wpt-yazi-gorsel{
  max-width:1080px; margin:0 auto 34px; padding:0;
  border-radius:var(--wpt-r-lg); overflow:hidden;
  box-shadow:var(--wpt-golge);
}
.wpt-yazi-gorsel img{ display:block; width:100%; height:auto }

/* Gövde: `.wpt-entry` panelini KULLANMAZ.
   ⚠ main.css'te `.wpt-entry` beyaz bir panel (çerçeve + 48px iç boşluk).
   Yazı sayfasında o panel içeriği kutuya hapsediyor ve tam genişlik
   bloklar çalışmıyordu. Burada yalnızca tipografi mirası alınıyor. */
.wpt-yazi-govde{
  padding:0; border:0; background:none; box-shadow:none;
  font-size:17px; line-height:1.75; color:var(--wpt-ink-2);
}
.wpt-yazi-govde > *{ max-width:var(--wpt-en-dar); margin-inline:auto }
.wpt-yazi-govde h2{
  margin:1.9em 0 .55em;
  font-size:clamp(21px,2.6vw,28px); line-height:1.25;
  letter-spacing:var(--wpt-track-m); color:var(--wpt-ink);
  text-wrap:balance;
}
.wpt-yazi-govde h3{
  margin:1.6em 0 .5em;
  font-size:var(--wpt-fs-lg); color:var(--wpt-ink);
}
.wpt-yazi-govde p{ margin:0 0 1.15em }
.wpt-yazi-govde a{ color:var(--wpt-brand); text-decoration:underline; text-underline-offset:3px }
.wpt-yazi-govde a:hover{ color:var(--wpt-brand-d) }
.wpt-yazi-govde ul,
.wpt-yazi-govde ol{ margin:0 auto 1.2em; padding-left:1.3em }
.wpt-yazi-govde li{ margin-bottom:.5em }

/* ⚠ Tablolar dar ekranda taşıyordu — gövdedeki tabloların hepsi kendi
   kabında kaymalı, `body` asla yana gitmemeli. */
.wpt-yazi-govde table{
  display:block; overflow-x:auto; width:100%;
  border-collapse:collapse; font-size:var(--wpt-fs-kart);
}

/* Kaynak notu */
.wpt-yazi-kaynak{
  display:flex; gap:16px;
  max-width:var(--wpt-en-dar); margin:44px auto 0; padding:22px 24px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-grad-kagit);
  box-shadow:var(--wpt-golge-sm);
}
.wpt-yazi-kaynak-mark{
  flex:0 0 auto; display:grid; place-items:center;
  width:44px; height:44px; border-radius:50%;
  background:var(--wpt-grad-marka); color:var(--wpt-btn-ink);
  box-shadow:0 4px 12px -4px rgba(4,80,160,.5);
}
.wpt-yazi-kaynak-bas{
  margin:0 0 6px;
  font-size:var(--wpt-fs-kart); font-weight:700;
  letter-spacing:var(--wpt-track-m); color:var(--wpt-ink);
}
.wpt-yazi-kaynak p{ margin:0; font-size:var(--wpt-fs-sm); line-height:1.65; color:var(--wpt-ink-2) }
/* ⚠ Seçici `p` içeriyor: bir üstteki `.wpt-yazi-kaynak p{margin:0}` kuralı
   (0,1,1) daha güçlüydü ve boşluk uygulanmıyordu. `!important` yerine
   özgüllük yükseltildi — sözleşme `!important` yasaklıyor. */
.wpt-yazi-kaynak p.wpt-yazi-kaynak-eylem{
  display:flex; gap:9px; flex-wrap:wrap; margin-top:14px;
}

/* İlgili ürünler — yazıdan kataloğa geçen köprü.
   Kendi zemininde duruyor ki metinden ayrıldığı belli olsun. */
.wpt-yazi-urun{
  margin:0 0 56px; padding:46px 0 50px;
  background:var(--wpt-surface);
  border-block:1px solid var(--wpt-line);
}
.wpt-yazi-ilgili{ margin-bottom:56px }

@media (max-width:640px){
  .wpt-yazi-kaynak{ flex-direction:column; gap:12px; padding:18px 20px }
  .wpt-yazi-gorsel{ border-radius:var(--wpt-r) }
  .wpt-yazi-govde{ font-size:16px }
}

/* --------------------------------------------------------------------------
   BLOG KARTI
   -------------------------------------------------------------------------- */
.wpt-post-card{ position:relative }
.wpt-post-card .wpt-media{ position:relative }
.wpt-post-rozet{
  position:absolute; left:10px; bottom:10px; z-index:1;
  padding:5px 11px; border-radius:var(--wpt-r-hap);
  background:var(--wpt-perde);
  backdrop-filter:blur(6px);
  font-size:var(--wpt-fs-xs); font-weight:600; color:#fff;
  max-width:calc(100% - 20px);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wpt-post-ozet{
  margin:0;
  font-size:var(--wpt-fs-sm); line-height:1.6; color:var(--wpt-ink-2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.wpt-post-meta{
  display:flex; align-items:center; gap:7px; margin:auto 0 0; padding-top:12px;
  border-top:1px solid var(--wpt-line);
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); color:var(--wpt-ink-3);
}

/* Kartın tamamı tıklanabilir — ama DOM'da tek bağlantı var. */
.wpt-post-card .wpt-baslik a::after{
  content:""; position:absolute; inset:0; z-index:2;
}

/* --------------------------------------------------------------------------
   LİSTE BAŞLIĞI VE KATEGORİ ŞERİDİ
   -------------------------------------------------------------------------- */
.wpt-liste-bas{ margin:8px 0 30px; max-width:var(--wpt-en-dar) }
.wpt-liste-bas h1{
  margin:0;
  font-size:clamp(26px,3.6vw,38px); line-height:1.15;
  letter-spacing:var(--wpt-track-s); color:var(--wpt-ink);
  text-wrap:balance;
}
.wpt-liste-sayac{
  margin:10px 0 0;
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-sm); color:var(--wpt-ink-3);
}
.wpt-arsiv-aciklama{
  margin:14px 0 0; max-width:64ch;
  font-size:var(--wpt-fs-md); line-height:1.65; color:var(--wpt-ink-2);
}

/* ⚠ Şerit dar ekranda YANA KAYAR, sarmalanmaz — sarmalanınca üç satır olup
   ilk kartı ekranın dışına itiyordu. */
.wpt-liste-capa{
  display:flex; gap:8px; margin-top:22px;
  overflow-x:auto; padding-bottom:4px;
  scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);
          mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);
}
.wpt-liste-capa::-webkit-scrollbar{ display:none }
/* ⚠ MASAÜSTÜNDE HİÇBİR KATEGORİ SAKLANMAZ.
   Bir sürüm boyunca şerit tek satır hâlinde akıyordu; kullanıcı: *"hâlâ
   böyle ileri doğru gidiyor, PC tarafında yarıda kesiliyor."* Haklıydı —
   altı kategoriden üçü kaydırmanın arkasında kalıyordu. Kategori listesi
   gezinme aracı; saklanan seçenek tıklanmıyor.

   Ama düz `flex-wrap:wrap` da çözüm değildi, ilk hâlin sorunu oydu: altı
   çip RAGGED İKİ SATIRA bölünüyor, ikinci satırın sağında büyük bir boşluk
   kalıyordu (*"karmaşık gözüküyor"*).

   İki şey birlikte yapılıyor:
   1. Şerit başlığın dar okuma sütunundan (820px) çıkıp kabın tamamına
      yayılıyor (1.240px). Başlık ve açıklama metin olduğu için dar kalmalı;
      şerit metin değil.
   2. Çipler `flex-grow:1` ile satırlarını DOLDURUYOR. Böylece kaç satıra
      inerse insin sağ kenar hep hizalı — kırık kenar diye bir şey kalmıyor.
      Kategori eklendikçe de bozulmaz.
   Ölçüldü: altı çip 1.277px, kap 1.240px → tek satıra sığmıyordu; çipler
   biraz sıkılaştırılınca (13px, 7/11 dolgu) 1.180px'e indi ve tek flush
   satır oldu. */
@media (min-width:1100px){
  .wpt-liste-capa{
    flex-wrap:wrap; overflow:visible;
    -webkit-mask-image:none; mask-image:none;
    width:var(--wpt-en); max-width:calc(100vw - 48px);
  }
  .wpt-liste-capa a{ flex:1 1 auto; justify-content:center }
}
.wpt-liste-capa a{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
  padding:7px 11px; border-radius:var(--wpt-r-hap);
  border:1px solid var(--wpt-line);
  background:var(--wpt-surface);
  font-size:13px; font-weight:600; color:var(--wpt-ink-2);
  white-space:nowrap;
  transition:border-color var(--wpt-gecis), color var(--wpt-gecis),
             background var(--wpt-gecis), box-shadow var(--wpt-gecis);
}
/* ⚠ "TÜMÜ" BİR KATEGORİ DEĞİL, SIFIRLAMA.
   Aynı görünümdeyken altı eşit ağırlıklı seçenek gibi okunuyordu. Kendi
   ayırıcısıyla listenin dışına çıkarılıyor. */
.wpt-liste-capa a:first-child{ margin-right:8px; position:relative }
.wpt-liste-capa a:first-child::after{
  content:""; position:absolute; right:-8px; top:50%; transform:translateY(-50%);
  width:1px; height:20px; background:var(--wpt-line);
}
/* ⚠ SAYI KENDİ KABINDA. Adın hemen ardında çıplak duran rakam başlığın
   parçası gibi okunuyordu ("Kuyu Suyu ve Ham Su Arıtma 4"). Kendi zemini
   olunca üstveri olduğu görülüyor. */
.wpt-liste-capa a b{
  display:inline-block; min-width:18px; padding:1px 5px;
  border-radius:var(--wpt-r-hap);
  background:var(--wpt-surface-2);
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  color:var(--wpt-ink-3); font-variant-numeric:tabular-nums; text-align:center;
}
.wpt-liste-capa a:hover,
.wpt-liste-capa a:focus-visible{
  border-color:var(--wpt-brand); color:var(--wpt-brand);
  background:var(--wpt-surface-2); text-decoration:none;
}
/* ⚠ SEÇİLİ HÂL ARTIK KOYU SLAB DEĞİL.
   `--wpt-koyu` zemin, koyu temada zaten koyu olan sayfanın üstünde ikinci
   bir kara blok oluşturuyordu; şeridin en dikkat çeken parçası "Tümü"
   oluyordu. Marka rengiyle vurgulanıyor, ağırlık değil renk taşıyor. */
.wpt-liste-capa a[aria-current]{
  border-color:var(--wpt-brand); color:var(--wpt-brand);
  background:color-mix(in srgb, var(--wpt-brand) 12%, transparent);
}
.wpt-liste-capa a[aria-current] b{
  background:color-mix(in srgb, var(--wpt-brand) 18%, transparent);
  color:var(--wpt-brand);
}

.wpt-liste-yazi{ margin-top:56px }

/* Sonuç yok */
.wpt-liste-bos{
  max-width:var(--wpt-en-dar); margin:0 auto; padding:38px 34px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-lg);
  background:var(--wpt-grad-kagit);
  box-shadow:var(--wpt-golge-sm);
}
.wpt-liste-bos h2{ margin:0 0 10px; font-size:var(--wpt-fs-lg) }
.wpt-liste-bos p{ margin:0 0 20px; font-size:var(--wpt-fs-md); line-height:1.65; color:var(--wpt-ink-2) }
.wpt-liste-bos .wpt-ara{ max-width:none }

/* --------------------------------------------------------------------------
   404
   -------------------------------------------------------------------------- */
.wpt-404{ margin:38px 0 64px }

.wpt-404-bas{
  position:relative; overflow:hidden;
  padding:44px 40px 40px;
  border-radius:var(--wpt-r-lg);
  background:var(--wpt-grad-koyu);
  box-shadow:var(--wpt-golge-lg);
}
.wpt-404-bas::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:var(--wpt-tick);
  background:var(--wpt-amber);
}
.wpt-404-kod{
  margin:0 0 12px;
  font-family:var(--wpt-mono); font-size:clamp(40px,7vw,64px); font-weight:600;
  line-height:1; letter-spacing:var(--wpt-track-s);
  color:var(--wpt-koyu-cizgi);
}
.wpt-404-bas h1{
  margin:0;
  font-size:clamp(24px,3.4vw,34px); line-height:1.2;
  letter-spacing:var(--wpt-track-s); color:var(--wpt-koyu-ink);
}
.wpt-404-alt{
  margin:12px 0 0; max-width:58ch;
  font-size:var(--wpt-fs-md); line-height:1.65; color:var(--wpt-koyu-ink-2);
}
.wpt-404-ara{ max-width:480px; margin-top:24px }
.wpt-404-ara .wpt-ara{ max-width:none }
/* Koyu zeminde arama alanı — cam yüzey, beyaz metin. */
.wpt-404-ara input[type="search"]{
  background:var(--wpt-cam);
  border-color:var(--wpt-koyu-cizgi);
  color:var(--wpt-koyu-ink);
}
.wpt-404-ara input[type="search"]::placeholder{ color:var(--wpt-koyu-ink-3) }

.wpt-404-blok{ margin-top:38px }
.wpt-404-kat{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:var(--wpt-gap-sm); margin:0; padding:0; list-style:none;
}
.wpt-404-kat a{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:13px 16px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
  border-left:var(--wpt-tick) solid var(--wpt-line-2);
  background:var(--wpt-surface);
  font-size:var(--wpt-fs-kart); font-weight:600; color:var(--wpt-ink);
  transition:border-color var(--wpt-gecis), box-shadow var(--wpt-gecis),
             transform var(--wpt-gecis);
}
.wpt-404-kat a:hover{
  border-left-color:var(--wpt-amber);
  box-shadow:var(--wpt-golge); transform:translateY(-2px); text-decoration:none;
}
.wpt-404-kat b{
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  color:var(--wpt-ink-3);
}

.wpt-404-yol{
  display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wpt-gap);
  margin-top:var(--wpt-gap);
}
.wpt-404-kart{
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:6px;
  padding:20px 22px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-grad-kagit);
  box-shadow:var(--wpt-golge-sm);
  transition:border-color var(--wpt-gecis), box-shadow var(--wpt-gecis-lg),
             transform var(--wpt-gecis-lg);
}
.wpt-404-kart::before{
  content:""; position:absolute; left:0; top:0; height:var(--wpt-tick); width:56px;
  background:var(--wpt-amber);
}
.wpt-404-kart:hover{
  border-color:transparent; box-shadow:var(--wpt-golge-lg); transform:translateY(-2px);
  text-decoration:none;
}
.wpt-404-kart-bas{
  font-size:var(--wpt-fs-md); font-weight:700;
  letter-spacing:var(--wpt-track-m); color:var(--wpt-ink);
}
.wpt-404-kart-not{ font-size:var(--wpt-fs-sm); line-height:1.55; color:var(--wpt-ink-3) }

@media (max-width:820px){
  .wpt-404-yol{ grid-template-columns:1fr }
  .wpt-404-bas{ padding:32px 24px 28px }
}

@media (prefers-reduced-motion: reduce){
  .wpt-liste-capa a,
  .wpt-404-kat a,
  .wpt-404-kart{ transition:none }
  .wpt-liste-capa a:hover,
  .wpt-404-kat a:hover,
  .wpt-404-kart:hover{ transform:none }
  .wpt-okuma-cizgi span{ transition:none }
}

/* ⚠ İÇİNDEKİLER NUMARASI BURADAN TAŞINDI → icerik.css
   Kutunun kendisi orada tanımlı ve kategori arşivlerinde de basılıyor;
   numara yalnızca blog.css'te kalırsa bileşen iki dosyaya bölünmüş olur. */

/* --------------------------------------------------------------------------
   KENDİ TASARIMI OLAN YAZI — TEMA GERİ ÇEKİLİR

   ⚠ KOYU TEMADA OKUNMUYORDU. Bu yazılar "Özel HTML" bloğuyla ekleniyor ve
   kendi renk değişkenlerini taşıyor (`--sk-bg:#f3f8fc`, `--sk-text:#26333f`).
   Zeminlerini kendileri boyuyor; ama METİN rengini temadan miras alıyorlardı.
   Koyu temada tema mürekkebi açık renge dönünce, yazının kendi AÇIK zemini
   üstüne AÇIK yazı düşüyor ve blok okunmaz oluyordu
   (kullanıcı: *"koyu temada okunurluk daha kötü, blogda daha kötü"*).

   ⚠ TEMA KOYU KALIYOR — sayfanın gerisi (başlık, alt bilgi, ilgili ürünler)
   ziyaretçinin seçtiği temada. Geri çekilen tek şey, yazının kendi
   kabındaki renk dayatması.
   -------------------------------------------------------------------------- */
/* ⚠ SADECE ZEMİNİ BEYAZ YAPMAK YETMEDİ — DENENDİ, YARIM KALDI.
   İlk sürüm yalnızca `background:#fff` yazıyordu. Kapsayıcı beyaza döndü
   ama İÇİNDEKİ TOKEN'LAR koyu tema değerlerinde kaldı: yazının başındaki
   içindekiler kutusu (`--wpt-surface-2`) beyaz sayfanın üstünde koyu
   lacivert bir blok olarak duruyordu (kullanıcı: *"blog açık temada olmuş
   ama koyu temada çok kötü görünüyor"*).

   Doğrusu: kapsayıcıda AÇIK TEMA PALETİNİ yeniden ilan etmek. Kendi
   tasarımını getiren yazı açık zemin varsayıyor; içindeki her tema
   bileşeni de o zemine göre boyanmalı.

   ⚠ SAYFANIN GERİSİ KOYU KALIYOR — başlık, alt bilgi, ilgili ürünler
   ziyaretçinin seçtiği temada. Değişen tek şey yazının kendi kabı. */
.wpt-ozel-icerik .wpt-yazi-govde{
  color-scheme:light;

  --wpt-ink:        #0A1826;
  --wpt-ink-2:      #46586B;
  --wpt-ink-3:      #59697A;
  --wpt-paper:      #F4F6F7;
  --wpt-surface:    #FFFFFF;
  --wpt-surface-2:  #EAEEF1;
  --wpt-line:       #DBE3E9;
  --wpt-line-2:     #BDCAD4;
  --wpt-brand:      #0450a0;
  --wpt-brand-d:    #03386F;
  --wpt-brand-soft: #E7EFF8;
  --wpt-amber:      #A66A12;
  --wpt-amber-soft: #F7EFE1;
  --wpt-amber-ink:  #84520B;

  color:var(--wpt-ink);
  background:var(--wpt-surface);
  border-radius:var(--wpt-r-lg);
}

/* ⚠ KOYU TEMADA MAKALE GERÇEKTEN KOYU.
   Bir ara sürümde makale koyu sayfanın üstünde AÇIK bir belge olarak
   sunuluyordu; kullanıcı reddetti: *"koyu temada makale açık zeminde
   olmasını istemiyorum, koyu temaya uygun kapalı tonda bir zeminde
   okunabilir şekilde istiyorum."*

   Çözüm burada değil, `inc/icerik.php` içinde: yazının kendi değişken
   öneki çalışma anında okunup nötr renkleri (zemin, metin, çizgi) koyu
   karşılıklarıyla değiştiriliyor. Neden orada olduğu ve vurgu renklerine
   neden dokunulmadığı o dosyada yazılı.

   Buradaki iş yalnızca kutunun kendisi: kenarlık ve iç boşluk. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .wpt-ozel-icerik .wpt-yazi-govde{
    padding:clamp(14px,2vw,26px);
  }
}
:root[data-theme="dark"] .wpt-ozel-icerik .wpt-yazi-govde{
  padding:clamp(14px,2vw,26px);
}
/* Yazının kendi kabı kendi genişliğini ayarlıyor; tema yalnızca sarmalıyor. */
.wpt-ozel-icerik .wpt-yazi-govde > *{ max-width:100% }

/* ⚠ İÇİNDEKİLER: HER MADDE KENDİ BLOĞUNDA, ALTINDA ÇİZGİ YOK.
   Kullanıcı: *"hepsini blok içine al ve altlarındaki çizgiyi kaldır."*

   Madde zemini yalnızca üstüne gelince değil HER ZAMAN var; liste on iki
   ayrı satır değil, on iki ayrı kart olarak okunuyor. Ayırıcı çizgiye de
   gerek kalmıyor — blokların arasındaki boşluk zaten ayırıyor.

   ⚠ ALT ÇİZGİ (`text-decoration`) DA KAPATILIYOR: kartın içindeki
   bağlantı zaten tıklanabilir görünüyor, alt çizgi kart kenarıyla
   yarışıyordu. */
.wpt-ic-icindekiler{ gap:0 }
.wpt-ic-icindekiler li{ padding:0; margin-bottom:7px; break-inside:avoid }
.wpt-ic-icindekiler li:last-child{ margin-bottom:0 }
.wpt-ic-icindekiler a{
  padding:11px 13px;
  background:var(--wpt-surface);
  border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r-sm);
  text-decoration:none;
  transition:border-color var(--wpt-gecis), color var(--wpt-gecis),
             box-shadow var(--wpt-gecis);
}
.wpt-ic-icindekiler a:hover{
  border-color:var(--wpt-brand);
  background:var(--wpt-surface);
  color:var(--wpt-brand);
  box-shadow:var(--wpt-golge-sm);
  text-decoration:none;
}