/* Turizm Focus — iki tema: koyu (siyah + lime) ve açık (beyaz + lime).
   Lime (#C1FF72) logonun ve Instagram şablonunun rengi (sahip kararı 2026-09-28; önce sarıydı).
   Kurallar: gölge yok, gradyan metin yok, emoji yok.
   --vurgu  = lime ZEMİN/çizgi (rozet, şerit etiketi, nokta): iki temada da aynı
   --signal = lime'ın YAZI karşılığı; beyaz zeminde okunsun diye koyu yeşil
   Tema seçimi: <html data-tema="koyu|acik">, yoksa işletim sistemi tercihi.

   Yazı tipleri (2026-09-28, kendi sunucumuzdan, Google Fonts yok):
   --font-d  TeX Gyre Adventor  başlıklar, etiketler, sayılar (Instagram şablonuyla aynı font)
   --font-s  Source Serif 4     spot ve haber metni (okuma yazısı, gazete hissi)  */

@font-face { font-family: 'TeX Gyre Adventor'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/texgyreadventor-regular.woff2') format('woff2'); }
@font-face { font-family: 'TeX Gyre Adventor'; font-weight: 700; font-style: normal; font-display: swap; src: url('/fonts/texgyreadventor-bold.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/sourceserif4-regular.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-weight: 400; font-style: italic; font-display: swap; src: url('/fonts/sourceserif4-italic.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-weight: 600; font-style: normal; font-display: swap; src: url('/fonts/sourceserif4-semibold.woff2') format('woff2'); }

:root {
  color-scheme: dark;
  --bg: #0B0B0C;          /* siyah */
  --bg-2: #141416;
  --bg-3: #1B1B1E;
  --vurgu: #C1FF72;       /* marka limesi */
  --vurgu-yumusak: rgba(193, 255, 114, .12);
  --signal: #C1FF72;      /* yazı olarak vurgu */
  --signal-dim: #9BD94A;
  --ink: #F4F4F5;
  --ink-2: #C7C8CC;
  --muted: #8A8C93;
  --line: #232327;
  --line-2: #33343A;
  --perde: 11, 11, 12;    /* kapak üstü karartmanın rengi (rgb) */
  --doku: .045;           /* kağıt dokusu yoğunluğu */

  --font-d: 'TeX Gyre Adventor', 'Avant Garde', 'Century Gothic', 'Poppins', system-ui, sans-serif;
  --font-s: 'Source Serif 4', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-b: var(--font-d);

  --olcu: 66ch;        /* okuma genişliği */
  --kenar: clamp(20px, 5vw, 64px);
  --gecis: .22s cubic-bezier(.2, .7, .2, 1);
}

/* Açık tema. Aynı değerler iki yerde: biri işletim sistemi tercihi,
   biri künyedeki düğme (data-tema="acik"). Birini değiştirirsen ikisini de değiştir. */
@media (prefers-color-scheme: light) {
  :root:not([data-tema="koyu"]) {
    color-scheme: light;
    --bg: #FFFFFF;
    --bg-2: #F5F6F8;
    --bg-3: #ECEEF2;
    --vurgu-yumusak: rgba(193, 255, 114, .28);
    --signal: #3A7A0E;   /* beyaz zeminde okunur koyu yeşil */
    --signal-dim: #2C5E0A;
    --ink: #101114;
    --ink-2: #3B3D43;
    --muted: #6B6E76;
    --line: #E4E6EA;
    --line-2: #D3D6DC;
    --doku: .03;
  }
}
:root[data-tema="acik"] {
  color-scheme: light;
  --bg: #FFFFFF;
  --bg-2: #F5F6F8;
  --bg-3: #ECEEF2;
  --vurgu-yumusak: rgba(193, 255, 114, .28);
  --signal: #3A7A0E;
  --signal-dim: #2C5E0A;
  --ink: #101114;
  --ink-2: #3B3D43;
  --muted: #6B6E76;
  --line: #E4E6EA;
  --line-2: #D3D6DC;
  --doku: .03;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-b);
  font-size: 17px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* Kağıt dokusu: sabit, tıklamayı engellemez, çok hafif */
body::before {
  content: ''; position: fixed; inset: 0; z-index: 30; pointer-events: none;
  opacity: var(--doku); mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

a { color: inherit; text-decoration: none; transition: color var(--gecis), border-color var(--gecis), background-color var(--gecis); }
h1, h2, h3 { font-family: var(--font-d); font-weight: 700; letter-spacing: -0.015em; margin: 0; text-wrap: pretty; }
img { max-width: 100%; height: auto; }
::selection { background: var(--vurgu); color: #0B0B0C; }

.atla {
  position: absolute; left: -9999px; top: 0;
  background: var(--vurgu); color: #0B0B0C; padding: 10px 16px; z-index: 40; font-weight: 700;
}
.atla:focus { left: 12px; top: 12px; }

:focus-visible { outline: 2px solid var(--signal); outline-offset: 3px; }

/* ── Etiketler (kicker, bölüm başlığı, panel başlığı) ─────────────────── */
.kicker, .panel-baslik, .bolum-baslik, .one-cikan h2 {
  font-family: var(--font-d); text-transform: uppercase; letter-spacing: 0.16em; font-weight: 400;
}

/* ── Son dakika şeridi ───────────────────────────────────────────────── */
.sondakika {
  display: flex; align-items: stretch; gap: 0; border-bottom: 1px solid var(--line);
  background: var(--bg-2); font-size: 13px;
}
.sd-etiket {
  flex: none; display: inline-flex; align-items: center; gap: 8px;
  background: var(--vurgu); color: #0B0B0C; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.12em; font-size: 11px;
  padding: 9px var(--kenar) 9px clamp(16px, 4vw, 40px);
}
.sd-pencere { overflow: hidden; flex: 1; display: flex; align-items: center; }
.sd-kayan { display: flex; white-space: nowrap; animation: kay 46s linear infinite; }
.sd-kayan > a, .sd-kayan span > a {
  padding: 0 26px; color: var(--ink-2); position: relative; font-family: var(--font-s); font-size: 14px;
}
.sd-kayan a::after {
  content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  width: 5px; height: 5px; border-radius: 50%; background: var(--vurgu); opacity: .7;
}
.sd-kayan a:hover { color: var(--signal); }
.sd-kayan > span { display: flex; }
.sondakika:hover .sd-kayan { animation-play-state: paused; }
@keyframes kay { to { transform: translateX(-50%); } }

/* ── Künye ───────────────────────────────────────────────────────────── */
.mast { background: var(--bg); position: relative; }

.mast-ust {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
  padding: clamp(22px, 3vw, 34px) var(--kenar) clamp(16px, 2.4vw, 26px);
  border-bottom: 3px double var(--line-2);   /* gazete künyesi: çift çizgi */
}
.mast-tarih { font-size: 12px; color: var(--muted); letter-spacing: 0.12em; text-transform: uppercase; }

.marka { display: inline-flex; align-items: center; gap: 16px; justify-self: center; }
.marka-logo { width: auto; height: clamp(44px, 5vw, 58px); flex: none; transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
.marka:hover .marka-logo { transform: translateY(-2px); }
.marka-im { width: 38px; height: 38px; color: var(--signal); flex: none; }
.marka-yazi { display: grid; gap: 4px; }
.marka-ad {
  font-family: var(--font-d); font-size: clamp(28px, 4vw, 44px); font-weight: 400;
  letter-spacing: -0.035em; color: var(--ink); line-height: 1;
}
.marka-ad b { font-weight: 700; color: var(--signal); }
.marka-alt {
  font-family: var(--font-s); font-style: italic; font-size: 13.5px; color: var(--muted); letter-spacing: 0.02em;
}

.mast-sag { display: inline-flex; align-items: center; gap: 14px; justify-self: end; }
.canli {
  display: inline-flex; align-items: center; gap: 8px;
  text-transform: uppercase; letter-spacing: 0.14em; font-size: 11px; color: var(--muted);
}
/* Tema düğmesi: koyuda güneş (aydınlığa geç), açıkta ay (karanlığa geç) */
.tema-dugme {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; padding: 0; cursor: pointer;
  background: none; border: 1px solid var(--line-2); border-radius: 50%;
  color: var(--muted); transition: color var(--gecis), border-color var(--gecis), background-color var(--gecis), transform .12s ease;
}
.tema-dugme:hover { color: var(--signal); border-color: var(--signal); background: var(--vurgu-yumusak); }
.tema-dugme:active { transform: scale(.94); }
.tema-ay { display: none; }
:root[data-tema="acik"] .tema-gunes { display: none; }
:root[data-tema="acik"] .tema-ay { display: block; }
@media (prefers-color-scheme: light) {
  :root:not([data-tema="koyu"]) .tema-gunes { display: none; }
  :root:not([data-tema="koyu"]) .tema-ay { display: block; }
}
.canli i {
  width: 7px; height: 7px; background: var(--vurgu); border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(193, 255, 114, .5); animation: nabiz 2.4s infinite;
}
@keyframes nabiz {
  0% { box-shadow: 0 0 0 0 rgba(193, 255, 114, .45); }
  70% { box-shadow: 0 0 0 7px rgba(193, 255, 114, 0); }
  100% { box-shadow: 0 0 0 0 rgba(193, 255, 114, 0); }
}

/* Kategori şeridi: kaydırınca üstte kalır, arkası buzlu. İç kaydırıcı (.kat-kaydir) yatay kayar;
   dar ekranda sağ kenar solar (devamı var ipucu) ve hamburger (.kat-menu) tüm listeyi (.kat-panel) açar. */
.kat-serit {
  position: sticky; top: 0; z-index: 25;
  display: flex; flex-wrap: wrap; align-items: center;
  padding: 0 var(--kenar);
  font-size: 12px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 400;
  background: color-mix(in srgb, var(--bg) 84%, transparent);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.kat-kaydir { flex: 1 1 0; min-width: 0; display: flex; gap: clamp(18px, 2.4vw, 30px); overflow-x: auto; scrollbar-width: none; padding: 13px 0 12px; }
.kat-kaydir::-webkit-scrollbar { display: none; }
.kat-menu {
  display: none; flex: none; width: 38px; height: 38px; margin-left: 10px; padding: 0;
  border: 1px solid var(--line); border-radius: 8px; background: transparent; cursor: pointer;
  flex-direction: column; align-items: center; justify-content: center; gap: 4px;
}
.kat-menu span { display: block; width: 16px; height: 2px; background: var(--ink); transition: transform var(--gecis), opacity var(--gecis); }
.kat-menu[aria-expanded="true"] { border-color: var(--signal); }
.kat-menu[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.kat-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.kat-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.kat-panel { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 6px 0 14px; border-top: 1px solid var(--line); }
.kat-panel[hidden] { display: none; }
.kat-serit a { color: var(--muted); white-space: nowrap; padding: 4px 0; border-bottom: 2px solid transparent; }
.kat-serit a:hover { color: var(--ink); }
.kat-serit a.aktif { color: var(--signal); border-bottom-color: var(--vurgu); font-weight: 700; }


/* ── Sayfa kabı ──────────────────────────────────────────────────────── */
.sayfa { max-width: 1200px; margin: 0 auto; padding: clamp(28px, 4.5vw, 56px) var(--kenar) 104px; }
.sayfa.dar { max-width: 840px; }

/* ── Vitrin (manşet + sağ kolon) ──────────────────────────────────────── */
.vitrin {
  display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: clamp(24px, 3.5vw, 44px); align-items: stretch;
  padding-bottom: clamp(28px, 4vw, 44px); border-bottom: 1px solid var(--line);
}
.vitrin-yan { display: grid; gap: 22px; align-content: start; }
.vitrin-yan .kart + .kart { border-top: 1px solid var(--line); padding-top: 22px; }

/* ── Kapak ────────────────────────────────────────────────────────────── */
.kapak {
  position: relative; overflow: hidden; border: 1px solid var(--line);
  background: var(--bg-2); aspect-ratio: 16 / 9; display: grid; place-items: center;
}
.kapak img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.kapak-bos { background: radial-gradient(120% 90% at 20% 0%, #232326 0%, #131315 60%, #0F0F11 100%); }
.kapak-bos .marka-logo { width: 26%; height: auto; opacity: .22; }
.kapak-kat {
  position: absolute; left: 0; bottom: 0; background: var(--vurgu); color: #0B0B0C;
  font-family: var(--font-d); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em;
  padding: 6px 12px;
}
.kart-kapak { display: block; }
.kart-kapak:hover .kapak img { transform: scale(1.04); }

/* ── Kartlar ──────────────────────────────────────────────────────────── */
/* Manşet kapağı sağ kolon (4 kart) kadar uzar: alt kenarlar eşit. Fotoğraf akıştan çıkarılır
   (mutlak konum), böylece portre fotoğraf kapağı uzatıp hizayı bozamaz; yükseklik sağ kolondan gelir. */
.vitrin .kart-buyuk { display: flex; flex-direction: column; min-width: 0; }
.vitrin .kart-buyuk .kapak-bag { flex: 1; display: flex; flex-direction: column; }
.vitrin .kart-buyuk .kapak { flex: 1 1 0; aspect-ratio: auto; min-height: 380px; }
.vitrin .kart-buyuk .kapak img { position: absolute; inset: 0; width: 100%; height: 100%; }
.kart-buyuk .kapak { aspect-ratio: 16 / 10; }
.kart-orta .kart-ic { padding-top: 14px; }

/* Başlık kapağın üstünde (GM düzeni) */
.kapak-bag { position: relative; display: block; }
.kapak-bag:hover .kapak img { transform: scale(1.04); }
.kapak-yazi, .kapak-yazi .manset-baslik, .kapak-yazi .kart-baslik { color: #F4F4F5; }
.kapak-yazi .manset-spot { color: #D6D7DB; }
.kapak-yazi .meta, .kapak-yazi .meta time { color: #A9AAB1; }
.kapak-yazi {
  position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(16px, 2.4vw, 32px);
  background: linear-gradient(to top, rgba(var(--perde), .96) 10%, rgba(var(--perde), .78) 48%, rgba(var(--perde), .25) 78%, rgba(var(--perde), 0) 100%);
}
/* Kapak üstündeki kategori: lime rozet */
.kapak-yazi .kicker {
  display: inline-block; background: var(--vurgu); color: #0B0B0C; font-weight: 700;
  font-size: 10.5px; letter-spacing: 0.14em; padding: 5px 9px 4px; margin-bottom: 12px;
}
.kapak-yazi .meta { margin-top: 12px; }
.kart-kapakli .manset-baslik {
  font-size: clamp(26px, 3.4vw, 46px); line-height: 1.05; margin-bottom: 12px;
}
.kart-kapakli .manset-spot { font-size: clamp(15px, 1.5vw, 18px); margin-bottom: 0; max-width: 54ch; }
.kart-kapakli .kart-baslik { margin-bottom: 0; }
/* Kapak üstündeki başlık yalnız gerçek fare imlecinde renk değiştirir: dokunmatikte
   'hover' takılı kalıyor ve lime beyaz zeminde okunmuyordu */
@media (hover: hover) {
  .kapak-bag:hover .manset-baslik, .kapak-bag:hover .kart-baslik { color: var(--vurgu); }
}
.kart-baslik {
  font-size: clamp(18px, 1.9vw, 22px); line-height: 1.2; letter-spacing: -0.02em;
  font-weight: 700; margin: 0 0 8px; text-wrap: pretty;
}
.kart-baslik a:hover { color: var(--signal); }
.kart-spot { font-family: var(--font-s); font-size: 15.5px; color: var(--ink-2); margin: 0 0 10px; line-height: 1.5; }
.kart .kicker { margin-bottom: 8px; }

.kart-kucuk { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 14px; align-items: start; }
.kart-kucuk .kapak { aspect-ratio: 4 / 3; }
.kart-kucuk .kapak-kat { display: none; }
.kart-kucuk .kart-baslik { font-size: 16.5px; line-height: 1.25; }
.kart-kucuk .kicker { margin-bottom: 5px; font-size: 10px; }

/* Izgara: ilk kart iki sütun iki satır (asimetrik gazete sayfası), kalanı üçlü */
.izgara {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.5vw, 32px);
}
.izgara .kart-ic { padding-top: 14px; }
.izgara .kapak { aspect-ratio: 3 / 2; }
.izgara > .kart:first-child { grid-column: span 2; grid-row: span 2; display: flex; flex-direction: column; }
/* Büyük kart iki satır kaplar: görsel satır yüksekliğine uzar (sağdaki iki kartın altıyla hizalı),
   altta boşluk kalmaz. Fotoğraf mutlak konumlu; oranı ne olursa olsun yüksekliği satırdan alır. */
.izgara > .kart:first-child .kart-kapak { flex: 1; display: flex; flex-direction: column; }
.izgara > .kart:first-child .kapak { flex: 1 1 0; aspect-ratio: auto; min-height: 300px; }
.izgara > .kart:first-child .kapak img { position: absolute; inset: 0; width: 100%; height: 100%; }
.izgara > .kart:first-child .kart-baslik { font-size: clamp(22px, 2.4vw, 30px); line-height: 1.12; }
.izgara > .kart:first-child .kart-spot { font-size: 17px; max-width: 60ch; }
.izgara .kart { transition: transform var(--gecis); }
.izgara .kart:hover { transform: translateY(-3px); }

/* ── Marka (reklam) alanları: sayfa akışının içinde, işaretli, gölgesiz ─────
   Sınıf adlarında "reklam" yok: engelleyici listeleri o kelimeyi taşıyan kutuları gizliyor. */
.tf-kutu {
  position: relative; display: grid; place-items: center; gap: 0;
  max-width: 1200px; margin: 0 auto; padding: 22px var(--kenar);
}
.tf-kutu img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); }
.tf-kutu-etiket {
  position: absolute; top: 6px; right: var(--kenar);
  font-family: var(--font-d); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted);
}
.tf-kutu-ust-bant, .tf-kutu-alt-bant { border-bottom: 1px solid var(--line); }
.tf-kutu-alt-bant { border-top: 1px solid var(--line); border-bottom: 0; }
.tf-kutu-manset-alti { padding: 26px 0; border-bottom: 1px solid var(--line); max-width: none; }
.tf-kutu-yan-kolon { padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid var(--line); }
.tf-kutu-yan-kolon .tf-kutu-etiket { right: 0; top: -14px; }
.tf-kutu-haber-ici { padding: 8px 0 22px; max-width: none; }
.tf-kutu-haber-ici .tf-kutu-etiket { right: 0; top: -6px; }
/* Boş alan: kesikli çerçeve, çapraz ince tarama, ortada davet ("Herkes buraya bakıyor") */
.tf-davet {
  display: grid; place-items: center; gap: 8px; text-align: center;
  width: 100%; max-width: 970px; min-height: 118px; padding: 20px 24px;
  border: 1px dashed var(--line-2); color: var(--muted);
  background:
    repeating-linear-gradient(135deg, transparent 0 18px, var(--vurgu-yumusak) 18px 19px),
    var(--bg-2);
  transition: border-color var(--gecis), color var(--gecis), background-color var(--gecis);
}
.tf-davet:hover { border-color: var(--signal); color: var(--ink); }
.tf-davet-ust { font-family: var(--font-d); font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.16em; }
.tf-davet-baslik { font-family: var(--font-d); font-weight: 700; font-size: clamp(16px, 1.8vw, 21px); letter-spacing: -0.02em; color: var(--ink); text-wrap: balance; }
.tf-davet:hover .tf-davet-baslik { color: var(--signal); }
.tf-davet-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; }
.tf-davet-dugme {
  display: inline-block; padding: 6px 16px; border-radius: 999px;
  background: var(--vurgu); color: #0B0B0C;
  font-family: var(--font-d); font-weight: 700; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase;
  transition: transform var(--gecis);
}
.tf-davet:hover .tf-davet-dugme { transform: translateY(-1px); }
.tf-davet-olcu { font-family: var(--font-d); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; }
.tf-kutu-yan-kolon .tf-davet { max-width: 300px; min-height: 250px; padding: 24px 16px; }
.tf-kutu-haber-ici .tf-davet { max-width: 728px; min-height: 96px; padding: 14px 20px; gap: 6px; }
.tf-kutu-haber-ici .tf-davet-baslik { font-size: 17px; }
.tf-kutu-manset-alti.tf-kutu-bos { max-width: 1200px; padding: 26px var(--kenar); }
/* Yan kuleler: 1280 px ve üstünde içeriğin iki yanında, kaydırınca yerinde kalır.
   1280-1599: kule 160 px, içerik sütunu aradaki boşluğa daralır (dizüstü ekranlar; eskiden kuleler
   1560 px altında tümüyle kayboluyordu). 1600+: içerik 1200 px, kuleler kalan boşlukta. 1900+: kule 300 px.
   1280 altı (tablet, telefon): yanlarda yer yok. Satılan kule reklamı içeriğin altında akışa iner;
   boş davet kutusu gösterilmez (alt bantla birlikte üst üste üç davet olmasın). */
.govde-duzen { display: grid; grid-template-columns: minmax(0, 1fr); }
.govde-duzen > main { min-width: 0; }
.kule { display: grid; justify-items: center; min-width: 0; }
.kule-sol { order: 2; }
.kule-sag { order: 3; }
.kule .tf-kutu { padding: 6px var(--kenar) 26px; }
.kule .tf-kutu-bos { display: none; }
@media (min-width: 1280px) {
  .govde-duzen { grid-template-columns: 192px minmax(0, 1fr) 192px; }
  .kule { align-content: start; }
  .kule-sol { order: 0; justify-items: end; }
  .kule-sag { order: 0; justify-items: start; }
  .kule .tf-kutu, .kule .tf-kutu-bos { display: grid; position: sticky; top: 64px; margin: 0; max-width: none; padding: 28px 16px; }
  .kule .tf-kutu-etiket { right: 16px; top: 10px; }
  .kule .tf-davet { width: 160px; min-height: 600px; padding: 24px 12px; }
  .kule .tf-davet-baslik { font-size: 16px; }
  .kule .tf-davet-olcu { overflow-wrap: anywhere; }
  .kule .tf-kutu img { max-width: 160px; }
}
/* Kulelerle daralan içerik sütununda kenar boşluğu küçülür (kuleler zaten boşluk bırakıyor) */
@media (min-width: 1280px) and (max-width: 1599.98px) {
  .govde-duzen > main { --kenar: 26px; }
}
@media (min-width: 1600px) {
  .govde-duzen { grid-template-columns: minmax(0, 1fr) minmax(0, 1200px) minmax(0, 1fr); }
}
@media (min-width: 1900px) {
  .kule .tf-kutu, .kule .tf-kutu-bos { padding: 28px 20px; }
  .kule .tf-davet { width: 300px; padding: 28px 20px; }
  .kule .tf-davet-baslik { font-size: 19px; }
  .kule .tf-kutu img { max-width: 300px; }
}
.haber-kapak { margin: 0 0 clamp(22px, 3vw, 32px); }
.haber-kapak img { width: 100%; display: block; border: 1px solid var(--line); }
.bolum { padding: clamp(28px, 4vw, 48px) 0; border-bottom: 1px solid var(--line); }

.alt-duzen {
  display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(28px, 5vw, 64px);
  align-items: start; padding-top: clamp(24px, 3vw, 36px);
}

/* ── Manşet ──────────────────────────────────────────────────────────── */
.kicker {
  display: inline-block; font-size: 11.5px; color: var(--signal); margin-bottom: 14px;
}
a.kicker:hover { color: var(--ink); }

.manset-baslik {
  font-size: clamp(34px, 5.4vw, 64px); line-height: 1.02; letter-spacing: -0.03em;
  font-weight: 700; text-wrap: balance; margin-bottom: 18px;
}

.manset-spot {
  font-family: var(--font-s); font-size: clamp(17px, 1.8vw, 20px); color: var(--ink-2); max-width: 56ch;
  margin: 0 0 20px; line-height: 1.5;
}

.meta {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  font-size: 12.5px; color: var(--muted); letter-spacing: 0.02em;
}
.meta a { color: var(--ink-2); border-bottom: 1px solid var(--line-2); }
.meta a:hover { color: var(--signal); border-bottom-color: var(--vurgu); }
.ayrac { width: 14px; height: 1px; background: var(--line-2); display: inline-block; }

/* ── Bölüm başlığı: lime çubuk + başlık + uzayan çizgi ───────────────── */
.bolum-baslik {
  display: flex; align-items: center; gap: 14px;
  font-size: 13px; color: var(--ink); margin: 0 0 clamp(18px, 2.4vw, 26px);
}
.bolum-baslik::before { content: ''; width: 26px; height: 4px; background: var(--vurgu); flex: none; }
.bolum-baslik::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.akis .bolum-baslik { margin-top: clamp(28px, 4vw, 44px); }

/* ── Gündem paneli ───────────────────────────────────────────────────── */
.radar-panel { background: var(--bg-2); border: 1px solid var(--line); padding: clamp(18px, 2.2vw, 26px); position: sticky; top: 64px; }
.panel-baslik {
  display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--ink); margin-bottom: 8px;
}
.panel-baslik::before { content: ''; width: 20px; height: 4px; background: var(--vurgu); flex: none; }
.panel-liste { list-style: none; margin: 0; padding: 0; }
.panel-liste li + li { border-top: 1px solid var(--line); }
.panel-liste a {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 11px 0; font-size: 15px; color: var(--ink-2); transition: color var(--gecis), padding-left var(--gecis);
}
.panel-liste a:hover { color: var(--ink); padding-left: 6px; }
.panel-liste b { font-family: var(--font-d); font-size: 15px; color: var(--signal); font-weight: 700; font-variant-numeric: tabular-nums; }
.panel-alt { margin-top: 14px; font-size: 12.5px; color: var(--muted); }

/* ── Akış listesi ────────────────────────────────────────────────────── */
.liste { border-top: 1px solid var(--line); }

.satir {
  display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 8px;
  padding: 22px 0; border-bottom: 1px solid var(--line);
}
.satir-no {
  font-family: var(--font-d); font-size: 22px; color: var(--line-2); font-weight: 700;
  font-variant-numeric: tabular-nums; padding-top: 2px; letter-spacing: -0.02em; line-height: 1;
  transition: color var(--gecis);
}
.satir .kicker { margin-bottom: 7px; font-size: 10.5px; }
.satir h2 { font-size: clamp(19px, 2.2vw, 25px); line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 9px; text-wrap: pretty; }
.satir:hover .satir-no { color: var(--signal); }
.satir h2 a:hover { color: var(--signal); }

/* ── Haber sayfası ───────────────────────────────────────────────────── */
.haber-ust { padding-bottom: 26px; border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.haber-ust h1 {
  font-size: clamp(31px, 4.6vw, 50px); line-height: 1.06; letter-spacing: -0.03em;
  font-weight: 700; text-wrap: balance; margin-bottom: 18px;
}
.haber-spot { font-family: var(--font-s); font-size: clamp(18px, 2vw, 22px); color: var(--ink-2); line-height: 1.5; margin: 0 0 20px; max-width: 58ch; }
.meta-haber { font-size: 13px; }

.one-cikan {
  background: var(--bg-2); border-left: 3px solid var(--vurgu); padding: 18px 22px 16px; margin: 0 0 32px;
}
.one-cikan h2 { font-size: 11.5px; color: var(--muted); margin-bottom: 12px; }
.one-cikan ul { list-style: none; margin: 0; padding: 0; }
.one-cikan li { position: relative; padding-left: 18px; margin-bottom: 9px; color: var(--ink-2); font-family: var(--font-s); font-size: 16.5px; line-height: 1.5; }
.one-cikan li::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: var(--vurgu); }

.haber-govde { max-width: var(--olcu); font-family: var(--font-s); }
.haber-govde p { margin: 0 0 24px; font-size: 19px; line-height: 1.7; color: var(--ink); }
.haber-govde p.giris { font-size: 21px; }
/* Giriş paragrafına gazete harfi: büyük lime ilk harf */
.haber .haber-govde p.giris::first-letter {
  font-family: var(--font-d); font-weight: 700; color: var(--signal);
  float: left; font-size: 4.1em; line-height: .78; padding: .06em .14em 0 0; margin-bottom: -.1em;
}
.haber-govde a { color: var(--signal); border-bottom: 1px solid var(--line-2); }
.haber-govde a:hover { border-bottom-color: var(--vurgu); }

.etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--line); max-width: var(--olcu); }
.etiketler a { font-size: 12px; color: var(--muted); border: 1px solid var(--line); padding: 4px 10px; letter-spacing: 0.04em; transition: color var(--gecis), border-color var(--gecis); }
.etiketler a:hover { color: var(--signal); border-color: var(--signal); }
.abone-onay-form { margin: 18px 0 26px; }

.devam { margin-top: clamp(48px, 6vw, 72px); }

/* ── Bölüm başlığı (kategori/hakkında) ───────────────────────────────── */
.bolum-ust { padding-bottom: 22px; border-bottom: 3px double var(--line-2); margin-bottom: clamp(22px, 3vw, 32px); }
.bolum-ust h1 { font-size: clamp(32px, 4.8vw, 52px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 700; }
.bolum-sayi { margin: 10px 0 0; font-size: 12.5px; color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase; }
.bos-satir { color: var(--muted); padding: 40px 0; font-family: var(--font-s); }
.sayfa.dar .izgara { margin-bottom: clamp(20px, 3vw, 32px); }

/* ── Boş durum / 404 ─────────────────────────────────────────────────── */
.bos { max-width: 640px; margin: 0 auto; padding: clamp(64px, 12vh, 140px) var(--kenar); text-align: center; }
.bos h1 { font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.03em; margin-bottom: 14px; }
.bos p { color: var(--ink-2); margin: 0 0 10px; font-family: var(--font-s); font-size: 18px; }
.bos-alt { font-size: 15px; color: var(--muted); margin-top: 22px; }
.bos-alt a, .bos p a { color: var(--signal); border-bottom: 1px solid var(--line-2); }
.bos-kod { font-family: var(--font-d); font-size: clamp(72px, 14vw, 120px); font-weight: 700; color: var(--vurgu); letter-spacing: -0.05em; line-height: 1; margin-bottom: 18px; }

.bos-radar { position: relative; width: 108px; height: 108px; margin: 0 auto 28px; }
.bos-radar span {
  position: absolute; inset: 0; margin: auto; border: 1px solid var(--line-2); border-radius: 50%;
  animation: yayil 3.4s ease-out infinite;
}
.bos-radar span:nth-child(2) { animation-delay: 1.1s; }
.bos-radar span:nth-child(3) { animation-delay: 2.2s; }
@keyframes yayil {
  0% { width: 12px; height: 12px; opacity: 0; border-color: var(--vurgu); }
  15% { opacity: .8; }
  100% { width: 108px; height: 108px; opacity: 0; border-color: var(--line-2); }
}

/* ── Alt bilgi ───────────────────────────────────────────────────────── */
.alt { border-top: 4px solid var(--vurgu); background: var(--bg-2); }
.alt-ic {
  max-width: 1200px; margin: 0 auto; padding: clamp(36px, 5vw, 56px) var(--kenar) 40px;
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px);
}
.alt-marka { display: flex; align-items: center; gap: 14px; font-family: var(--font-d); font-size: clamp(26px, 3vw, 34px); letter-spacing: -0.035em; margin-bottom: 14px; line-height: 1; }
.alt-marka .marka-logo { height: 44px; }
.alt-marka b { color: var(--signal); font-weight: 700; }
.alt-not { font-family: var(--font-s); color: var(--muted); font-size: 15px; max-width: 46ch; margin: 0; line-height: 1.6; }
.alt-baslik { font-family: var(--font-d); font-size: 11px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--muted); margin: 0 0 14px; font-weight: 400; }
.alt-nav { display: grid; gap: 9px; font-size: 14.5px; margin: 0; }
.alt-nav a { color: var(--ink-2); width: fit-content; border-bottom: 1px solid transparent; padding-bottom: 1px; }
.alt-nav a:hover { color: var(--signal); border-bottom-color: var(--vurgu); }
.alt-telif {
  grid-column: 1 / -1; margin-top: 8px; padding-top: 18px; border-top: 1px solid var(--line);
  font-size: 12.5px; color: var(--muted); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}


/* ── Arama formu (künye) ─────────────────────────────────────────────── */
.ara-form { display: inline-flex; align-items: center; border: 1px solid var(--line-2); border-radius: 999px; padding: 0 4px 0 12px; height: 36px; background: var(--bg); transition: border-color var(--gecis); }
.ara-form:focus-within { border-color: var(--signal); }
.ara-form input { border: 0; background: none; color: var(--ink); font: inherit; font-size: 13.5px; width: 130px; outline: none; }
.ara-form input::placeholder { color: var(--muted); }
.ara-form button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; }
.ara-form button:hover { color: var(--signal); background: var(--vurgu-yumusak); }
.ara-buyuk { display: flex; gap: 8px; margin-top: 18px; }
.ara-buyuk input { flex: 1; min-width: 0; border: 1px solid var(--line-2); background: var(--bg); color: var(--ink); font: inherit; font-size: 17px; padding: 12px 16px; border-radius: 0; }
.ara-buyuk input:focus { border-color: var(--signal); outline: none; }
.ara-buyuk .dugme { display: inline-flex; align-items: center; gap: 8px; }
.mast-sol { display: grid; gap: 8px; align-content: center; }

/* ── Kur şeridi (TCMB) ───────────────────────────────────────────────── */
.kur { display: flex; flex-wrap: wrap; gap: 10px 14px; font-size: 12.5px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.kur b { color: var(--signal); font-weight: 700; margin-right: 3px; }
.kur-kaynak { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); align-self: center; }

/* ── Düğmeler ────────────────────────────────────────────────────────── */
.dugme { display: inline-block; background: var(--vurgu); color: #0B0B0C; border: 0; font-family: var(--font-d); font-weight: 700; font-size: 14px; padding: 11px 18px; cursor: pointer; transition: transform .12s ease, background-color var(--gecis); }
.dugme:hover { background: #d3ff93; }
/* Gövde içindeki düğme bağlantısı: yazı rengi gövde bağlantı rengine (koyu temada lime) düşmesin */
.haber-govde a.dugme, .haber-govde a.dugme:hover { color: #0B0B0C; border-bottom: 0; }
.dugme:active { transform: translateY(1px) scale(.99); }
.dugme-buyuk { font-size: 16px; padding: 14px 26px; }
.cta-satir { margin-top: 28px; }
.tumu-bag { margin: 18px 0 0; font-family: var(--font-d); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }
.tumu-bag a { color: var(--signal); border-bottom: 1px solid var(--line-2); padding-bottom: 2px; }
.tumu-bag a:hover { border-bottom-color: var(--vurgu); }

/* ── Paylaş düğmeleri ────────────────────────────────────────────────── */
.haber-ust-alt { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.paylas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); max-width: var(--olcu); }
.paylas-etiket { font-family: var(--font-d); font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-right: 6px; }
.paylas a, .paylas button { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line-2); background: var(--bg); color: var(--ink-2); font-family: var(--font-d); font-size: 13px; padding: 8px 13px; cursor: pointer; border-radius: 999px; transition: color var(--gecis), border-color var(--gecis), background-color var(--gecis); }
.paylas a:hover, .paylas button:hover { color: var(--ink); border-color: var(--signal); background: var(--vurgu-yumusak); }
.paylas .kopyalandi { color: var(--signal); border-color: var(--signal); }
.paylas-kucuk { margin: 0; padding: 0; border: 0; max-width: none; }
.paylas-kucuk a, .paylas-kucuk button { padding: 6px 10px; font-size: 12px; }
.paylas-kucuk span { display: none; }

/* ── Sayfalama ───────────────────────────────────────────────────────── */
.sayfalama { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: clamp(28px, 4vw, 40px); padding-top: 18px; border-top: 1px solid var(--line); font-family: var(--font-d); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }
.sayfalama a { color: var(--signal); border-bottom: 1px solid var(--line-2); padding-bottom: 2px; }
.sayfalama a:hover { border-bottom-color: var(--vurgu); }
.sayfalama .pasif { color: var(--line-2); }
.sayfa-no { color: var(--muted); font-variant-numeric: tabular-nums; }

/* ── Yaklaşan fuarlar (panel) ────────────────────────────────────────── */
.panel-baslik-alt { margin-top: 26px; }
.etkinlik-liste { list-style: none; margin: 0; padding: 0; }
.etkinlik-liste li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 14px; }
.etkinlik-liste li:first-child { border-top: 0; }
.etkinlik-tarih { font-family: var(--font-d); font-size: 12px; color: var(--signal); letter-spacing: 0.04em; padding-top: 2px; }
.etkinlik-ad { color: var(--ink-2); display: grid; gap: 2px; }
.etkinlik-ad a { color: var(--ink); border-bottom: 1px solid var(--line-2); }
.etkinlik-ad a:hover { color: var(--signal); border-bottom-color: var(--vurgu); }
.etkinlik-ad small { font-size: 12px; color: var(--muted); }

/* ── Formlar: bülten ve hikâye ───────────────────────────────────────── */
.bal { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.abone-form { display: grid; gap: 10px; }
.abone-satir { display: flex; gap: 8px; }
.abone-satir input { flex: 1; min-width: 0; border: 1px solid var(--line-2); background: var(--bg); color: var(--ink); font: inherit; font-size: 15px; padding: 10px 14px; border-radius: 0; }
.abone-satir input:focus { border-color: var(--signal); outline: none; }
.abone-kvkk { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; color: var(--muted); line-height: 1.45; cursor: pointer; }
.abone-kvkk input { margin: 3px 0 0; accent-color: var(--vurgu); flex: none; }
.abone-kvkk a { color: var(--signal); border-bottom: 1px solid var(--line-2); }
.abone-kutu { margin-top: clamp(40px, 6vw, 64px); padding: clamp(20px, 3vw, 28px); background: var(--bg-2); border: 1px solid var(--line); max-width: var(--olcu); }
.abone-kutu > p { font-family: var(--font-s); color: var(--ink-2); margin: -6px 0 16px; font-size: 16px; }
.abone-sayfa { margin-top: 0; }
.alt-abone-baslik { margin-top: 26px; }
.alt-abone-not { margin-bottom: 12px; }
.abone-kucuk .abone-satir input { font-size: 14px; padding: 9px 12px; }
.abone-kucuk .dugme { font-size: 13px; padding: 9px 14px; }
.abone-kucuk .abone-kvkk { font-size: 12px; }

.hikaye-form { display: grid; gap: 16px; max-width: var(--olcu); margin-top: 8px; }
.hikaye-form label { display: grid; gap: 6px; font-family: var(--font-d); font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.hikaye-form label.abone-kvkk { display: flex; text-transform: none; letter-spacing: 0; }
.hikaye-form .istege { text-transform: none; letter-spacing: 0; font-family: var(--font-s); font-style: italic; }
.hikaye-form input, .hikaye-form textarea { border: 1px solid var(--line-2); background: var(--bg); color: var(--ink); font: inherit; font-size: 16px; padding: 10px 14px; border-radius: 0; text-transform: none; letter-spacing: 0; }
.hikaye-form textarea { font-family: var(--font-s); line-height: 1.6; resize: vertical; }
.hikaye-form input:focus, .hikaye-form textarea:focus { border-color: var(--signal); outline: none; }
.form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hikaye-form .dugme-buyuk { justify-self: start; }

/* ── Bilgi kutuları, reklam tablosu ──────────────────────────────────── */
.bilgi-kutu { margin-top: clamp(28px, 4vw, 44px); padding: clamp(18px, 3vw, 28px); background: var(--bg-2); border: 1px solid var(--line); max-width: var(--olcu); }
.bilgi-kutu .haber-govde p { font-size: 16.5px; }
.bilgi-basari { border-left: 3px solid var(--vurgu); }
.bilgi-hata { border-left: 3px solid #E5484D; }
.bilgi-kutu > p { margin: 0; font-family: var(--font-s); font-size: 17px; color: var(--ink); }
.alan-tablo { width: 100%; border-collapse: collapse; margin: 8px 0 28px; font-size: 15px; }
.alan-tablo th { text-align: left; font-family: var(--font-d); font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 400; padding: 0 12px 10px 0; border-bottom: 2px solid var(--line-2); }
.alan-tablo td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--ink-2); font-family: var(--font-s); }
.alan-tablo td:first-child { font-family: var(--font-d); font-weight: 700; color: var(--ink); white-space: nowrap; }
.alan-tablo tr:target td, .alan-tablo tr.secili td { background: var(--vurgu-yumusak); }

/* ── Uyarlanır haber düzeni (src/site/haberstil.js) ──────────────────────
   Bloklar: ara başlık, etiketli blok (Bağlam / Neden önemli / Sırada ne var), rakam kartları,
   karşılaştırma tablosu, alıntı, yöntem ve kaynaklar. Süslü ilk harf bu düzende yoktur. */
.haber-govde.duzen-u > p { margin-bottom: 22px; }
.ara-baslik { font-family: var(--font-d); font-size: clamp(20px, 2.4vw, 25px); line-height: 1.2; letter-spacing: -0.02em; font-weight: 700; margin: 34px 0 14px; text-wrap: balance; }
.hb { margin: 8px 0 26px; padding-top: 20px; border-top: 1px solid var(--line); }
.hb-etiket { font-family: var(--font-d); font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--signal); font-weight: 700; margin-bottom: 12px; }
.haber-govde .hb p { margin-bottom: 12px; }
.haber-govde .hb p:last-child { margin-bottom: 0; }

.rakam-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 4px 0 28px; }
.rakam-kart { background: var(--bg-2); border-top: 3px solid var(--vurgu); padding: 16px 18px 15px; }
.rk-sayi { font-family: var(--font-d); line-height: 1.05; color: var(--ink); }
.rk-sayi strong { font-size: clamp(27px, 3.6vw, 36px); font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.rk-on, .rk-birim { font-size: 12.5px; color: var(--muted); letter-spacing: 0.02em; }
.haber-govde p.rk-etiket { font-size: 14.5px; line-height: 1.45; color: var(--ink-2); margin: 10px 0 0; }

.veri-tablo-sar { overflow-x: auto; margin: 4px 0 28px; }
.veri-tablo { width: 100%; border-collapse: collapse; font-family: var(--font-d); font-size: 15px; font-variant-numeric: tabular-nums; }
.veri-tablo caption { text-align: left; font-size: 12px; color: var(--muted); padding-bottom: 8px; letter-spacing: 0.04em; }
.veri-tablo th, .veri-tablo td { padding: 10px 10px 10px 0; border-bottom: 1px solid var(--line); text-align: left; }
.veri-tablo thead th { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); border-bottom: 2px solid var(--ink); font-weight: 700; }
.veri-tablo tbody th { font-weight: 700; color: var(--ink); }
.veri-tablo .sayi { text-align: right; white-space: nowrap; padding-right: 0; padding-left: 10px; color: var(--ink-2); }
.veri-tablo.metinli td { font-family: var(--font-s); font-size: 15px; color: var(--ink-2); vertical-align: top; }
.veri-tablo td.arti { color: var(--signal); }
.veri-tablo td.eksi { color: #FF7A7A; }
@media (prefers-color-scheme: light) { :root:not([data-tema="koyu"]) .veri-tablo td.eksi { color: #C62A2F; } }
:root[data-tema="acik"] .veri-tablo td.eksi { color: #C62A2F; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Alıntı: konuşan DOM'da önce gelir (ekran okuyucu), görünüşte sözün altında durur */
.haber-alinti { display: flex; flex-direction: column; margin: 6px 0 28px; padding: 2px 0 2px 20px; border-left: 3px solid var(--vurgu); }
.haber-alinti blockquote { order: 1; margin: 0; }
.haber-alinti figcaption { order: 2; font-family: var(--font-d); font-size: 12.5px; color: var(--muted); margin-top: 10px; line-height: 1.4; }
.haber-alinti figcaption strong { display: block; color: var(--ink); font-size: 14px; }
.haber-govde .haber-alinti blockquote p { font-style: italic; margin: 0; }
.haber-govde .haber-alinti.guclu blockquote p { font-style: normal; font-size: clamp(20px, 2.5vw, 23px); line-height: 1.42; }

.yontem-kutu { background: var(--bg-2); padding: 18px 22px 16px; margin: 30px 0 0; max-width: var(--olcu); font-family: var(--font-s); }
.yontem-kutu h2 { font-family: var(--font-d); font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; }
.yontem-kutu p, .yontem-kutu li { font-size: 15px; line-height: 1.55; color: var(--ink-2); margin: 0 0 8px; }
.yontem-kutu ul { margin: 6px 0 0; padding-left: 18px; }
.yontem-kutu a { color: var(--signal); border-bottom: 1px solid var(--line-2); overflow-wrap: anywhere; }

@media (max-width: 620px) {
  /* Telefonda kart alçak satır olur: solda rakam, sağda açıklama */
  .rakam-kartlar { grid-template-columns: 1fr; gap: 8px; }
  .rakam-kart { display: grid; grid-template-columns: minmax(98px, 36%) minmax(0, 1fr); gap: 14px; align-items: center; border-top: 0; border-left: 3px solid var(--vurgu); padding: 12px 14px; }
  .rk-sayi strong { font-size: 24px; }
  .haber-govde p.rk-etiket { margin: 0; font-size: 14px; }
  .veri-tablo { font-size: 14px; }
  .veri-tablo th, .veri-tablo td { padding: 9px 6px 9px 0; }
  .haber-alinti { padding-left: 14px; }
}

/* ── Sayfa açılışında yumuşak belirme ────────────────────────────────── */
@keyframes belir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.vitrin > *, .izgara > .kart, .satir, .haber-ust, .haber-kapak, .haber-govde { animation: belir .55s cubic-bezier(.2, .7, .2, 1) both; }
.izgara > .kart:nth-child(2), .vitrin > :nth-child(2) { animation-delay: .07s; }
.izgara > .kart:nth-child(3) { animation-delay: .12s; }
.izgara > .kart:nth-child(4) { animation-delay: .17s; }
.izgara > .kart:nth-child(5) { animation-delay: .22s; }
.izgara > .kart:nth-child(6) { animation-delay: .27s; }
.haber-kapak { animation-delay: .08s; }
.haber-govde { animation-delay: .14s; }

/* ── Duyarlı ─────────────────────────────────────────────────────────── */
@media (max-width: 1000px) {
  .izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .izgara > .kart:first-child { grid-row: auto; }
  .izgara > .kart:first-child .kapak { flex: none; aspect-ratio: 16 / 9; min-height: 0; }   /* tek satır: sabit oran */
  .alt-ic { grid-template-columns: 1fr 1fr; }
  .alt-ic > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 1000px) {
  /* Şeridin sağ kenarı solar: devamı olduğu görülsün; hamburger tüm listeyi açar */
  .kat-kaydir { padding-right: 36px; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 44px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 44px), transparent); }
  .kat-menu { display: inline-flex; }
}
@media (max-width: 900px) {
  .vitrin, .alt-duzen { grid-template-columns: 1fr; gap: 34px; }
  /* Telefonda manşet fotoğrafı kırpılmaz: doğal oranında (stüdyo kapağı 4:5) tam görünür; en çok 4:5 */
  .vitrin .kart-buyuk .kapak { flex: none; aspect-ratio: auto; min-height: 0; }
  .vitrin .kart-buyuk .kapak img { position: static; height: auto; max-height: 125vw; object-fit: cover; }
  .vitrin .kart-buyuk .kapak.kapak-bos { aspect-ratio: 16 / 10; }
  .radar-panel { position: static; }
}
@media (max-width: 620px) {
  body { font-size: 16px; }
  .mast-ust { grid-template-columns: 1fr; justify-items: center; gap: 10px; text-align: center; padding-top: 18px; }
  .marka-logo { height: 42px; }
  .mast-tarih, .canli { justify-self: center; }
  .mast-tarih { display: none; }
  .mast-sag { justify-self: center; }
  .mast-sol { display: none; }
  .ara-form { padding-left: 4px; }
  .ara-form input { width: 96px; }
  .form-satir { grid-template-columns: 1fr; }
  .abone-satir { flex-direction: column; }
  .haber-ust-alt { flex-direction: column; align-items: flex-start; }
  .etkinlik-liste li { grid-template-columns: 84px minmax(0, 1fr); }
  .sd-etiket { padding-left: 16px; padding-right: 14px; }
  .kat-kaydir { gap: 18px; padding-top: 11px; padding-bottom: 10px; }
  .izgara { grid-template-columns: 1fr; }
  .izgara > .kart:first-child { grid-column: auto; }
  .izgara .kart:hover { transform: none; }
  .kart-kucuk { grid-template-columns: 100px minmax(0, 1fr); }
  /* Dar ekranda başlık kapağın üstüne sığmaz: kapağın altına iner, temanın rengini alır */
  .kapak-yazi { position: static; background: none; padding: 14px 0 0; }
  .kapak-yazi, .kapak-yazi .manset-baslik, .kapak-yazi .kart-baslik { color: var(--ink); }
  .kapak-yazi .manset-spot { color: var(--ink-2); }
  .kapak-yazi .meta, .kapak-yazi .meta time { color: var(--muted); }
  /* Başlık zeminin üstünde değil, sayfada: vurgu rengi temaya göre okunur olan (--signal) */
  .kapak-bag:hover .manset-baslik, .kapak-bag:hover .kart-baslik { color: var(--signal); }
  .satir { grid-template-columns: 1fr; gap: 0; }
  .satir-no { display: none; }
  .haber-govde p { font-size: 18px; }
  .haber-govde p.giris { font-size: 19px; }
  .alt-ic { grid-template-columns: 1fr; gap: 26px; }
  .alt-ic > :first-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .canli i, .bos-radar span, .sd-kayan { animation: none; }
  .vitrin > *, .izgara > .kart, .satir, .haber-ust, .haber-kapak, .haber-govde { animation: none; }
  .sd-pencere { overflow-x: auto; }
  html { scroll-behavior: auto; }
  * { transition-duration: .01ms !important; }
}

@media print {
  body { background: #fff; color: #000; }
  body::before { display: none; }
  .mast, .alt, .radar-panel, .sondakika, .tf-kutu, .kule { display: none; }
}

/* ── İmza, güncelleme saati, künye, tercih edilen kaynak ───────────────── */
.meta-haber { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.meta-haber .imza a { color: var(--ink); font-weight: 600; }
.meta-haber .imza a:hover { color: var(--signal); }
.meta-haber .guncel { color: var(--muted); }
.kunye-tablo th { width: 34%; white-space: normal; padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.kunye-tablo td a { overflow-wrap: anywhere; }
.tercih { margin: 18px 0 0; font-family: var(--font-d); font-size: 13px; }
.tercih a { color: var(--muted); border-bottom: 1px solid var(--line-2); }
.tercih a:hover { color: var(--signal); border-color: var(--signal); }