/* Rootline tasarım sistemi — editoryal

   Bir teknoloji yayını gibi: kâğıt zemin, serif manşetler, ince ayrım
   çizgileri, az ama kararlı kullanılan derin yeşil.

   Ana fikir değişmedi: BİLDİKLERİN VE BİLMEDİKLERİN. Henüz işaretlemediğin
   terim, metinde kalemle işaretlenmiş gibi durur — "burada öğrenilecek bir
   şey var" der. Öğrendiğin terim sakinleşir. Okudukça sayfa yatışır.

   Dış kaynak yok: üç yazı tipi de kendi sunucumuzda (Inter, JetBrains Mono,
   Newsreader — OFL lisansları assets/fonts altında). Ziyaretçi IP'si üçüncü
   tarafa gitmiyor. */

@font-face{
  font-family:"Mono"; src:url("/assets/fonts/mono-latin.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Mono"; src:url("/assets/fonts/mono-latin-ext.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter"; src:url("/assets/fonts/inter-latin.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter"; src:url("/assets/fonts/inter-latin-ext.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Manset serifi: Newsreader — haber tipografisi icin cizilmis. */
@font-face{
  font-family:"Gazete"; src:url("/assets/fonts/gazete-latin-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Gazete"; src:url("/assets/fonts/gazete-latin-ext-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Gazete"; src:url("/assets/fonts/gazete-latin-600.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Gazete"; src:url("/assets/fonts/gazete-latin-ext-600.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Gazete"; src:url("/assets/fonts/gazete-latin-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Gazete"; src:url("/assets/fonts/gazete-latin-ext-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF;
}

/* ---- Belirteçler --------------------------------------------------------
   Kâğıt ve mürekkep. Zemin saf beyaz değil, hafif sıcak; koyu tema gece
   baskısı gibi sıcak bir koyuluk. Yeşil az yerde ama kararlı. */
:root{
  color-scheme:light;

  --zemin:#F9F6EF;
  --yuzey:#F2EEE2;
  --yuzey2:#EAE4D3;
  --yuzey3:#DFD8C3;

  --cizgi:rgba(34,31,24,.13);
  --cizgi-guclu:rgba(34,31,24,.26);

  --parlak:#221F18;
  --metin:#3B372C;
  --soluk:#655F51;
  --soluk2:#7E7767;

  --fosfor:#2F6B3F;
  --fosfor-vurgu:#24542F;
  --fosfor-zemin:rgba(47,107,63,.10);
  --fosfor-kenar:rgba(47,107,63,.32);
  /* Kalem isareti: metindeki bilinmeyen terimin altindaki boya. */
  --isaret:rgba(111,168,96,.30);

  --kehribar:#8A6205;
  --mercan:#B23A2A;
  --gok:#14657E;

  --logo-kok:#2F6B3F;
  --logo-cizgi:#C4BCA4;

  --serif:"Gazete",Georgia,"Times New Roman",serif;
  --mono:"Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --metin-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

  --r-sm:6px;
  --r:10px;
  --r-lg:14px;
  --r-tam:999px;

  --hiz:.16s;
  --egri:cubic-bezier(.2,.6,.3,1);

  --golge:0 1px 2px rgba(34,31,24,.06), 0 10px 28px -14px rgba(34,31,24,.22);

  --govde-genislik:600px;
  --raf-genislik:290px;
}

@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]){
    color-scheme:dark;
    --zemin:#16140E; --yuzey:#1D1A12; --yuzey2:#242017; --yuzey3:#2D281C;
    --cizgi:rgba(240,235,220,.10); --cizgi-guclu:rgba(240,235,220,.22);
    --parlak:#F0EBDC; --metin:#CFC9B7; --soluk:#9A927D; --soluk2:#7E7663;
    --fosfor:#86C58E; --fosfor-vurgu:#A6D9AC;
    --fosfor-zemin:rgba(134,197,142,.10); --fosfor-kenar:rgba(134,197,142,.30);
    --isaret:rgba(134,197,142,.20);
    --kehribar:#D9A93F; --mercan:#E07A6B; --gok:#6FB9CE;
    --logo-kok:#86C58E; --logo-cizgi:#4A4433;
    --golge:0 1px 2px rgba(0,0,0,.45), 0 12px 30px -14px rgba(0,0,0,.75);
  }
}
:root[data-tema="koyu"]{
  color-scheme:dark;
  --zemin:#16140E; --yuzey:#1D1A12; --yuzey2:#242017; --yuzey3:#2D281C;
  --cizgi:rgba(240,235,220,.10); --cizgi-guclu:rgba(240,235,220,.22);
  --parlak:#F0EBDC; --metin:#CFC9B7; --soluk:#9A927D; --soluk2:#7E7663;
  --fosfor:#86C58E; --fosfor-vurgu:#A6D9AC;
  --fosfor-zemin:rgba(134,197,142,.10); --fosfor-kenar:rgba(134,197,142,.30);
  --isaret:rgba(134,197,142,.20);
  --kehribar:#D9A93F; --mercan:#E07A6B; --gok:#6FB9CE;
  --logo-kok:#86C58E; --logo-cizgi:#4A4433;
  --golge:0 1px 2px rgba(0,0,0,.45), 0 12px 30px -14px rgba(0,0,0,.75);
}

*{box-sizing:border-box;}
[hidden]{display:none !important;}

body{
  margin:0; background:var(--zemin); color:var(--metin);
  font-family:var(--metin-font); font-size:15px; line-height:1.58;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;}

.ic{
  width:1em; height:1em; flex:none; fill:none; stroke:currentColor;
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
  vertical-align:-.14em;
}

.atla{
  position:absolute; left:-9999px; top:0; z-index:100;
  padding:11px 18px; background:var(--fosfor); color:#fff;
  border-radius:0 0 var(--r-sm) 0; font-weight:600;
}
.atla:focus{left:0;}

/* ---- Manşet çubuğu ------------------------------------------------------
   Gazete başlığı gibi: marka serif, bölümler küçük harfli etiketler,
   altında net bir ayrım çizgisi. Kaydırmada yapışır. */
.tepe{
  position:sticky; top:0; z-index:20;
  background:color-mix(in srgb, var(--zemin) 92%, transparent);
  backdrop-filter:saturate(1.2) blur(12px);
  border-bottom:1px solid var(--cizgi-guclu);
}
.tepe-ic{
  max-width:calc(var(--govde-genislik) + var(--raf-genislik) + 88px);
  margin:0 auto; padding:0 20px;
  display:flex; align-items:center; gap:28px; min-height:60px;
}

.marka{display:inline-flex; align-items:center; gap:9px; text-decoration:none; flex:none; color:var(--parlak);}
.logo{width:26px; height:26px; display:block;}
.marka-ad{
  font-family:var(--serif); font-size:21px; font-weight:700;
  color:var(--parlak); letter-spacing:-.01em;
}

.bolumler{display:flex; gap:20px; flex:1;}
.bolum{
  display:inline-flex; align-items:center; gap:6px;
  padding:19px 2px 17px; position:relative;
  font-size:12.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
  color:var(--soluk); text-decoration:none;
  transition:color var(--hiz) var(--egri);
}
.bolum .ic{font-size:14px; opacity:.8;}
.bolum:hover{color:var(--parlak);}
.bolum.active{color:var(--parlak);}
.bolum.active::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px;
  height:2px; background:var(--fosfor);
}

.tepe-sag{display:flex; align-items:center; gap:18px; flex:none;}

.oturum{display:flex; align-items:center; gap:11px;}
.oturum-bag{
  color:var(--soluk); text-decoration:none; font-size:13.5px;
  display:inline-flex; align-items:center;
  transition:color var(--hiz) var(--egri);
}
.oturum-bag:hover{color:var(--parlak);}
.oturum-ben{display:inline-flex; align-items:center; gap:7px; text-decoration:none;}
.oturum-handle{font-size:13px; color:var(--soluk);}
.oturum-ben:hover .oturum-handle{color:var(--parlak);}

.tema-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; padding:0; border-radius:var(--r-tam);
  background:none; border:1px solid var(--cizgi-guclu); color:var(--soluk);
  cursor:pointer; font-size:14px;
  transition:background var(--hiz) var(--egri), color var(--hiz) var(--egri);
}
.tema-btn:hover{background:var(--yuzey2); color:var(--parlak);}
.tema-btn .tema-ay{display:none;}
:root[data-tema="acik"] .tema-btn .tema-gunes{display:none;}
:root[data-tema="acik"] .tema-btn .tema-ay{display:inline-flex;}

/* ---- Kur şeridi: borsa bandı gibi mono ---------------------------------- */
.durum{display:flex; align-items:center; gap:12px; font-family:var(--mono); font-size:11.5px; color:var(--soluk);}
.durum-oge{display:inline-flex; align-items:baseline; gap:5px;}
.durum-etiket{font-size:10px; color:var(--soluk2); letter-spacing:.05em;}
.durum-deger{color:var(--parlak); font-variant-numeric:tabular-nums; font-weight:600;}
.durum-kaynak{display:none;}
.durum-ayrac{width:3px; height:3px; border-radius:50%; background:var(--cizgi-guclu);}

/* ---- Sayfa ızgarası ------------------------------------------------------ */
.sayfa{
  max-width:calc(var(--govde-genislik) + var(--raf-genislik) + 88px);
  margin:0 auto; padding:0 20px 72px;
  display:grid; gap:48px;
  grid-template-columns:minmax(0, var(--govde-genislik)) var(--raf-genislik);
  align-items:start;
}
.govde{min-width:0;}
.raf{position:sticky; top:84px; display:flex; flex-direction:column; gap:26px; padding-top:24px;}

/* Raf blokları: kutu değil, gazete sütunu — üstte mürekkep çizgisi. */
.raf-blok{border-top:2px solid var(--parlak); padding-top:12px;}
.raf-baslik{
  display:flex; align-items:center; gap:8px; margin:0 0 12px;
  font-size:11.5px; font-weight:700; color:var(--parlak);
  text-transform:uppercase; letter-spacing:.11em;
}
.raf-sayi{
  padding:1px 7px; border-radius:var(--r-tam);
  background:var(--yuzey2); color:var(--soluk); font-size:11px; letter-spacing:0;
}
.raf-liste{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.raf-terim{
  display:inline-flex; align-items:center; gap:5px;
  padding:4px 10px; border-radius:var(--r-sm);
  font-family:var(--mono); font-size:12px; text-decoration:none; cursor:pointer;
  transition:background var(--hiz) var(--egri), color var(--hiz) var(--egri);
}
.raf-terim.yeni{background:var(--isaret); color:var(--parlak); font-weight:600;}
.raf-terim.yeni:hover{background:var(--fosfor); color:var(--zemin);}
.raf-terim.bilinen{color:var(--soluk2); background:transparent;}
.raf-terim.bilinen:hover{color:var(--parlak);}
.raf-terim-ad{display:inline-block;}
.raf-tik{font-size:11px; opacity:.6;}

.ilerleme{display:block;}
.ilerleme-cubuk{height:5px; border-radius:var(--r-tam); background:var(--yuzey2); overflow:hidden;}
.ilerleme-dolu{height:100%; background:var(--fosfor); border-radius:var(--r-tam); transition:width .4s var(--egri);}
.ilerleme-not{margin:9px 0 0; font-size:12.5px; color:var(--soluk);}
.ilerleme-not strong{color:var(--parlak);}
.raf-tanitim p{margin:0 0 10px; font-size:13px; line-height:1.6; color:var(--soluk);}
.raf-tanitim .btn{width:100%; justify-content:center; margin-top:4px;}

/* ---- Akış ---------------------------------------------------------------- */
.akis{display:flex; flex-direction:column;}
.gonderi{padding:20px 0; border-bottom:1px solid var(--cizgi);}
.gonderi-kisi{display:flex; gap:12px;}
.gonderi-govde{flex:1; min-width:0;}

.avatar{
  width:38px; height:38px; border-radius:var(--r-tam);
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--yuzey3); color:var(--parlak);
  font-family:var(--serif); font-weight:700; font-size:16px;
}
.avatar-kucuk{width:26px; height:26px; font-size:12px;}
.gonderi-avatar{flex:none; text-decoration:none;}

.gonderi-ust{display:flex; align-items:center; gap:5px; flex-wrap:wrap; font-size:13.5px; margin-bottom:4px;}
.gonderi-ad{color:var(--parlak); font-weight:600; text-decoration:none;}
.gonderi-ad:hover{text-decoration:underline;}
.gonderi-onay{color:var(--fosfor); font-size:13px;}
.gonderi-handle, .gonderi-zaman, .gonderi-nokta{color:var(--soluk2); font-size:12.5px;}
.rozet-sponsor{
  margin-left:auto; padding:2px 8px; border-radius:var(--r-sm);
  background:var(--yuzey2); color:var(--soluk2); font-size:10px;
  text-transform:uppercase; letter-spacing:.06em;
}

.gonderi-metin{
  font-size:15px; line-height:1.65; color:var(--metin);
  overflow-wrap:anywhere; white-space:pre-wrap;
}

/* ---- Gündem: gazete manşeti dili ----------------------------------------
   Kutu yok; üstte yeşil bir bölüm etiketi, serif manşet, altında aktarım.
   Kullanıcı gönderisiyle bir bakışta ayrışır. */
.gonderi-haber{padding:24px 0;}
.haber-ust{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:8px;}
.haber-etiket{
  font-size:11px; font-weight:700; color:var(--fosfor);
  text-transform:uppercase; letter-spacing:.11em;
}
.haber-kaynak{
  font-size:11px; color:var(--soluk2);
  text-transform:uppercase; letter-spacing:.08em;
}
.haber-baslik{
  margin:0 0 8px;
  font-family:var(--serif); font-size:23px; font-weight:700;
  line-height:1.28; letter-spacing:-.012em; color:var(--parlak);
  text-wrap:balance;
}
.haber-baslik a{color:inherit; text-decoration:none;}
.haber-baslik a:hover{color:var(--fosfor-vurgu); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px;}
.haber-cikis{
  display:inline-flex; align-items:center; gap:6px; margin-top:11px;
  font-size:12.5px; font-weight:550; color:var(--fosfor); text-decoration:none;
}
.haber-cikis:hover{text-decoration:underline;}

/* ---- TERİM: kalemle işaretlenmiş gibi -----------------------------------
   Bilinmeyen terimin altında yeşil bir boya izi durur — biri senin için
   önemli yerin altını çizmiş gibi. Öğrendiğinde iz silinir, geriye ince
   noktalı bir çizgi kalır. Okudukça sayfa yatışır. */
.terim{
  text-decoration:none; cursor:pointer;
  transition:background-size var(--hiz) var(--egri), color var(--hiz) var(--egri);
}
.terim-yeni{
  color:var(--parlak); font-weight:550;
  background-image:linear-gradient(var(--isaret), var(--isaret));
  background-repeat:no-repeat;
  background-size:100% 42%;
  background-position:0 92%;
  padding:0 2px; margin:0 -2px;
  box-decoration-break:clone; -webkit-box-decoration-break:clone;
  border-radius:2px;
}
.terim-yeni:hover{background-size:100% 100%;}
.terim-bilinen{color:inherit; border-bottom:1px dotted var(--cizgi-guclu);}
.terim-bilinen:hover{color:var(--fosfor); border-bottom-color:var(--fosfor-kenar);}

/* ---- Eylemler ------------------------------------------------------------ */
.gonderi-eylem{display:flex; align-items:center; gap:20px; margin-top:12px;}
.gonderi-kisi .gonderi-eylem{margin-left:50px;}
.eylem-haber{margin-top:13px;}
.gonderi-eylem form{display:inline;}
.eylem{
  display:inline-flex; align-items:center; gap:6px;
  background:none; border:none; padding:0; cursor:pointer;
  color:var(--soluk2); font-family:inherit; font-size:13px; text-decoration:none;
  transition:color var(--hiz) var(--egri);
}
.eylem:hover{color:var(--fosfor);}
.eylem.begenili{color:var(--fosfor);}
.eylem .ic{font-size:16px;}

/* ---- Terim kartı --------------------------------------------------------- */
.terim-kart{
  position:absolute; z-index:60;
  padding:16px 17px; border-radius:var(--r-lg);
  background:var(--zemin); border:1px solid var(--cizgi-guclu);
  box-shadow:var(--golge);
}
.tk-ust{display:flex; align-items:center; gap:9px; margin-bottom:8px;}
.tk-ad{font-family:var(--mono); font-size:14.5px; font-weight:700; color:var(--parlak);}
.tk-kategori{padding:2px 8px; border-radius:var(--r-sm); background:var(--yuzey2); color:var(--soluk2); font-size:10.5px;}
.tk-kapat{margin-left:auto; background:none; border:none; padding:2px; cursor:pointer; color:var(--soluk2); font-size:15px; display:inline-flex;}
.tk-kapat:hover{color:var(--mercan);}
.tk-tanim{margin:0 0 8px; font-size:13.5px; line-height:1.6; color:var(--metin);}
.tk-amac{margin:0; font-size:12.5px; line-height:1.6; color:var(--soluk);}
.tk-dip{display:flex; align-items:center; gap:12px; margin-top:12px; padding-top:11px; border-top:1px solid var(--cizgi); font-size:12.5px;}
.tk-bilinen{display:inline-flex; align-items:center; gap:5px; color:var(--fosfor);}
.tk-git{margin-left:auto; color:var(--fosfor); text-decoration:none; font-weight:550;}
.tk-git:hover{text-decoration:underline;}
.tk-yukleniyor{margin:0; font-size:13px; color:var(--soluk2);}

/* ---- Yazma kutusu -------------------------------------------------------- */
.yazma{padding:20px 0 16px; border-bottom:1px solid var(--cizgi);}
.yazma-satir{display:flex; gap:12px;}
.yazma textarea{
  flex:1; min-width:0; resize:vertical; background:none; border:none; outline:none;
  color:var(--parlak); font-family:inherit; font-size:16px; line-height:1.55; padding:8px 0;
}
.yazma textarea::placeholder{color:var(--soluk2);}
.yazma-alt{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; padding-left:50px;}
.yazma-ipucu{font-size:12px; color:var(--soluk2);}

/* ---- Butonlar ------------------------------------------------------------ */
.btn{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 16px; border-radius:var(--r-sm);
  background:transparent; color:var(--parlak); border:1px solid var(--cizgi-guclu);
  font-family:inherit; font-size:13.5px; font-weight:550;
  cursor:pointer; text-decoration:none;
  transition:background var(--hiz) var(--egri), border-color var(--hiz) var(--egri), color var(--hiz) var(--egri);
}
.btn:hover{background:var(--yuzey2);}
.btn-birincil, .birincil-btn{
  background:var(--fosfor); color:var(--zemin); border:1px solid var(--fosfor);
  font-weight:600; justify-content:center;
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 16px; border-radius:var(--r-sm);
  font-family:inherit; font-size:13.5px; cursor:pointer; text-decoration:none;
  transition:background var(--hiz) var(--egri);
}
.btn-birincil:hover, .birincil-btn:hover{background:var(--fosfor-vurgu); color:var(--zemin); border-color:var(--fosfor-vurgu);}
.btn-kucuk{padding:7px 13px; font-size:13px;}

/* ---- Sözlük -------------------------------------------------------------- */
.toolbar{display:flex; gap:9px; align-items:center; margin:24px 0 14px;}
.search-wrap{
  flex:1; display:flex; align-items:center; gap:9px;
  padding:10px 15px; border-radius:var(--r-sm);
  background:var(--zemin); border:1px solid var(--cizgi-guclu);
  transition:border-color var(--hiz) var(--egri);
}
.search-wrap:focus-within{border-color:var(--fosfor);}
.search-wrap .ic{color:var(--soluk2); font-size:16px;}
.search-wrap input{flex:1; background:none; border:none; outline:none; color:var(--parlak); font-family:inherit; font-size:14px;}
.search-wrap input::placeholder{color:var(--soluk2);}

.chips{display:flex; gap:7px; flex-wrap:wrap; margin-bottom:16px;}
.chip{
  padding:5px 12px; border-radius:var(--r-sm);
  background:transparent; color:var(--soluk); border:1px solid var(--cizgi);
  font-size:12.5px; text-decoration:none; white-space:nowrap;
  transition:all var(--hiz) var(--egri);
}
.chip:hover{border-color:var(--cizgi-guclu); color:var(--parlak);}
.chip.active{background:var(--parlak); color:var(--zemin); border-color:var(--parlak);}

.meta{display:flex; gap:16px; align-items:center; font-size:12.5px; color:var(--soluk2); margin-bottom:14px;}

.grid{display:flex; flex-direction:column; gap:0;}
.card{
  padding:20px 0; border-radius:0;
  background:transparent; border-bottom:1px solid var(--cizgi);
}
.card.learned .term::after{
  content:"✓"; margin-left:8px; font-family:var(--metin-font);
  font-size:12px; color:var(--fosfor);
}
.card-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px;}
.term{margin:0; font-family:var(--mono); font-size:16px; font-weight:700; color:var(--parlak);}
.cat{font-size:10.5px; color:var(--soluk2); text-transform:uppercase; letter-spacing:.08em; white-space:nowrap;}
.def{margin:0 0 12px; font-size:14.5px; line-height:1.62; color:var(--metin);}
.alan{margin-top:12px;}
.alan-baslik{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10.5px; font-weight:700; color:var(--soluk2);
  text-transform:uppercase; letter-spacing:.09em;
}
.alan-baslik .ic{color:var(--fosfor); opacity:.8;}
.alan p{margin:5px 0 0; font-size:13.5px; line-height:1.62; color:var(--soluk);}
.pills{display:flex; gap:6px; flex-wrap:wrap; margin-top:11px;}
.pill{padding:3px 10px; border-radius:var(--r-sm); background:var(--fosfor-zemin); color:var(--fosfor-vurgu); font-size:11.5px; white-space:nowrap; text-decoration:none;}
a.pill:hover{background:var(--fosfor); color:var(--zemin);}

.notice{
  display:flex; align-items:center; gap:10px;
  padding:15px 17px; margin:18px 0; border-radius:var(--r);
  background:var(--yuzey); border:1px solid var(--cizgi);
  font-size:13.5px; color:var(--soluk);
}
.notice .ic{color:var(--fosfor); font-size:17px;}
.notice a{color:var(--fosfor); font-weight:550; text-decoration:none;}
.notice a:hover{text-decoration:underline;}

.bolum-baslik{
  display:flex; align-items:baseline; gap:10px; margin:30px 0 4px;
  padding-top:12px; border-top:2px solid var(--parlak);
  font-size:12px; font-weight:700; color:var(--parlak);
  text-transform:uppercase; letter-spacing:.1em;
}
.bolum-not{font-size:12px; font-weight:400; color:var(--soluk2); text-transform:none; letter-spacing:0;}
.terim-detay{margin-top:20px; border-bottom:none;}
.terim-detay .term{font-size:22px;}
.terim-alt{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:16px; padding-top:14px; border-top:1px solid var(--cizgi);}
.terim-sayac{font-size:12.5px; color:var(--soluk2);}

/* ---- Profil -------------------------------------------------------------- */
.profil{padding:26px 0 18px; border-bottom:1px solid var(--cizgi);}
.profil-ust{display:flex; align-items:flex-start; justify-content:space-between; gap:14px;}
.profil-avatar{
  width:64px; height:64px; border-radius:var(--r-tam);
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--yuzey3); color:var(--parlak);
  font-family:var(--serif); font-size:28px; font-weight:700;
}
.profil-ad{margin:14px 0 0; font-family:var(--serif); font-size:24px; font-weight:700; color:var(--parlak); letter-spacing:-.01em;}
.profil-handle{margin:2px 0 0; font-size:14px; color:var(--soluk2);}
.profil-bio{margin:11px 0 0; font-size:14.5px; line-height:1.62; color:var(--metin);}
.profil-sayilar{display:flex; gap:20px; margin-top:14px; font-size:13.5px; color:var(--soluk);}
.profil-sayilar strong{color:var(--parlak); font-weight:650;}

.ogrenme{margin-top:4px;}
.ogrenme-liste{display:flex; flex-direction:column; gap:9px; margin-top:12px;}
.ogrenme-satir{display:flex; align-items:center; gap:12px; font-size:13px;}
.ogrenme-ad{flex:0 0 118px; color:var(--soluk);}
.ogrenme-cubuk{flex:1; height:5px; border-radius:var(--r-tam); background:var(--yuzey2); overflow:hidden;}
.ogrenme-dolu{height:100%; background:var(--fosfor); border-radius:var(--r-tam);}
.ogrenme-sayi{flex:0 0 48px; text-align:right; color:var(--soluk2); font-variant-numeric:tabular-nums; font-size:12.5px;}

/* ---- Kimlik ekranları ---------------------------------------------------- */
.kimlik-kart{
  max-width:400px; margin:40px auto 0; padding:30px 28px;
  background:var(--zemin); border:1px solid var(--cizgi-guclu); border-radius:var(--r-lg);
  box-shadow:var(--golge);
}
.kimlik-baslik{margin:0 0 7px; font-family:var(--serif); font-size:24px; font-weight:700; color:var(--parlak);}
.kimlik-not{margin:0 0 20px; font-size:13.5px; color:var(--soluk); line-height:1.6;}
.kimlik-form{display:flex; flex-direction:column;}
.alan-etiket{margin-top:14px; font-size:12.5px; color:var(--soluk); font-weight:550;}
.alan-girdi{
  width:100%; padding:11px 13px; margin-top:6px;
  background:var(--zemin); color:var(--parlak);
  border:1px solid var(--cizgi-guclu); border-radius:var(--r-sm);
  font-family:inherit; font-size:14.5px;
  transition:border-color var(--hiz) var(--egri);
}
.alan-girdi::placeholder{color:var(--soluk2);}
.alan-girdi:focus{outline:none; border-color:var(--fosfor);}
.alan-girdi.hatali{border-color:var(--mercan);}
.alan-hata{margin-top:6px; font-size:12.5px; color:var(--mercan); line-height:1.5;}
.alan-onay{display:flex; align-items:center; gap:8px; margin-top:16px; font-size:13.5px; color:var(--soluk); cursor:pointer;}
.kimlik-form .birincil-btn{margin-top:20px; padding:12px 16px; font-size:14.5px;}
.kimlik-ayrac{display:flex; align-items:center; gap:13px; margin:22px 0 16px; font-size:12px; color:var(--soluk2);}
.kimlik-ayrac::before, .kimlik-ayrac::after{content:""; flex:1; height:1px; background:var(--cizgi);}
.kimlik-sosyal{display:flex; flex-direction:column; gap:9px;}
.kimlik-sosyal .btn{justify-content:center; padding:11px 16px;}
.kimlik-alt{margin:20px 0 0; text-align:center; font-size:13px; color:var(--soluk);}
.kimlik-alt a{color:var(--fosfor); font-weight:550; text-decoration:none;}
.kimlik-alt a:hover{text-decoration:underline;}

/* ---- Şikâyet -------------------------------------------------------------
   Form, eylem satırının içinde açılırsa esnek düzeni itip karta biniyordu.
   Bu yüzden açılır kart olarak konumlanıyor: satırı bozmuyor, üstte duruyor. */
.sikayet{margin-left:auto; position:relative;}
.sikayet summary{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--soluk2); font-size:12.5px; cursor:pointer; list-style:none;
  transition:color var(--hiz) var(--egri);
}
.sikayet summary::-webkit-details-marker{display:none;}
.sikayet summary:hover, .sikayet[open] summary{color:var(--mercan);}
.sikayet-form{
  position:absolute; right:0; top:calc(100% + 8px); z-index:30;
  width:min(320px, calc(100vw - 32px));
  padding:14px 15px; border-radius:var(--r);
  background:var(--zemin); border:1px solid var(--cizgi-guclu);
  box-shadow:var(--golge);
  display:flex; flex-direction:column;
}
.sikayet-form .alan-etiket:first-child{margin-top:0;}
.sikayet-form select.alan-girdi{appearance:none; cursor:pointer;}
.sikayet-form textarea.alan-girdi{resize:vertical; min-height:70px;}
.sikayet-gonder{margin-top:14px; justify-content:center;}
.sikayet-gonder:hover{color:var(--mercan); border-color:color-mix(in srgb, var(--mercan) 45%, transparent);}

/* Dar ekranda sağa değil sola hizalanır; taşmayı önler. */
@media (max-width:520px){
  .sikayet-form{right:auto; left:0;}
}


/* ---- Yönetim ------------------------------------------------------------- */
.telif-uyari{
  display:flex; gap:12px; align-items:flex-start;
  padding:15px 17px; margin:18px 0; border-radius:var(--r);
  background:color-mix(in srgb, var(--kehribar) 9%, transparent);
  border:1px solid color-mix(in srgb, var(--kehribar) 34%, transparent);
  font-size:13px; line-height:1.6; color:var(--metin);
}
.telif-uyari .ic{color:var(--kehribar); font-size:18px; flex:none; margin-top:1px;}
.telif-uyari strong{color:var(--parlak); display:block; margin-bottom:2px;}
.aday-liste{display:flex; flex-direction:column; gap:11px;}
.aday{padding:16px 18px; border-radius:var(--r); background:var(--yuzey); border:1px solid var(--cizgi);}
.aday-ust{display:flex; align-items:center; gap:11px; flex-wrap:wrap; margin-bottom:11px; font-size:12px; color:var(--soluk2);}
.aday-kaynak, .aday-tarih{display:inline-flex; align-items:center; gap:5px; text-decoration:none; color:inherit;}
.aday-ham{padding-left:13px; border-left:2px solid var(--cizgi-guclu); color:var(--soluk);}
.aday-ham h3{margin:0 0 6px; font-size:14.5px; font-weight:600; color:var(--metin); line-height:1.45;}
.aday-ham p{margin:0; font-size:13px; line-height:1.6;}
.aday-ham-tam{margin-bottom:6px;}
.aday-eylem{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px;}
.aday-eylem form{display:inline;}
.aday-eylem .btn{padding:7px 13px; font-size:12.5px;}
.aday-red:hover{color:var(--mercan); border-color:color-mix(in srgb, var(--mercan) 45%, transparent);}
.yaz-form{max-width:none; margin-top:6px;}
.yaz-not{margin:12px 0 0; font-size:12.5px; color:var(--soluk2); line-height:1.55;}
.sikayet-kayit .sikayet{display:none;}
.sikayet-icerik{margin-top:13px; padding:2px 14px; border-radius:var(--r-sm); background:var(--zemin); border:1px solid var(--cizgi);}
.sikayet-icerik .gonderi{border-bottom:none;}
.sikayet-yok, .sikayet-hedef{padding:13px 0; margin:0; font-size:13.5px; color:var(--soluk);}
.sikayet-hedef a{color:var(--fosfor); text-decoration:none;}
.karar-form{margin-top:14px;}
.karar-dugmeler{display:flex; gap:8px; flex-wrap:wrap; margin-top:11px;}
.karar-dugmeler .btn{padding:8px 14px; font-size:12.5px;}
.karar-kaldir:hover{color:var(--mercan); border-color:color-mix(in srgb, var(--mercan) 45%, transparent);}
.karar-askiya:hover{color:var(--kehribar); border-color:color-mix(in srgb, var(--kehribar) 45%, transparent);}
.kayit-liste{display:flex; flex-direction:column; gap:1px; margin-top:6px;}
.kayit{display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:11px 13px; background:var(--yuzey); font-size:12.5px; color:var(--soluk);}
.kayit-zaman{color:var(--soluk2); font-variant-numeric:tabular-nums; flex:none;}
.kayit-eylem{color:var(--parlak); font-family:var(--mono); font-size:11.5px;}
.kayit-kisi{color:var(--fosfor);}
.kayit-veri{color:var(--soluk2); font-size:11.5px; overflow-wrap:anywhere; flex:1; min-width:0;}
.kayit form{display:inline;}
.kayit-geri{background:none; border:1px solid var(--cizgi-guclu); border-radius:var(--r-sm); padding:4px 11px; color:var(--soluk); font-family:inherit; font-size:11.5px; cursor:pointer;}
.kayit-geri:hover{color:var(--fosfor); border-color:var(--fosfor-kenar);}

/* ---- Künye --------------------------------------------------------------- */
.kunye{margin-top:18px; padding:20px 0; border-bottom:1px solid var(--cizgi); background:transparent; border-radius:0;}
.kunye-baslik{margin:0 0 12px; font-family:var(--serif); font-size:20px; font-weight:700; color:var(--parlak);}
.kunye-metin{margin:0 0 12px; font-size:14px; line-height:1.68; color:var(--metin);}
.kunye-metin:last-child{margin-bottom:0;}
.kunye-liste{display:grid; grid-template-columns:auto 1fr; gap:8px 18px; margin:0; font-size:14px;}
.kunye-liste dt{color:var(--soluk2); font-size:12.5px;}
.kunye-liste dd{margin:0; color:var(--metin);}
.kunye-liste a{color:var(--fosfor); text-decoration:none;}
.kunye-adim{margin:0 0 14px; padding-left:20px; font-size:14px; line-height:1.72; color:var(--metin);}
.kunye-adim li{margin-bottom:9px;}
.kunye-adim strong{color:var(--parlak);}
.kunye code{padding:1px 6px; border-radius:4px; background:var(--yuzey2); font-family:var(--mono); font-size:12.5px; color:var(--parlak);}

/* ---- Sayfalama ----------------------------------------------------------- */
.sayfalama{display:flex; align-items:center; justify-content:center; gap:14px; margin-top:24px; font-size:13.5px;}
.sayfalama-btn{padding:8px 15px; border-radius:var(--r-sm); border:1px solid var(--cizgi-guclu); color:var(--parlak); text-decoration:none;}
.sayfalama-btn:hover{background:var(--yuzey2);}
.sayfalama-btn.pasif{opacity:.4; pointer-events:none;}
.sayfalama-durum{color:var(--soluk2); font-variant-numeric:tabular-nums;}

/* ---- Alt bilgi ----------------------------------------------------------- */
.dip{border-top:2px solid var(--parlak); margin-top:24px;}
.dip-ic{
  max-width:calc(var(--govde-genislik) + var(--raf-genislik) + 88px);
  margin:0 auto; padding:20px;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  font-size:12.5px; color:var(--soluk2);
}
.dip-marka{display:inline-flex; align-items:center; gap:7px; color:var(--parlak); font-family:var(--serif); font-weight:700; font-size:14px;}
.dip-marka .logo{width:16px; height:16px;}
.dip-ayrac{opacity:.5;}
.dip a{color:var(--soluk); text-decoration:underline; text-decoration-color:var(--cizgi-guclu); text-underline-offset:2px;}
.dip a:hover{color:var(--parlak);}
.dip-yil{margin-left:auto;}

/* ---- Dar ekran ----------------------------------------------------------- */
@media (max-width:1000px){
  .sayfa{grid-template-columns:minmax(0,1fr); gap:30px;}
  .raf{position:static; flex-direction:row; flex-wrap:wrap; padding-top:0;}
  .raf-blok{flex:1 1 260px;}
}
@media (max-width:720px){
  .tepe-ic{flex-wrap:wrap; gap:12px; padding:11px 16px; min-height:0;}
  .bolumler{order:3; width:100%; flex-basis:100%; gap:0;}
  .bolum{flex:1; justify-content:center; padding:10px 2px;}
  .tepe-sag{margin-left:auto; gap:12px;}
  .durum{gap:9px;}
  .oturum-handle{display:none;}
  .sayfa{padding:0 16px 56px;}
  .haber-baslik{font-size:20px;}
  .yazma-alt{padding-left:0;}
  .gonderi-kisi .gonderi-eylem{margin-left:0;}
  .ogrenme-ad{flex-basis:92px; font-size:12.5px;}
  .dip-yil{margin-left:0;}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important; animation:none !important;}
}

/* ---- Hava ikonu ----------------------------------------------------------
   Renkler sembollerin kendi uzerinde (currentColor degil); iki temada da
   ayni gorunur — gunes sari, yagmur mavi, kar buz mavisi. */
.durum-hava{align-items:center;}
.hava-ikon{width:17px; height:17px; flex:none; vertical-align:-3px;}

/* ---- YZ şeffaflık ibaresi ------------------------------------------------ */
.yz-ibare{
  display:flex; align-items:center; gap:6px; margin:10px 0 0;
  font-size:11px; color:var(--soluk2);
  text-transform:uppercase; letter-spacing:.06em;
}
.yz-ibare .ic{font-size:12px; opacity:.7;}
.rozet-taslak{
  display:inline-flex; align-items:center; gap:5px;
  padding:2px 9px; border-radius:var(--r-sm);
  background:var(--fosfor-zemin); color:var(--fosfor-vurgu);
  font-size:11px; font-weight:600;
}

/* Denetci rozeti: yerel buyuk modelin taslak hakkindaki karari.
   Karar yayin degildir -- editor her iki durumda da metni gorur, bu
   yalnizca "once suna bak" isareti. */
.rozet-denetim{
  display:inline-flex; align-items:center; gap:5px;
  padding:2px 9px; border-radius:var(--r-sm);
  font-size:11px; font-weight:600; border:1px solid transparent;
}
.rozet-denetim.gecti{
  background:var(--fosfor-zemin); color:var(--fosfor-vurgu);
  border-color:var(--fosfor-kenar);
}
.rozet-denetim.kaldi{
  background:color-mix(in srgb, var(--mercan) 12%, transparent);
  color:var(--mercan);
  border-color:color-mix(in srgb, var(--mercan) 34%, transparent);
}

/* Denetci gerekcesi. Kaldiysa daha gorunur: editorun atlamamasi gereken sey. */
.denetim-kutu{
  display:flex; gap:10px; align-items:flex-start;
  margin:0 0 14px; padding:11px 13px;
  border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--yuzey); font-size:13.5px; line-height:1.6; color:var(--metin);
}
.denetim-kutu .ic{flex:none; margin-top:2px;}
.denetim-kutu.kaldi{
  border-color:color-mix(in srgb, var(--mercan) 40%, transparent);
  background:color-mix(in srgb, var(--mercan) 7%, var(--yuzey));
}
.denetim-kutu strong{color:var(--parlak);}
.denetim-kutu .denetim-model{
  display:block; margin-top:4px; font-size:12px; color:var(--soluk2);
}

/* Model kimligi: kalem adinin yaninda, geri planda. Editorun gunluk
   isinde ad yeter; kimlik ancak bir taslagin izi surulurken gerekir. */
.kalem-model{
  font-family:var(--mono); font-size:11.5px; color:var(--soluk2);
  padding:1px 5px; border-radius:var(--r-sm);
  background:var(--yuzey2); white-space:nowrap;
}

/* ---- Ayarlar ------------------------------------------------------------- */
.ayar-form{max-width:440px; margin-bottom:8px;}
.ayar-not{margin-top:6px; font-size:12px; color:var(--soluk2); line-height:1.55;}
.profil-site{
  display:inline-flex; align-items:center; gap:6px; margin-top:9px;
  font-size:13.5px; color:var(--fosfor); text-decoration:none;
}
.profil-site:hover{text-decoration:underline;}

/* ---- Saglayici marka isaretleri ------------------------------------------ */
.mk-ikon{width:17px; height:17px; flex:none;}

/* ---- Profil fotoğrafı ---------------------------------------------------- */
.avatar-foto{object-fit:cover; display:inline-block; border:1px solid var(--cizgi);}
.avatar-foto.avatar{width:38px; height:38px; border-radius:var(--r-tam);}
.avatar-foto.avatar-kucuk{width:26px; height:26px;}
.avatar-buyuk{width:64px; height:64px; font-size:28px; border-radius:var(--r-tam);
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--yuzey3); color:var(--parlak);
  font-family:var(--serif); font-weight:700;}
img.avatar-buyuk{background:none;}
.ayar-avatar{display:flex; align-items:flex-start; gap:14px; margin-top:8px;}
.ayar-avatar-sag{flex:1; display:flex; flex-direction:column;}

/* ---- Kimlik rozetleri ----------------------------------------------------
   Yetki degil kimlik: kim hangi sifatla konusuyor. Editoryal dilde kucuk,
   bagirmayan etiketler. */
.rozet{
  display:inline-flex; align-items:center;
  padding:1px 8px; border-radius:var(--r-sm);
  font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  vertical-align:2px;
}
.rozet-kurucu{background:var(--fosfor); color:var(--zemin);}
.rozet-resmi{background:var(--fosfor-zemin); color:var(--fosfor-vurgu); border:1px solid var(--fosfor-kenar);}
.rozet-yonetim{background:var(--yuzey3); color:var(--parlak); border:1px solid var(--cizgi-guclu);}
.rozet-editor{background:var(--yuzey2); color:var(--soluk); border:1px solid var(--cizgi);}

/* ---- Hesap menüsü -------------------------------------------------------- */
.hesap-menu{position:relative;}
.hesap-menu summary{
  display:inline-flex; align-items:center; gap:7px;
  list-style:none; cursor:pointer; padding:4px 6px; border-radius:var(--r-sm);
  transition:background var(--hiz) var(--egri);
}
.hesap-menu summary::-webkit-details-marker{display:none;}
.hesap-menu summary:hover{background:var(--yuzey2);}
.hesap-ok{font-size:12px; color:var(--soluk2); transition:transform var(--hiz) var(--egri);}
.hesap-menu[open] .hesap-ok{transform:rotate(180deg);}
.hesap-kart{
  position:absolute; right:0; top:calc(100% + 8px); z-index:40;
  min-width:190px; padding:6px;
  background:var(--zemin); border:1px solid var(--cizgi-guclu);
  border-radius:var(--r); box-shadow:var(--golge);
}
.hesap-oge{
  display:flex; align-items:center; gap:9px; width:100%;
  padding:9px 11px; border-radius:var(--r-sm);
  background:none; border:none; cursor:pointer; text-align:left;
  font-family:inherit; font-size:13.5px; color:var(--metin); text-decoration:none;
  transition:background var(--hiz) var(--egri), color var(--hiz) var(--egri);
}
.hesap-oge:hover{background:var(--yuzey); color:var(--parlak);}
.hesap-oge .ic{font-size:15px; color:var(--soluk2);}
.hesap-cikis:hover{color:var(--mercan);}
.hesap-cikis:hover .ic{color:var(--mercan);}
.hesap-ayrac{height:1px; margin:5px 8px; background:var(--cizgi);}
.hesap-menu form{margin:0;}

/* ---- Kök işareti ---------------------------------------------------------
   Kazanılan güven göstergesi: yuvarlak zeminde, hafif ışımalı rozet.
   GÜVEN SATILMAZ — seviye anında türetilir. Tıklanınca ne olduğunu
   anlatan kart açılır. */
.kok{
  display:inline-flex; align-items:center; justify-content:center;
  width:19px; height:19px; padding:0; border:none; border-radius:var(--r-tam);
  cursor:pointer; vertical-align:-3px; position:relative;
  transition:transform var(--hiz) var(--egri), box-shadow var(--hiz) var(--egri);
}
.kok svg{width:12px; height:12px;}
/* Yansıma: sol üstte ince bir ışık kıvrımı. */
.kok::after{
  content:""; position:absolute; inset:1px; border-radius:inherit;
  background:radial-gradient(120% 90% at 28% 18%, rgba(255,255,255,.5), transparent 42%);
  pointer-events:none;
}
.kok:hover{transform:scale(1.12);}

.kok-filiz{background:#DCEBD2; color:#4E7F3F; box-shadow:0 0 7px rgba(127,176,105,.5);}
.kok-kok{background:#CBE3C6; color:#24542F; box-shadow:0 0 8px rgba(47,107,63,.55);}
.kok-cinar{background:#EAD9AC; color:#6E4E0A; box-shadow:0 0 9px rgba(161,98,7,.55);}
.kok-altin{
  background:linear-gradient(135deg,#F0DA8C,#C9A227 70%);
  color:#4A3906; box-shadow:0 0 11px rgba(201,162,39,.65);
}
:root[data-tema="koyu"] .kok-filiz{background:#2C3A26; color:#9CCB87; box-shadow:0 0 8px rgba(127,176,105,.4);}
:root[data-tema="koyu"] .kok-kok{background:#24382A; color:#86C58E; box-shadow:0 0 9px rgba(134,197,142,.45);}
:root[data-tema="koyu"] .kok-cinar{background:#3D3116; color:#E3C455; box-shadow:0 0 9px rgba(217,169,63,.45);}
:root[data-tema="koyu"] .kok-altin{background:linear-gradient(135deg,#E8CE7A,#A8861E 70%); color:#332703; box-shadow:0 0 13px rgba(227,196,85,.55);}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]) .kok-filiz{background:#2C3A26; color:#9CCB87; box-shadow:0 0 8px rgba(127,176,105,.4);}
  :root:not([data-tema="acik"]) .kok-kok{background:#24382A; color:#86C58E; box-shadow:0 0 9px rgba(134,197,142,.45);}
  :root:not([data-tema="acik"]) .kok-cinar{background:#3D3116; color:#E3C455; box-shadow:0 0 9px rgba(217,169,63,.45);}
  :root:not([data-tema="acik"]) .kok-altin{background:linear-gradient(135deg,#E8CE7A,#A8861E 70%); color:#332703; box-shadow:0 0 13px rgba(227,196,85,.55);}
}
.profil-ad .kok{width:26px; height:26px; vertical-align:-4px;}
.profil-ad .kok svg{width:16px; height:16px;}

/* Isaret karti: tiklaninca acilan aciklama. */
.kok-kart{
  position:absolute; z-index:60; width:min(300px, calc(100vw - 24px));
  padding:15px 16px; border-radius:var(--r-lg);
  background:var(--zemin); border:1px solid var(--cizgi-guclu);
  box-shadow:var(--golge);
}
.kk-ust{display:flex; align-items:center; gap:9px; margin-bottom:8px;}
.kk-ust .kok{cursor:default; pointer-events:none;}
.kk-ad{font-family:var(--serif); font-size:16px; font-weight:700; color:var(--parlak);}
.kk-kapat{margin-left:auto; background:none; border:none; padding:2px; cursor:pointer; color:var(--soluk2); font-size:15px; display:inline-flex;}
.kk-kapat:hover{color:var(--mercan);}
.kok-kart p{margin:0 0 8px; font-size:13px; line-height:1.6; color:var(--metin);}
.kk-olcut{color:var(--soluk);}
.kk-ilke{
  margin:0; padding-top:9px; border-top:1px solid var(--cizgi);
  font-size:11.5px; color:var(--soluk2);
}
.kok-hedef{
  display:flex; align-items:center; gap:8px; margin:14px 0 0;
  font-size:13px; color:var(--soluk);
}
.kok-hedef .ic{color:var(--fosfor); font-size:15px;}
.kok-hedef strong{color:var(--parlak);}


/* ---- Yönetim paneli ------------------------------------------------------ */
.yonetim-sekmeler{display:flex; gap:2px; flex-wrap:wrap; margin:20px 0 22px;
  border-bottom:1px solid var(--cizgi);}
.ysekme{padding:9px 13px; font-size:13px; font-weight:550; color:var(--soluk);
  text-decoration:none; position:relative;}
.ysekme:hover{color:var(--parlak);}
.ysekme.active{color:var(--parlak);}
.ysekme.active::after{content:""; position:absolute; left:0; right:0; bottom:-1px;
  height:2px; background:var(--fosfor);}

.istatistik-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:11px; margin-bottom:8px;}
.istatistik{padding:15px 16px; border-radius:var(--r);
  background:var(--yuzey); border:1px solid var(--cizgi);
  display:flex; flex-direction:column; gap:2px;}
.istatistik.ist-dikkat{border-color:color-mix(in srgb, var(--mercan) 45%, transparent);}
.ist-deger{font-family:var(--serif); font-size:26px; font-weight:700; color:var(--parlak); line-height:1.1;}
.ist-ad{font-size:11px; font-weight:700; color:var(--soluk2);
  text-transform:uppercase; letter-spacing:.07em;}
.ist-not{font-size:12px; color:var(--soluk);}
.ist-not a{color:var(--mercan); font-weight:600; text-decoration:none;}
.ist-hata{font-size:11.5px; color:var(--mercan);}

.panel-sutunlar{display:grid; grid-template-columns:1fr 1fr; gap:0 32px;}
.panel-liste{list-style:none; margin:8px 0 0; padding:0; font-size:13.5px;}
.panel-liste li{display:flex; justify-content:space-between; gap:12px;
  padding:7px 0; border-bottom:1px solid var(--cizgi); color:var(--metin);}
.panel-liste li span{color:var(--soluk2); font-variant-numeric:tabular-nums; flex:none;}
.panel-liste a{color:var(--fosfor); text-decoration:none;}
.panel-kayit{font-family:var(--mono); font-size:12px; min-width:0; overflow-wrap:anywhere;}
.panel-kayit em{font-style:normal; color:var(--fosfor);}

.uye-liste{display:flex; flex-direction:column; gap:9px; margin-top:14px;}
.uye{display:flex; align-items:center; gap:13px; flex-wrap:wrap;
  padding:13px 15px; border-radius:var(--r);
  background:var(--yuzey); border:1px solid var(--cizgi);}
.uye-askida{opacity:.65; border-style:dashed;}
.uye-bilgi{flex:1; min-width:200px; display:flex; flex-direction:column; gap:3px;}
.uye-eylem{display:flex; gap:7px; align-items:center; flex-wrap:wrap;}
.uye-eylem form{display:inline;}
.uye-rol{width:auto; padding:6px 10px; margin:0; font-size:12.5px;}
.rozet-askida{background:color-mix(in srgb, var(--mercan) 14%, transparent);
  color:var(--mercan); border:1px solid color-mix(in srgb, var(--mercan) 35%, transparent);}

.kaynak-ekle{display:grid; grid-template-columns:1fr 2fr auto auto; gap:8px;
  align-items:center; margin:4px 0 6px;}
.kaynak-ekle .alan-girdi{margin-top:0;}
@media (max-width:720px){
  .panel-sutunlar{grid-template-columns:1fr;}
  .kaynak-ekle{grid-template-columns:1fr;}
}

/* ---- Haber görseli -------------------------------------------------------
   Yalnızca üreticinin resmî basın görseli; bizde barındırılır, kaynağı
   altında yazar. */
.haber-gorsel{margin:2px 0 12px;}
.haber-gorsel img{
  display:block; width:100%; height:auto; border-radius:var(--r);
  border:1px solid var(--cizgi);
}
.haber-gorsel figcaption{
  margin-top:6px; font-size:11px; color:var(--soluk2);
  text-transform:uppercase; letter-spacing:.05em;
}

/* ---- Üretilmiş haber kapağı ----------------------------------------------
   Basın görseli yoksa başlıktan türetilen soyut kapak. Aynı haber her zaman
   aynı kapağı alır. Fotoğraf taklidi etmez — bu bilinçli. */
.kapak{
  position:relative; display:block; overflow:hidden;
  border-radius:var(--r); border:1px solid var(--cizgi);
  background:var(--yuzey); color:var(--parlak);
  aspect-ratio:3/1;
}
.kapak-cizim{display:block; width:100%; height:100%;}
.kapak-etiket{
  position:absolute; left:14px; bottom:12px;
  font-size:10.5px; font-weight:700; letter-spacing:.11em;
  text-transform:uppercase; color:var(--soluk);
}
.haber-gorsel a{display:block; text-decoration:none;}
.haber-gorsel a:hover .kapak{border-color:var(--cizgi-guclu);}