/* ==========================================================================
   KUDÜS CEPHESİ · Ön yüz
   Düzen referansı: theguardian.com (bölüm ön sayfaları ve haber sayfası).
   Lacivert üst bant: solda kalın bölüm adları, sağda beyaz logo, altında
   ince menü. Sayfa "kümelerden" oluşur: üstte çizgi, solda başlık sütunu,
   sağda dikey çizgilerle ayrılmış kartlar. Her bölümün kendi rengi var
   (--kat): üst başlık, menü işareti, haber sayfasındaki büyük ilk harf.
   Başlık ve metin Bitter, arayüz Source Sans 3. Gölge yok, ince çizgi var.
   Kırılma noktaları Guardian'ınkiler: 740, 980, 1140, 1300.
   ========================================================================== */

:root{
  --lacivert:       #052962;
  --lacivert-koyu:  #041f4a;
  --lacivert-cizgi: #506991;
  --sari:           #ffe500;
  --kirmizi:        #c70000;   /* sitenin kırmızısı (logodaki #b30000'e yakın), Direniş Cephesi */

  --murekkep:    #121212;
  --metin:       #121212;
  --gri:         #707070;
  --gri-koyu:    #545454;
  --cizgi:       #dcdcdc;
  --cizgi-acik:  #ededed;
  --zemin:       #ffffff;
  --zemin-gri:   #f6f6f6;

  /* eski bileşen kurallarının kullandığı adlar */
  --vurgu:      var(--kirmizi);
  --vurgu-koyu: #8b0000;
  --mavi:       var(--lacivert);
  --mavi-koyu:  var(--lacivert-koyu);
  --mavi-acik:  #eef1f7;

  --baslik: "Bitter", Georgia, "Times New Roman", serif;
  --serif:  var(--baslik);
  --sans:   "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --dar:    var(--sans);

  --kap: 1300px;
}

/* ---------- temel ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--zemin); color:var(--metin);
  font-family:var(--sans); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
picture{ display:contents; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-weight:700; color:var(--murekkep); }
p{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; padding:0; }
input,textarea,select{ font:inherit; }
::selection{ background:var(--sari); color:var(--murekkep); }
:focus-visible{ outline:3px solid var(--sari); outline-offset:2px; }
main :focus-visible{ outline-color:var(--lacivert); }

.kap{ width:min(var(--kap), 100% - 40px); margin-inline:auto; }
.gizli-metin{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.simge-deposu{ display:none; }
.ik{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.tirnak{ display:inline-block; width:1.05em; height:.7em; margin-right:.2em; vertical-align:baseline; color:var(--kat, var(--kirmizi)); }

.atla{ position:fixed; top:-60px; left:16px; z-index:300; background:var(--sari); color:var(--murekkep); padding:10px 16px; font:700 14px/1 var(--sans); }
.atla:focus{ top:10px; }

/* ==========================================================================
   ÜST BANT (lacivert)
   ========================================================================== */
.ust{ background:var(--lacivert); color:#fff; }
.ust-serit{ border-bottom:1px solid var(--lacivert-cizgi); }
.ust-serit-ic{ display:flex; align-items:center; justify-content:flex-end; gap:6px 18px; min-height:36px; }
.ust-tarih{ margin-right:auto; font:400 14px/1 var(--sans); color:#fff; opacity:.9; white-space:nowrap; }
.ara-ac{ display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 2px; font:700 15px/1 var(--sans); color:#fff; }
.ara-ac .ik{ width:18px; height:18px; stroke-width:2.2; }
.ara-ac:hover span,.ara-ac[aria-expanded="true"] span{ text-decoration:underline; text-underline-offset:3px; }
.ust-sosyal{ display:flex; gap:2px; }
.ust-sosyal a{ display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#fff; }
.ust-sosyal a:hover{ background:rgba(255,255,255,.14); }
.ust-sosyal .ik{ width:15px; height:15px; }

.ust-ana{
  display:flex; align-items:stretch; justify-content:space-between; gap:24px;
  border-left:1px solid var(--lacivert-cizgi); border-right:1px solid var(--lacivert-cizgi);
}
.sutunlar{ display:flex; align-items:flex-end; min-width:0; }
.sutunlar ul{ display:flex; align-items:stretch; height:100%; }
.sutunlar li{ display:flex; }
.sutunlar a{
  position:relative; display:flex; align-items:flex-end; min-width:0;
  padding:12px 16px 14px 8px; border-left:1px solid var(--lacivert-cizgi);
  font:700 22px/1.05 var(--baslik); color:#fff; white-space:nowrap;
}
.sutunlar li:first-child a{ border-left:0; }
.sutunlar a::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
  background:var(--kat, var(--kirmizi)); transform:scaleY(0); transform-origin:bottom; transition:transform .15s;
}
.sutunlar a:hover::after{ transform:scaleY(1); }
.sutunlar a.aktif::after{ transform:scaleY(1.5); }
.hamburger{
  align-self:flex-end; flex:none; display:grid; place-items:center; width:42px; height:42px; margin:0 0 10px 12px;
  border-radius:50%; background:var(--sari); color:var(--lacivert);
}
.hamburger:hover{ background:#fff; }
.hamburger .ik{ width:22px; height:22px; stroke-width:2.4; }
.marka{ flex:none; display:block; padding:14px 10px 12px 0; }
.marka img{ height:96px; width:auto; }
.marka-yazi{ font:800 38px/1 var(--baslik); color:#fff; }

.alt-menu{ border-top:1px solid var(--lacivert-cizgi); }
.alt-menu-ic{ border-left:1px solid var(--lacivert-cizgi); border-right:1px solid var(--lacivert-cizgi); overflow-x:auto; scrollbar-width:none; }
.alt-menu-ic::-webkit-scrollbar{ display:none; }
.alt-menu ul{ display:flex; }
.alt-menu a{ display:block; padding:9px 8px 10px; font:400 15px/1 var(--sans); color:#fff; white-space:nowrap; }
.alt-menu li:first-child a{ padding-left:10px; }
.alt-menu a:hover{ text-decoration:underline; text-underline-offset:3px; }
.alt-menu a.aktif{ font-weight:700; }
.alt-menu-bolum a{ font-weight:700; }
.alt-menu-bolum a.aktif{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }

/* arama kutusu (üst şeritteki "Ara" açar) */
.ara-kutu{ background:var(--lacivert-koyu); border-top:1px solid var(--lacivert-cizgi); }
.ara-kutu[hidden]{ display:none; }
.ara-kutu-ic{ display:flex; gap:8px; padding:14px 0; }
.ara-kutu input{
  flex:1; min-width:0; height:46px; padding:0 16px; border:0; border-radius:23px;
  font-size:17px; color:var(--murekkep); background:#fff;
}
.ara-kutu button{ height:46px; padding:0 24px; border-radius:23px; background:var(--sari); color:var(--lacivert); font:700 15px/1 var(--sans); }
.ara-kutu button:hover{ background:#fff; }

/* gündem etiketi (panel › Site Bilgileri) */
.gundem{ border-bottom:1px solid var(--cizgi); }
.gundem .kap{ padding:9px 0; }
.gundem a,.gundem span{ display:inline-flex; align-items:center; gap:8px; font:700 16px/1.3 var(--baslik); color:var(--kirmizi); }
.gundem a::before,.gundem span::before{ content:""; width:10px; height:10px; border-radius:50%; background:var(--kirmizi); }
.gundem a:hover{ text-decoration:underline; }
.gundem b{ color:var(--murekkep); }

/* ==========================================================================
   SON DAKİKA
   ========================================================================== */
.sondakika{ background:var(--kirmizi); color:#fff; }
.sondakika-ic{ display:flex; align-items:center; gap:16px; min-height:46px; }
.sd-etiket{ flex:none; display:inline-flex; align-items:center; gap:8px; font:700 16px/1 var(--baslik); }
.sd-nokta{ width:9px; height:9px; border-radius:50%; background:#fff; animation:nabiz 1.4s ease-in-out infinite; }
@keyframes nabiz{ 50%{ opacity:.25; } }
.sd-akis{ position:relative; flex:1; min-width:0; height:24px; overflow:hidden; }
.sd-oge{ position:absolute; inset:0; display:flex; gap:10px; align-items:center; opacity:0; visibility:hidden; transition:opacity .3s; }
.sd-oge.acik{ opacity:1; visibility:visible; }
.sd-oge time{ font:700 14px/1 var(--sans); opacity:.85; flex:none; }
.sd-oge span{ font:500 16px/1.3 var(--baslik); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sd-oge:hover span{ text-decoration:underline; }
.sd-oklar{ display:flex; gap:4px; flex:none; }
.sd-oklar button{ width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:#fff; }
.sd-oklar button:hover{ background:rgba(255,255,255,.14); }
.sd-oklar .ik{ width:15px; height:15px; }
@media (prefers-reduced-motion: reduce){ .sd-nokta{ animation:none; } .sutunlar a::after{ transition:none; } }

/* ==========================================================================
   MENÜ PANELİ (sarı düğme): lacivert, bölümler kendi renginde
   ========================================================================== */
.menu-perde{ position:fixed; inset:0; z-index:190; background:rgba(0,0,0,.5); opacity:0; transition:opacity .25s; }
.menu-perde.acik{ opacity:1; }
.menu-panel{
  position:fixed; top:0; left:0; bottom:0; z-index:200; width:min(400px, 92vw);
  background:var(--lacivert); color:#fff; overflow-y:auto; transform:translateX(-102%); transition:transform .25s ease;
  padding:0 0 30px;
}
.menu-panel.acik{ transform:none; }
.mp-bas{ display:flex; align-items:center; gap:10px; padding:14px 14px 14px 20px; border-bottom:1px solid var(--lacivert-cizgi); }
.mp-ara{ flex:1; display:flex; min-width:0; background:#fff; border-radius:22px; overflow:hidden; }
.mp-ara input{ flex:1; min-width:0; border:0; padding:10px 14px; font-size:16px; background:transparent; color:var(--murekkep); }
.mp-ara button{ width:44px; display:grid; place-items:center; color:var(--lacivert); }
.mp-kapat{ flex:none; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--sari); color:var(--lacivert); }
.mp-kapat .ik{ width:22px; height:22px; stroke-width:2.4; }
.mp-liste{ margin-top:6px; }
.mp-liste a{
  display:block; padding:13px 20px 12px 16px; border-bottom:1px solid var(--lacivert-cizgi); border-left:4px solid var(--kat, transparent);
  font:700 23px/1.15 var(--baslik); color:#fff;
}
.mp-liste a:hover{ background:var(--lacivert-koyu); }
.mp-alt{ display:flex; flex-wrap:wrap; gap:0 4px; padding:4px 16px 12px 16px; border-left:4px solid var(--kat, transparent); border-bottom:1px solid var(--lacivert-cizgi); }
.mp-liste .mp-alt a{ display:inline-block; padding:6px 8px; border:0; font:400 16px/1.2 var(--sans); color:#fff; }
.mp-liste .mp-alt a:hover{ background:var(--lacivert-koyu); text-decoration:underline; }
.mp-ince{ margin-top:16px; }
.mp-ince a{ font:400 17px/1.2 var(--sans); padding:11px 20px; border-left:0; }
.mp-sosyal{ display:flex; gap:8px; padding:20px; }
.mp-sosyal a{ width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--lacivert-cizgi); border-radius:50%; color:#fff; }

/* ==========================================================================
   ORTAK PARÇALAR
   ========================================================================== */
.ust-etiket{ display:inline-block; margin-bottom:6px; font:700 17px/1.2 var(--baslik); color:var(--kat, var(--kirmizi)); }
.ust-etiket:hover{ text-decoration:underline; }
.zaman{ white-space:nowrap; }

.meta{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 0; margin-top:auto; padding-top:10px; font:400 13px/1.3 var(--sans); color:var(--gri); }
.meta-ayrac{ width:1px; height:13px; margin:0 8px; background:var(--cizgi); }
.meta-kat{ position:relative; z-index:1; }
.meta-kat:hover{ color:var(--murekkep); text-decoration:underline; }

/* iç sayfaların bölüm başlığı */
.bolum-baslik{
  display:flex; align-items:center; gap:10px; border-top:1px solid var(--murekkep);
  padding-top:8px; margin-bottom:14px; font:700 20px/1.2 var(--baslik); color:var(--kat, var(--murekkep));
}
.bolum-baslik a{ display:inline-flex; align-items:center; gap:4px; }
.bolum-baslik a .ik{ width:16px; height:16px; stroke-width:2.4; }
.bolum-baslik a:hover{ text-decoration:underline; }
.bolum-baslik .tumu{ font:400 15px/1 var(--sans); color:var(--gri); }

.gorsel-yok{ display:block; width:100%; height:100%; min-height:60px; background:var(--zemin-gri); }

/* reklam alanları */
.kusak{ text-align:center; }
.kusak img{ margin-inline:auto; }
.reklam-ust{ margin-top:12px; }
.reklam-bant{ padding:14px 0; border-top:1px solid var(--cizgi); }
.yapiskan-reklam{ position:sticky; top:16px; }

/* ==========================================================================
   KÜMELER (ana sayfa, haber altı): üstte çizgi, solda başlık sütunu
   ========================================================================== */
.on-sayfa{ border-left:1px solid var(--cizgi); border-right:1px solid var(--cizgi); }
.kume{
  display:grid; grid-template-columns:160px minmax(0, 1fr);
  border-top:1px solid var(--cizgi);
}
.on-sayfa > .kume:first-child{ border-top:0; }
.kume-bas{ position:relative; padding:8px 10px 28px; border-right:1px solid var(--cizgi); }
.kume-bas::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:3px; background:var(--kat, transparent); }
.kume-baslik{ font:800 24px/1.12 var(--baslik); color:var(--kat, var(--murekkep)); letter-spacing:-.01em; }
.kume-baslik a:hover{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.kume-alt{ margin-top:6px; font:400 14px/1.35 var(--sans); color:var(--gri); }
.kume-tumu{ display:inline-flex; align-items:center; gap:2px; margin-top:10px; font:700 14px/1 var(--sans); color:var(--murekkep); }
.kume-tumu .ik{ width:14px; height:14px; stroke-width:2.6; }
.kume-tumu:hover{ text-decoration:underline; }
.kume-ic{ min-width:0; padding:8px 10px 34px 10px; }

/* satırlar: ilk büyük haber, sonra ikili, sonra dörtlü; aralarda dikey çizgi */
.kk-yarim,.kk-dort{ display:grid; margin-top:12px; border-top:1px solid var(--cizgi); }
.kk-yarim{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.kk-yarim.kk-1{ grid-template-columns:minmax(0, 1fr); }
.kk-dort{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
.kk-yarim > .kart,.kk-dort > .kart{ padding:8px 10px 14px; }
.kk-yarim > .kart:first-child,.kk-dort > .kart:nth-child(4n+1){ padding-left:0; }
.kk-yarim > .kart:last-child,.kk-dort > .kart:nth-child(4n){ padding-right:0; }
.kk-yarim > .kart + .kart,.kk-dort > .kart:not(:nth-child(4n+1)){ border-left:1px solid var(--cizgi); }
.kk-dort > .kart:nth-child(n+5){ border-top:1px solid var(--cizgi); }

/* ==========================================================================
   HABER KARTI
   Kartın tamamı tıklanır (başlık bağlantısının ::after'ı kartı kaplar).
   Görseller 5:3 kutuda; kutu önceden ayrıldığı için yüklenirken kayma olmaz.
   ========================================================================== */
.kart{ position:relative; min-width:0; display:flex; flex-direction:column; }
.kart-metin{ display:flex; flex-direction:column; flex:1; min-width:0; }
.kart-gorsel{ display:block; aspect-ratio:5/3; overflow:hidden; background:var(--zemin-gri); }
.kart-gorsel img{ width:100%; height:100%; object-fit:cover; }
.kart-baslik{ font:500 20px/1.15 var(--baslik); color:var(--murekkep); letter-spacing:-.005em; }
.kart-baslik a::after{ content:""; position:absolute; inset:0; z-index:0; }
.kart-baslik a:focus-visible{ outline:none; }
.kart:focus-within{ outline:3px solid var(--lacivert); outline-offset:2px; }
.kart:hover .kart-bas{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.kart-ust{ display:block; margin-bottom:2px; font:700 15px/1.2 var(--baslik); color:var(--kat, var(--kirmizi)); }
.kart-gorus .kart-bas{ font-weight:400; }
.kart-ozet{ margin-top:8px; font:400 15px/1.4 var(--sans); color:var(--gri-koyu); }

/* büyük: metin solda dar sütun, görsel sağda geniş */
.kart-dev{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 2fr); gap:0 20px; }
.kart-dev .kart-gorsel{ grid-column:2; grid-row:1; }
.kart-dev .kart-metin{ grid-column:1; grid-row:1; }
.kart-dev.kart-gorselsiz{ grid-template-columns:minmax(0, 1fr); }
.kart-dev.kart-gorselsiz .kart-metin{ max-width:640px; }
.kart-dev .kart-baslik{ font-size:clamp(26px, 2.4vw, 34px); line-height:1.08; letter-spacing:-.015em; }
.kart-dev .kart-ust{ font-size:17px; margin-bottom:4px; }
.kart-dev .kart-ozet{ font-size:16px; margin-top:12px; }

/* yarım: görsel solda, metin sağda */
.kart-yarim{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:0 10px; }
.kart-yarim.kart-gorselsiz{ grid-template-columns:minmax(0, 1fr); }
.kart-yarim .kart-baslik{ font-size:21px; }

/* dörtte bir: görsel üstte */
.kart-dortte .kart-gorsel{ margin-bottom:8px; }
.kart-dortte .kart-baslik{ font-size:17px; line-height:1.18; }
.kart-dortte .kart-ust{ font-size:14px; }

/* görselsiz */
.kart-yazi .kart-baslik{ font-size:17px; line-height:1.2; }
.kart-yazi .kart-ust{ font-size:14px; }

/* liste satırı: görsel solda */
.kart-satir{ display:grid; grid-template-columns:minmax(0, 220px) minmax(0, 1fr); gap:0 16px; padding:10px 0 16px; border-top:1px solid var(--cizgi); }
.kart-satir.kart-gorselsiz{ grid-template-columns:minmax(0, 1fr); }
.kart-satir .kart-baslik{ font-size:21px; }
.liste > .kart-yazi{ padding:10px 0 16px; border-top:1px solid var(--cizgi); }

.kart-video::after{
  content:""; position:absolute; left:10px; bottom:10px; width:40px; height:40px; border-radius:50%;
  background:rgba(0,0,0,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/24px no-repeat;
}
.kart-video{ position:relative; }

/* ==========================================================================
   EN ÇOK OKUNANLAR (ana sayfa): içi boş büyük rakamlar, iki sütun
   ========================================================================== */
.okunan-duzen{ display:grid; grid-template-columns:minmax(0, 1fr); gap:0 20px; }
.okunan-duzen.afisli{ grid-template-columns:minmax(0, 1fr) 300px; }
.sirali{ counter-reset:sira; }
.sirali li{ display:grid; grid-template-columns:52px minmax(0, 1fr); gap:8px; align-items:start; padding:8px 0 14px; border-top:1px solid var(--cizgi); }
.sira-no{
  font:500 46px/.9 var(--baslik); color:#fff;
  -webkit-text-stroke:1.2px var(--murekkep); paint-order:stroke fill;
}
@supports not (-webkit-text-stroke:1px black){ .sira-no{ color:var(--murekkep); } }
.sirali a{ font:500 17px/1.2 var(--baslik); color:var(--murekkep); }
.sirali a .kart-ust{ font-size:15px; }
.sirali a:hover{ text-decoration:underline; }
.kume-okunan .sirali{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-flow:column; grid-template-rows:repeat(5, auto); gap:0 20px; }
.kume-okunan .sirali li:nth-child(n+6){ position:relative; }
.kume-okunan .sirali li:nth-child(n+6)::before{ content:""; position:absolute; left:-10px; top:0; bottom:0; border-left:1px solid var(--cizgi); }
.kume-okunan .sirali li:nth-child(1),.kume-okunan .sirali li:nth-child(6){ border-top:0; }
.okunan-afis .kusak{ position:sticky; top:16px; }

/* ==========================================================================
   İÇ SAYFALAR: ORTAK DÜZEN
   ========================================================================== */
.iki-sutun{ display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:40px; margin-top:20px; align-items:start; }
.yan{ min-width:0; }
.yan .kusak{ margin-bottom:28px; }
.kutu{ margin-bottom:34px; }

.izyolu{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; font:400 14px/1.3 var(--sans); color:var(--gri); margin:18px 0 8px; }
.izyolu a:hover{ text-decoration:underline; color:var(--murekkep); }
.izyolu span{ color:var(--cizgi); }

.sayfa-basi{ padding:0 0 14px; border-bottom:1px solid var(--cizgi); }
.sayfa-baslik{ font:800 clamp(30px, 3.4vw, 46px)/1.05 var(--baslik); letter-spacing:-.015em; color:var(--kat, var(--murekkep)); }
.sayfa-alt{ margin-top:8px; font:400 15px/1.5 var(--sans); color:var(--gri); }
.siralama{ margin-top:14px; display:flex; gap:0; flex-wrap:wrap; }
.siralama a{ padding:8px 0; margin-right:22px; font:700 15px/1 var(--sans); color:var(--gri); border-bottom:3px solid transparent; }
.siralama a.acik{ color:var(--murekkep); border-bottom-color:var(--kat, var(--murekkep)); }
.siralama a:hover{ color:var(--murekkep); }

/* son haberler akışı (yan sütun) */
.akis li{ padding:8px 0 12px; border-top:1px solid var(--cizgi); }
.akis-zaman{ display:block; margin-bottom:4px; font:400 13px/1 var(--sans); color:var(--gri); }
.akis a{ font:500 16px/1.25 var(--baslik); color:var(--murekkep); }
.akis a:hover{ text-decoration:underline; }
.yan .sirali li{ grid-template-columns:40px minmax(0, 1fr); }
.yan .sira-no{ font-size:34px; }
.yan .sirali a{ font-size:16px; }

/* liste sayfasının öne çıkan haberi */
.liste{ min-width:0; }
.liste-one{ padding-bottom:18px; }
.liste-one .kart{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 2fr); gap:0 20px; }
.liste-one .kart-gorsel{ grid-column:2; grid-row:1; }
.liste-one .kart-metin{ grid-column:1; grid-row:1; }
.liste-one .kart.kart-gorselsiz{ grid-template-columns:minmax(0, 1fr); }
.liste-one .kart-baslik{ font-size:clamp(24px, 2.2vw, 30px); line-height:1.1; }

.sayfalama{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:30px 0 10px; }
.sayfalama a,.sayfalama span{
  min-width:42px; height:42px; padding:0 14px; display:grid; place-items:center; border-radius:21px;
  border:1px solid var(--cizgi); font:700 15px/1 var(--sans); color:var(--murekkep);
}
.sayfalama a:hover{ border-color:var(--murekkep); }
.sayfalama .acik{ background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
.sayfalama .pasif{ color:var(--gri); }
.sayfalama .ara{ border:0; min-width:20px; padding:0; }

.bos-durum{ padding:54px 20px; text-align:center; border-top:1px solid var(--cizgi); margin-top:20px; }
.bos-durum h2{ font:500 22px/1.3 var(--baslik); margin-bottom:8px; }
.bos-durum p{ font:400 16px/1.5 var(--sans); color:var(--gri); }

/* ==========================================================================
   HABER SAYFASI
   Geniş ekran (1300+): solda künye sütunu, ortada 620 px metin, sağda
   "En çok okunanlar". 980-1299: künye başlığın altına iner. 980 altı tek sütun.
   ========================================================================== */
.okuma-cubugu{ position:fixed; top:0; left:0; right:0; height:3px; z-index:60; pointer-events:none; }
.okuma-cubugu span{ display:block; height:100%; width:0; background:var(--kat, var(--kirmizi)); }

.makale-kap{ border-left:1px solid var(--cizgi); border-right:1px solid var(--cizgi); }
.makale{
  display:grid; column-gap:20px; padding:0 10px;
  grid-template-columns:minmax(0, 620px) minmax(0, 1fr) 300px;
  grid-template-areas:
    "bas    . sag"
    "meta   . sag"
    "gorsel . sag"
    "govde  . sag";
  grid-template-rows:auto auto auto 1fr;
}
.makale-bas{ grid-area:bas; padding-top:16px; }
.makale-meta{ grid-area:meta; }
.makale-gorsel{ grid-area:gorsel; }
.makale-govde{ grid-area:govde; min-width:0; }
.makale-sag{ grid-area:sag; border-left:1px solid var(--cizgi); padding:16px 0 30px 20px; margin-left:-1px; }

.yazi-baslik{ font:500 clamp(30px, 3.3vw, 42px)/1.1 var(--baslik); letter-spacing:-.018em; margin-bottom:12px; color:var(--murekkep); }
.makale-gorus .yazi-baslik{ font-weight:400; color:var(--kat, var(--kirmizi)); }
.yazi-baslik .tirnak{ width:.95em; height:.62em; }
.spot{ font:500 19px/1.35 var(--baslik); color:var(--murekkep); margin-bottom:16px; max-width:620px; }

.makale-meta{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px;
  padding:10px 0; margin-bottom:16px; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi);
}
.meta-bolum{ display:none; font:800 18px/1.15 var(--baslik); color:var(--kat, var(--kirmizi)); }
.meta-bolum a:hover,a.meta-bolum:hover{ text-decoration:underline; }
.meta-alt{ display:block; margin-top:4px; font:700 15px/1.2 var(--baslik); color:var(--murekkep); }
.meta-imza{ display:flex; align-items:center; gap:10px; }
.meta-foto{ width:44px; height:44px; border-radius:50%; overflow:hidden; background:var(--zemin-gri); flex:none; }
.meta-foto img{ width:100%; height:100%; object-fit:cover; }
.meta-imza .yazar{ font:700 16px/1.2 var(--sans); color:var(--kat, var(--kirmizi)); }
.meta-imza .yazar a:hover{ text-decoration:underline; }
.meta-zaman{ display:flex; flex-direction:column; gap:2px; font:400 13px/1.35 var(--sans); color:var(--gri); margin-right:auto; }

.paylas{ position:relative; display:flex; gap:6px; flex-wrap:wrap; }
.paylas a,.paylas button{
  width:34px; height:34px; display:grid; place-items:center; border-radius:50%;
  border:1px solid var(--cizgi); color:var(--murekkep); background:#fff;
}
.paylas a:hover,.paylas button:hover{ background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
.paylas .ik{ width:15px; height:15px; }
.paylas button[hidden]{ display:none; }
.paylas-kutu{
  position:absolute; right:0; top:42px; z-index:20; width:300px; padding:14px;
  background:#fff; border:1px solid var(--cizgi); box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.paylas-kutu[hidden]{ display:none; }
.pk-giris{ font:400 14px/1.45 var(--sans); color:var(--gri-koyu); margin-bottom:10px; }
.pk-adres{ width:100%; padding:8px; border:1px solid var(--cizgi); font-size:13px; }
.pk-alt{ display:flex; gap:8px; margin-top:10px; }
.paylas .pk-alt button,.paylas .pk-alt a{ width:auto; height:auto; border-radius:17px; padding:8px 12px; font:700 13px/1 var(--sans); }
.paylas-not{ display:block; margin-top:8px; font-size:13px; color:#1b7a3a; }
.paylas-not.hata{ color:var(--kirmizi); }

.yazi-gorsel{ margin:0 0 18px; }
.yazi-gorsel img{ width:100%; height:auto; background:var(--zemin-gri); }
.yazi-gorsel figcaption,.fs-kare figcaption{ padding:8px 0 0; font:400 14px/1.4 var(--sans); color:var(--gri-koyu); display:flex; gap:6px; }
.yazi-gorsel figcaption .ik,.fs-kare figcaption .ik{ width:15px; height:15px; margin-top:2px; }

/* çoklu fotoğraf */
.foto-slider{ margin:0 0 18px; }
.fs-ana{ position:relative; }
.fs-kare{ display:none; margin:0; }
.fs-kare.acik{ display:block; }
.fs-kare img{ width:100%; aspect-ratio:3/2; object-fit:contain; background:#111; }
.fs-ustkatman{ position:absolute; left:0; right:0; top:0; aspect-ratio:3/2; pointer-events:none; }
.fs-ok{ pointer-events:auto; position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; display:grid; place-items:center; background:rgba(0,0,0,.6); color:#fff; border-radius:50%; }
.fs-geri{ left:12px; } .fs-ileri{ right:12px; }
.fs-sayac{ position:absolute; right:12px; bottom:12px; background:rgba(0,0,0,.65); color:#fff; padding:5px 9px; font:600 13px/1 var(--sans); }
.fs-serit{ display:flex; gap:6px; overflow-x:auto; padding:8px 0 0; }
.fs-kucuk{ flex:none; width:84px; aspect-ratio:3/2; overflow:hidden; opacity:.6; border:2px solid transparent; }
.fs-kucuk.acik{ opacity:1; border-color:var(--lacivert); }
.fs-kucuk img{ width:100%; height:100%; object-fit:cover; }

.yazi-kusak{ margin:0 0 20px; }

.okuma-araclari{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 22px; }
.oa-dugme{
  display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 12px; border-radius:16px;
  border:1px solid var(--cizgi); background:#fff; font:700 13px/1 var(--sans); color:var(--murekkep);
}
.oa-dugme:hover{ border-color:var(--murekkep); }
.oa-dugme .ik{ width:15px; height:15px; }
.oa-dugme.okuyor{ background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
.oa-ayrac{ width:1px; height:20px; background:var(--cizgi); margin:0 4px; }

/* gövde */
.yazi-govde{
  --punto:1; max-width:620px;
  font:400 calc(17px * var(--punto))/1.6 var(--baslik); color:var(--metin);
  overflow-wrap:break-word;
}
.yazi-govde > *{ margin:0 0 1em; }
.yazi-govde p,.yazi-govde li{ font:inherit; }
.yazi-govde [style*="font-size"]{ font-size:inherit !important; }
.yazi-govde [style*="color"]{ color:inherit !important; }
/* büyük ilk harf (Guardian): ilk uzun paragrafın ilk harfi, bölüm renginde (sınıfı detay.php koyar) */
.yazi-govde p.ilk-harf::first-letter{
  float:left; margin:.06em .1em 0 0; font:800 4.35em/.8 var(--baslik); color:var(--kat, var(--kirmizi));
}
.yazi-govde h2,.yazi-govde h3,.yazi-govde h4{ font-family:var(--baslik); font-weight:700; line-height:1.25; margin:1.5em 0 .5em; }
.yazi-govde h2{ font-size:1.25em; } .yazi-govde h3{ font-size:1.12em; } .yazi-govde h4{ font-size:1.04em; }
.yazi-govde a{ color:var(--kat, var(--kirmizi)); text-decoration:underline; text-decoration-color:var(--cizgi); text-underline-offset:3px; }
.yazi-govde a:hover{ text-decoration-color:currentColor; }
.yazi-govde strong,.yazi-govde b{ font-weight:700; color:var(--murekkep); }
.yazi-govde ul{ list-style:none; padding-left:1.1em; }
.yazi-govde ul li{ position:relative; }
.yazi-govde ul li::before{ content:""; position:absolute; left:-1em; top:.55em; width:.55em; height:.55em; border-radius:50%; background:var(--cizgi); }
.yazi-govde ol{ list-style:decimal; padding-left:1.3em; }
.yazi-govde li{ margin-bottom:.4em; }
.yazi-govde blockquote{ margin:1.4em 0; padding:0; font:400 1.25em/1.3 var(--baslik); color:var(--kat, var(--kirmizi)); }
.yazi-govde blockquote::before{ content:""; display:block; width:36px; height:24px; margin-bottom:4px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='M6.8 0h6.6L9.6 20H3zM20.4 0H27l-3.8 20h-6.6z'/%3E%3C/svg%3E") no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='M6.8 0h6.6L9.6 20H3zM20.4 0H27l-3.8 20h-6.6z'/%3E%3C/svg%3E") no-repeat; }
.yazi-govde img{ height:auto; margin:1.2em auto; }
.yazi-govde figure{ margin:1.4em 0; }
.yazi-govde figure img{ margin:0 auto; }
.yazi-govde figcaption{ font:400 14px/1.4 var(--sans); color:var(--gri-koyu); margin-top:6px; }
.yazi-govde table{ width:100%; border-collapse:collapse; font-family:var(--sans); font-size:.85em; display:block; overflow-x:auto; }
.yazi-govde td,.yazi-govde th{ border:1px solid var(--cizgi); padding:8px 10px; text-align:left; }
/* Video ve sosyal medya gömmeleri: ölçü içerikten değil buradan gelir
   (iframe width/height nitelikleri kayıtta sökülüyor, bkz. inc/temizle.php). */
.embed{ margin:1.4em 0; clear:both; }
.embed iframe{ width:100%; aspect-ratio:16/9; height:auto; max-height:78vh; border:0; display:block; background:#000; }
.embed.embed-dikey iframe,.embed.embed-instagram iframe,.embed.embed-tiktok iframe,.embed.embed-x iframe{ margin:0 auto; max-height:none; }
.embed.embed-dikey iframe{ max-width:360px; aspect-ratio:9/16; }
.embed.embed-instagram iframe{ max-width:400px; aspect-ratio:400/710; background:#fff; border:1px solid #dbdbdb; }
.embed.embed-tiktok iframe{ max-width:340px; aspect-ratio:340/760; background:#fff; }
.embed.embed-x iframe{ max-width:550px; aspect-ratio:550/620; background:transparent; }
.yazi-govde figure.haber-video{ margin:1.4em 0; clear:both; }
.yazi-govde figure.haber-video video{ display:block; width:100%; max-height:78vh; background:#000; }
.yazi-govde figure.haber-gorsel{ width:var(--gen, 100%); margin-left:auto; margin-right:auto; }
.yazi-govde figure.haber-gorsel img{ width:100%; }
.yazi-govde iframe{ max-width:100%; }
.yazi-govde video{ width:100%; height:auto; }
.yazi-govde .hiza-sol{ float:left; margin:.3em 1.2em .8em 0; }
.yazi-govde .hiza-sag{ float:right; margin:.3em 0 .8em 1.2em; }
.yazi-govde::after{ content:""; display:table; clear:both; }
.tts-okunuyor{ background:#fff4a3; box-shadow:0 2px 0 var(--sari); }
.gorsel-kirik{ display:none !important; }

.etiketler{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:26px 0; padding-top:12px; border-top:1px solid var(--cizgi); max-width:620px; }
.etiketler span{ font:700 14px/1 var(--sans); margin-right:6px; }
.etiketler a{ padding:7px 12px; border:1px solid var(--cizgi); border-radius:16px; font:700 14px/1 var(--sans); }
.etiketler a:hover{ border-color:var(--murekkep); }

.yazi-alt-paylas{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:12px 0 26px; padding:12px 0; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); max-width:620px; }
.yazi-alt-paylas > span{ font:700 15px/1 var(--sans); }

/* sağ sütun: en çok okunanlar + afiş */
.sag-baslik{ font:800 20px/1.15 var(--baslik); padding-bottom:8px; }
.sag-okunan li{ border-top:1px solid var(--cizgi); }
.sag-okunan a{ display:grid; grid-template-columns:72px minmax(0, 1fr); gap:10px; align-items:start; padding:8px 0 12px; }
.sag-okunan a:not(:has(.so-gorsel)){ grid-template-columns:minmax(0, 1fr); }
.so-gorsel{ display:block; aspect-ratio:1; overflow:hidden; border-radius:50%; background:var(--zemin-gri); }
.so-gorsel img{ width:100%; height:100%; object-fit:cover; }
.so-metin{ font:500 16px/1.2 var(--baslik); color:var(--murekkep); }
.sag-okunan a:hover .so-metin{ text-decoration:underline; }
.sag-okunan .tirnak{ color:var(--kat, var(--kirmizi)); }
.sag-afis{ position:sticky; top:16px; margin-top:24px; }

.makale-alti{ margin-top:10px; border-top:1px solid var(--cizgi); }

/* yorumlar ve formlar */
.yorumlar{ margin:36px 0 10px; max-width:620px; }
.yorum-form{ display:grid; gap:14px; margin-bottom:26px; }
.yorum-form .iki{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.alan label{ display:block; font:700 14px/1.2 var(--sans); margin-bottom:6px; color:var(--murekkep); }
.alan label span{ font-weight:400; color:var(--gri); }
.alan input,.alan textarea,.alan select{
  width:100%; padding:11px 12px; border:1px solid #999; border-radius:4px; font-size:16px; color:var(--murekkep); background:#fff;
}
.alan textarea{ min-height:130px; resize:vertical; }
.alan input:focus,.alan textarea:focus,.alan select:focus{ outline:3px solid var(--lacivert); outline-offset:0; border-color:var(--lacivert); }
.tuzak{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.dugme{
  justify-self:start; display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 22px; border-radius:22px;
  background:var(--lacivert); color:#fff; font:700 15px/1 var(--sans);
}
.dugme:hover{ background:var(--lacivert-koyu); }
.uyari{ padding:12px 14px; border-left:4px solid var(--lacivert); background:var(--zemin-gri); font-size:15px; margin-bottom:16px; }
.uyari.hata{ border-color:var(--kirmizi); background:#fbecec; }
.yorum-not{ font-size:14px; color:var(--gri-koyu); }
.yorum-listesi li{ padding:14px 0; border-top:1px solid var(--cizgi); }
.yorum-ust{ display:flex; gap:10px; align-items:baseline; margin-bottom:6px; }
.yorum-ust b{ font:700 15px/1.2 var(--sans); }
.yorum-ust span{ font:400 13px/1 var(--sans); color:var(--gri); }
.yorum-listesi p{ font:400 16px/1.55 var(--baslik); }

/* önizleme şeridi (panelden) */
.onizleme-serit{ position:sticky; top:0; z-index:80; display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:10px 16px; background:#fff3cd; border-bottom:1px solid #e6c65a; font-size:14px; }
.onizleme-serit button{ margin-left:auto; padding:6px 12px; border:1px solid #b8942a; font-weight:700; }
.onizleme-uyari{ color:var(--kirmizi); font-weight:700; }

/* ==========================================================================
   ARAMA, ÖNERİLER
   ========================================================================== */
.arama-buyuk{ display:flex; gap:8px; margin:18px 0 6px; }
.arama-buyuk input{ flex:1; min-width:0; height:50px; padding:0 18px; border:2px solid var(--lacivert); border-radius:25px; font-size:18px; }
.arama-buyuk button{ height:50px; padding:0 26px; border-radius:25px; background:var(--lacivert); color:#fff; font:700 15px/1 var(--sans); }
.oneri-sarmal{ position:relative; }
.oneri-kutu{
  position:absolute; left:0; right:0; top:100%; z-index:70; background:#fff; color:var(--murekkep);
  border:1px solid var(--cizgi); box-shadow:0 10px 26px rgba(0,0,0,.14); max-height:380px; overflow-y:auto;
}
.oneri-kutu[hidden]{ display:none; }
.oneri-oge{ display:flex; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid var(--cizgi-acik); font:400 15px/1.35 var(--sans); }
.oneri-oge:hover,.oneri-oge.acik{ background:var(--zemin-gri); }
.oneri-oge b{ color:var(--kirmizi); }
.oneri-tarih{ flex:none; font:400 13px/1.4 var(--sans); color:var(--gri); }

/* ==========================================================================
   YAZARLAR, GALERİ, SABİT SAYFA, İLETİŞİM, 404
   ========================================================================== */
.yazar-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0 20px; margin-top:20px; }
.yazar-kutu{ display:grid; grid-template-columns:72px minmax(0, 1fr); gap:14px; align-items:center; padding:12px 0 16px; border-top:1px solid var(--cizgi); }
.yazar-kutu:hover h2{ text-decoration:underline; }
.yazar-foto{ width:72px; height:72px; border-radius:50%; overflow:hidden; background:var(--zemin-gri); display:grid; place-items:center; font:700 24px/1 var(--baslik); color:var(--murekkep); }
.yazar-foto img{ width:100%; height:100%; object-fit:cover; }
.yazar-kutu h2{ font:500 18px/1.2 var(--baslik); }
.yazar-kutu p{ font:400 14px/1.4 var(--sans); color:var(--gri); margin-top:4px; }
.yazar-basi{ display:grid; grid-template-columns:96px minmax(0, 1fr); gap:18px; align-items:center; }
.yazar-basi .yazar-foto{ width:96px; height:96px; font-size:32px; }

.galeri-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px 20px; margin-top:20px; }
.galeri-kart .bk-gorsel{ display:block; aspect-ratio:5/3; overflow:hidden; background:var(--zemin-gri); margin-bottom:8px; position:relative; }
.galeri-kart .bk-gorsel img{ width:100%; height:100%; object-fit:cover; }
.galeri-kart h2{ font:500 18px/1.25 var(--baslik); }
.galeri-kart h2 a:hover{ text-decoration:underline; }
.foto-izgara{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin-top:20px; }
.foto-izgara figure{ margin:0; }
.galeri-oge{ margin:0; }
.galeri-oge img,.galeri-oge video{ width:100%; height:auto; background:var(--zemin-gri); }
.galeri-oge figcaption{ margin-top:8px; font:400 14px/1.45 var(--sans); color:var(--gri-koyu); padding-left:10px; border-left:3px solid var(--kirmizi); }
.galeri-embed iframe{ width:100%; aspect-ratio:16/9; border:0; display:block; background:#000; }
.video-kapak .oynat{ display:none; }
.foto-izgara img{ width:100%; aspect-ratio:3/2; object-fit:cover; background:var(--zemin-gri); }
.foto-izgara figcaption{ font:400 14px/1.4 var(--sans); color:var(--gri-koyu); margin-top:6px; }
.video-kapak{ position:relative; display:block; aspect-ratio:16/9; background:#111; overflow:hidden; }
.video-kapak img{ width:100%; height:100%; object-fit:cover; opacity:.9; }
.video-kapak::after{ content:""; position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%; background:rgba(0,0,0,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/34px no-repeat; }
.video-cerceve{ aspect-ratio:16/9; background:#111; }
.video-cerceve iframe,.video-cerceve video{ width:100%; height:100%; border:0; }

.sabit-govde{ max-width:700px; }
.sabit-govde .yazi-baslik{ margin-top:4px; }
.kunye-liste{ display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; }
.kunye-liste dt{ font:700 15px/1.6 var(--sans); color:var(--gri-koyu); }
.kunye-liste dd{ margin:0; }

.iletisim-izgara{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:0 20px; margin:20px 0; }
.iletisim-kart{ padding:10px 0 16px; border-top:1px solid var(--cizgi); }
.iletisim-kart .ik{ width:22px; height:22px; color:var(--kirmizi); margin-bottom:8px; }
.iletisim-kart h2{ font:700 14px/1 var(--sans); color:var(--gri); margin-bottom:6px; }
.iletisim-kart p{ font:500 17px/1.4 var(--baslik); overflow-wrap:anywhere; }
.iletisim-kart a:hover{ text-decoration:underline; }
.iletisim-form{ display:grid; gap:14px; max-width:720px; }
.iletisim-form .iki{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }

.bulunamadi{ text-align:center; padding:60px 0 70px; }
.dortyuzdort{ font:800 128px/1 var(--baslik); color:#fff; -webkit-text-stroke:2px var(--lacivert); letter-spacing:-.03em; }
.bulunamadi h1{ font:500 30px/1.2 var(--baslik); margin:14px 0 8px; }
.bulunamadi p{ font:400 17px/1.5 var(--sans); color:var(--gri-koyu); margin-bottom:22px; }
.bulunamadi form{ max-width:520px; margin:0 auto 22px; }

/* ==========================================================================
   ALT BİLGİ (lacivert)
   ========================================================================== */
.dipnot{ margin-top:48px; background:var(--lacivert); color:#fff; }
.dipnot-ic{ border-left:1px solid var(--lacivert-cizgi); border-right:1px solid var(--lacivert-cizgi); padding:0 10px; }
.dipnot-bolum{ border-bottom:1px solid var(--lacivert-cizgi); }
.dipnot-bolum ul{ display:flex; flex-wrap:wrap; }
.dipnot-bolum li{ border-right:1px solid var(--lacivert-cizgi); }
.dipnot-bolum a{
  display:block; padding:12px 18px 14px 0; margin-right:0;
  font:800 22px/1.1 var(--baslik); color:color-mix(in srgb, var(--kat, #fff) 45%, #fff);
}
.dipnot-bolum li + li a{ padding-left:14px; }
.dipnot-bolum a:hover{ text-decoration:underline; }
.dipnot-sutunlar{ display:grid; grid-template-columns:repeat(2, minmax(0, 200px)) minmax(0, 1fr); gap:0 20px; padding:14px 0 26px; }
.dipnot-sutunlar ul{ border-right:1px solid var(--lacivert-cizgi); }
.dipnot-sutunlar li a{ display:inline-block; padding:5px 0; font:400 16px/1.3 var(--sans); color:#fff; }
.dipnot-sutunlar li a:hover{ text-decoration:underline; }
.dipnot-marka{ display:flex; flex-direction:column; align-items:flex-end; gap:14px; text-align:right; }
.dipnot-logo img{ height:74px; width:auto; }
.dipnot-sosyal{ display:flex; gap:8px; }
.dipnot-sosyal a{ width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--lacivert-cizgi); border-radius:50%; }
.dipnot-sosyal a:hover{ background:#fff; color:var(--lacivert); }
.dipnot-sosyal .ik{ width:16px; height:16px; }
.dipnot-iletisim{ font:400 14px/1.5 var(--sans); color:rgba(255,255,255,.8); }
.dipnot-alt{
  position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:6px 24px; padding:14px 0 18px;
  border-top:1px solid var(--lacivert-cizgi); font:400 13px/1.5 var(--sans); color:rgba(255,255,255,.85);
}
.dipnot-kredi a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.basa-don{
  margin-left:auto; display:inline-flex; align-items:center; gap:10px; font:700 15px/1 var(--sans); color:#fff;
}
.basa-don span{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--lacivert); }
.basa-don .ik{ stroke-width:2.4; }
.basa-don:hover span{ background:var(--sari); }

.yukari{
  position:fixed; right:18px; bottom:18px; z-index:40; width:46px; height:46px; display:grid; place-items:center;
  background:var(--sari); color:var(--lacivert); border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.2);
  opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s, transform .2s, visibility .2s;
}
.yukari .ik{ stroke-width:2.4; }
.yukari.gorunur{ opacity:1; visibility:visible; transform:none; }

/* ==========================================================================
   DUYARLI
   ========================================================================== */

/* 1300+: haber sayfasında künye sol sütuna geçer */
@media (min-width: 1300px){
  .makale{
    grid-template-columns:200px minmax(0, 620px) minmax(0, 1fr) 300px;
    grid-template-areas:
      "meta bas    . sag"
      "meta gorsel . sag"
      "meta govde  . sag";
    grid-template-rows:auto auto 1fr;
  }
  .makale-meta{
    flex-direction:column; align-items:stretch; justify-content:flex-start; gap:12px;
    margin:0 0 0 -10px; padding:12px 16px 30px 10px; border:0; border-right:1px solid var(--cizgi);
  }
  .makale-meta > *{ align-self:stretch; }
  .meta-bolum{ display:block; padding-bottom:10px; border-bottom:1px solid var(--cizgi); }
  .makale-bas .ust-etiket{ display:none; }
  .makale-bas{ padding-top:14px; }
  .meta-zaman{ margin:0; padding-top:10px; border-top:1px solid var(--cizgi); }
  .makale-meta .paylas{ padding-top:10px; border-top:1px solid var(--cizgi); }
  .makale-meta .paylas-kutu{ left:0; right:auto; }
}

@media (max-width: 1139px){
  .kume{ grid-template-columns:minmax(0, 1fr); }
  .kume-bas{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; padding:6px 10px 4px; border-right:0; }
  .kume-alt{ margin:0; }
  .kume-tumu{ margin:0 0 0 auto; }
  .kume-ic{ padding-top:6px; }
  .marka img{ height:82px; }
  .sutunlar a{ font-size:20px; padding-right:12px; }
}

@media (max-width: 979px){
  .on-sayfa,.makale-kap{ border:0; }
  .kume-bas{ padding-left:0; padding-right:0; }
  .kume-ic{ padding-left:0; padding-right:0; }
  .kk-dort{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .kk-dort > .kart:nth-child(4n+1),.kk-dort > .kart:nth-child(4n){ padding-left:10px; padding-right:10px; }
  .kk-dort > .kart:nth-child(odd){ padding-left:0; border-left:0; }
  .kk-dort > .kart:nth-child(even){ padding-right:0; border-left:1px solid var(--cizgi); }
  .kk-dort > .kart:nth-child(n+3){ border-top:1px solid var(--cizgi); }
  .okunan-duzen.afisli{ grid-template-columns:minmax(0, 1fr); }
  .okunan-afis{ margin-top:20px; }
  .okunan-afis .kusak{ position:static; max-width:360px; }

  .makale{
    padding:0; grid-template-columns:minmax(0, 1fr);
    grid-template-areas:"bas" "meta" "gorsel" "govde" "sag"; grid-template-rows:auto;
  }
  .makale-sag{ border-left:0; margin:10px 0 0; padding:0; border-top:1px solid var(--murekkep); }
  .sag-baslik{ padding-top:8px; }
  .sag-okunan ol{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 20px; }
  .sag-afis{ position:static; max-width:360px; }
  .yazi-govde{ max-width:none; }

  .iki-sutun{ grid-template-columns:1fr; gap:10px; }
  .yan{ margin-top:30px; }
  .yazar-izgara,.galeri-izgara{ grid-template-columns:repeat(2, minmax(0, 1fr)); }

  .ust-ana{ border:0; }
  .alt-menu-ic{ border:0; }
  .sutunlar ul{ overflow-x:auto; scrollbar-width:none; }
  .sutunlar ul::-webkit-scrollbar{ display:none; }
  .sutunlar a{ font-size:18px; padding:10px 10px 12px 6px; }
  .marka img{ height:70px; }
  .dipnot-sutunlar{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .dipnot-marka{ grid-column:1 / -1; align-items:flex-start; text-align:left; margin-top:20px; }
}

/* telefon */
@media (max-width: 739px){
  .kap{ width:calc(100% - 24px); }
  .ust-serit-ic{ min-height:34px; }
  .ust-tarih{ font-size:13px; }
  .ust-sosyal{ display:none; }

  /* logo üstte sağda, bölümler altında kayan satır, sarı düğme sağda */
  .ust-ana{ flex-direction:column-reverse; gap:0; }
  .marka{ align-self:flex-end; padding:10px 0 6px; }
  .marka img{ height:58px; }
  .sutunlar{ margin:0 -12px; padding-left:12px; border-top:1px solid var(--lacivert-cizgi); }
  .sutunlar ul{ flex:1; min-width:0; }
  .sutunlar a{ font-size:16px; padding:8px 10px 11px 6px; }
  .hamburger{ width:38px; height:38px; margin:4px 10px 6px 8px; align-self:center; }
  .alt-menu{ display:none; }

  .kume-baslik{ font-size:22px; }
  .kume-ic{ padding-bottom:26px; }
  .kart-dev{ display:flex; flex-direction:column; }
  .kart-dev .kart-gorsel{ order:-1; margin:0 -12px 10px; }
  .kart-dev .kart-baslik{ font-size:26px; }
  .kart-dev .kart-ozet{ font-size:15px; }
  .kk-yarim{ grid-template-columns:minmax(0, 1fr); }
  .kk-yarim > .kart{ padding-left:0; padding-right:0; }
  .kk-yarim > .kart + .kart{ border-left:0; border-top:1px solid var(--cizgi); }
  .kart-yarim{ grid-template-columns:minmax(0, 1fr) 120px; }
  .kart-yarim .kart-gorsel{ grid-column:2; grid-row:1; }
  .kart-yarim .kart-metin{ grid-column:1; grid-row:1; }
  .kart-yarim .kart-baslik{ font-size:18px; }
  .kart-dortte .kart-baslik{ font-size:16px; }

  .kume-okunan .sirali{ grid-template-columns:minmax(0, 1fr); grid-auto-flow:row; grid-template-rows:none; }
  .kume-okunan .sirali li:nth-child(n+6)::before{ display:none; }
  .kume-okunan .sirali li:nth-child(6){ border-top:1px solid var(--cizgi); }
  .sira-no{ font-size:40px; }

  .kart-satir{ grid-template-columns:minmax(0, 1fr) 120px; gap:0 12px; }
  .kart-satir .kart-gorsel{ grid-column:2; grid-row:1; }
  .kart-satir .kart-metin{ grid-column:1; grid-row:1; }
  .kart-satir .kart-baslik{ font-size:18px; }
  .kart-satir .kart-ozet{ display:none; }
  .liste-one .kart{ display:flex; flex-direction:column; }
  .liste-one .kart-gorsel{ order:-1; margin:0 0 10px; }

  .yazi-baslik{ font-size:30px; }
  .spot{ font-size:18px; }
  .makale-meta{ align-items:flex-start; }
  .yazi-gorsel{ margin-left:-12px; margin-right:-12px; }
  .yazi-gorsel figcaption{ padding-left:12px; padding-right:12px; }
  .paylas-kutu{ left:0; right:auto; width:min(300px, calc(100vw - 24px)); }
  /* telefonda yazdır düğmesi gereksiz; araç çubuğu tek satıra sığar */
  .okuma-araclari button[onclick*="print"],.okuma-araclari .oa-ayrac{ display:none; }
  .oa-dugme span{ display:none; }
  .oa-dugme.oa-ses span{ display:inline; }
  .sag-okunan ol{ grid-template-columns:minmax(0, 1fr); }
  .yorum-form .iki,.iletisim-form .iki{ grid-template-columns:minmax(0, 1fr); }
  .yazar-izgara,.galeri-izgara,.foto-izgara{ grid-template-columns:minmax(0, 1fr); }
  .yazi-govde .hiza-sol,.yazi-govde .hiza-sag{ float:none; margin:1em auto; }
  .arama-buyuk button{ padding:0 16px; }

  .dipnot{ margin-top:36px; }
  .dipnot-bolum a{ font-size:19px; padding-right:12px; }
  .dipnot-bolum li + li a{ padding-left:10px; }
  .dipnot-alt{ flex-direction:column; align-items:flex-start; }
  .basa-don{ margin-left:0; margin-top:6px; }
}

/* ==========================================================================
   BASKI
   ========================================================================== */
@media print{
  .ust,.sondakika,.gundem,.menu-panel,.menu-perde,.yan,.dipnot,.yukari,.okuma-araclari,.paylas,
  .yazi-alt-paylas,.yorumlar,.makale-alti,.makale-sag,.kusak,.izyolu,.okuma-cubugu,.reklam-ust{ display:none !important; }
  body{ font-size:12pt; }
  .makale{ display:block; }
  .makale-kap{ border:0; width:100%; }
  .yazi-govde{ font-size:12pt; max-width:none; }
  a{ text-decoration:none; }
}