/* ==========================================================================
   Avşar Haber

   Tasarım kararları ve gerekçeleri:

   1) KIRMIZI BİR SİNYALDİR, SÜS DEĞİL.
      Bir haber sitesinde kırmızının tek bir işi olmalı: "bu şu anda oluyor".
      Bu yüzden kırmızı yalnızca son dakika bandında, canlı noktasında ve
      son dakika etiketinde görünür. Kategori etiketleri, bölüm başlıkları,
      düğmeler mürekkep rengindedir. Kırmızı seyrek olduğu için işe yarar.

   2) MANŞET SIKIŞTIRILMIŞ YAZILIR.
      Türkçe eklemeli bir dildir, başlıklar uzar ("Cumhurbaşkanlığı
      Hükümet Sistemi'nde..."). Gazetecilikte uzun kelimeli dillerin
      çözümü sıkıştırılmış puntodur. Archivo'nun genişlik ekseni (wdth)
      bunu tek ailede verir; ayrıca Türkçe karakter desteği tamdır.
      Gövde metni ise okumak içindir: Newsreader, ekranda haber okumak
      için tasarlanmış bir serif.

   3) ZAMAN RAYI (imza öğesi).
      Haberde bilgi olan şey sıradır: ne, ne zaman oldu. Son haberler
      listesi bu yüzden saat çentikleri olan dikey bir raya oturur.
      Günün ritmi tek bakışta görünür.
   ========================================================================== */

:root{
  /* Renk — altı değer, fazlası yok */
  --murekkep:#14181f;      /* ana metin, başlıklar, düğmeler */
  --kagit:#ffffff;         /* yüzeyler */
  --zemin:#eef1f5;         /* sayfa zemini (bilerek krem değil) */
  --cizgi:#d8dde4;         /* saç teli çizgiler */
  --sessiz:#5e6773;        /* ikincil metin */
  --acil:#d91b24;          /* tek kırmızı — yalnızca aciliyet */

  --wrap:1200px;
  --baslik:"Archivo","Arial Narrow",Arial,sans-serif;
  --metin:"Newsreader",Georgia,"Times New Roman",serif;
  --arayuz:"Archivo",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
html.dark{
  --murekkep:#eef1f5;
  --kagit:#171b22;
  --zemin:#0e1116;
  --cizgi:#2a3038;
  --sessiz:#98a2b0;
  --acil:#ff4a52;
}

*{box-sizing:border-box}
/* Uzun bir şerit ya da geniş bir tablo sayfayı yatayda kaydırmasın.
   Bu olmadan tek bir taşan öğe bütün düzeni bozabiliyor. */
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  margin:0;background:var(--zemin);color:var(--murekkep);max-width:100%;overflow-x:hidden;
  font-family:var(--metin);font-size:17px;line-height:1.6;
  font-optical-sizing:auto;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* Başlıklar sıkıştırılmış Archivo */
h1,h2,h3,h4{
  font-family:var(--baslik);font-stretch:80%;font-weight:700;
  line-height:1.04;letter-spacing:-.005em;margin:0 0 .4em;color:var(--murekkep);
}

/* ---------- Künye (nameplate) ---------- */
.site-header{background:var(--kagit);border-bottom:1px solid var(--cizgi)}
.topbar{border-bottom:1px solid var(--cizgi)}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:38px;
  font-family:var(--arayuz);font-size:12px;color:var(--sessiz);letter-spacing:.02em}
.today{text-transform:none}
.topbar-right{display:flex;align-items:center;gap:4px}
.theme-toggle,.lang-switch{background:none;border:0;color:var(--sessiz);cursor:pointer;
  font-family:var(--arayuz);font-size:12px;font-weight:600;padding:5px 8px;border-radius:5px}
.theme-toggle:hover,.lang-switch:hover{background:var(--zemin);color:var(--murekkep)}

.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  padding-top:20px;padding-bottom:16px}
.brand{display:block;line-height:1}
.brand-name{
  font-family:var(--baslik);font-stretch:72%;font-weight:800;
  font-size:clamp(34px,6vw,54px);letter-spacing:-.02em;color:var(--murekkep);
  display:block;text-transform:uppercase;
}
.search{display:flex;align-items:center;background:var(--zemin);border:1px solid var(--cizgi);
  border-radius:3px;overflow:hidden;max-width:260px;width:100%;margin-bottom:6px}
.search input{flex:1;border:0;background:none;padding:9px 12px;color:var(--murekkep);
  font-family:var(--arayuz);font-size:14px;outline:none;min-width:0}
.search button{border:0;background:none;padding:0 11px;cursor:pointer;font-size:14px;color:var(--sessiz)}

/* ---------- Gezinme ---------- */
.mainnav{background:var(--kagit);border-top:2px solid var(--murekkep)}
.mainnav-inner{display:flex;align-items:center}
.nav-toggle{display:none;background:none;border:0;font-size:20px;color:var(--murekkep);
  cursor:pointer;padding:10px 2px}
.nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav-list a{display:block;padding:11px 14px;font-family:var(--arayuz);font-weight:600;
  font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--murekkep);
  border-bottom:3px solid transparent}
.nav-list a:hover{color:var(--sessiz)}
.nav-list a.active{border-bottom-color:var(--murekkep)}
.nav-list li:first-child a{padding-left:0}

/* ---------- Son dakika: kırmızının yaşadığı yer ---------- */
.breaking{background:var(--acil);color:#fff}
.breaking-inner{display:flex;align-items:center;gap:14px;height:40px;overflow:hidden}
.breaking-label{display:flex;align-items:center;gap:7px;font-family:var(--arayuz);
  font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;flex:none}
.breaking-label::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;
  animation:canli 1.8s ease-in-out infinite}
@keyframes canli{0%,100%{opacity:1}50%{opacity:.25}}
.breaking-track{overflow:hidden;flex:1;min-width:0;white-space:nowrap;
  mask-image:linear-gradient(90deg,#000 92%,transparent)}
.breaking-move{display:inline-block;animation:kayan 34s linear infinite;
  font-family:var(--arayuz);font-size:14px;font-weight:500}
.breaking-move a{color:#fff}
.breaking-move a:hover{text-decoration:underline;text-underline-offset:3px}
.breaking .dot{opacity:.5;margin:0 14px}
@keyframes kayan{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.breaking-track:hover .breaking-move{animation-play-state:paused}

/* ---------- Reklam ---------- */
.ad-slot{margin:20px 0;text-align:center;background:var(--kagit);border:1px solid var(--cizgi);
  padding:10px;min-height:60px;display:flex;align-items:center;justify-content:center;
  color:var(--sessiz);font-family:var(--arayuz);font-size:12px}
.ad-slot:empty{display:none}

.main-content{padding-top:26px;padding-bottom:48px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}

/* ---------- Manşet ---------- */
.hero{margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid var(--cizgi)}
.hero-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;
  align-items:start;margin-bottom:26px}
.hero-metin{min-width:0}
.hero-cat{display:inline-block;font-family:var(--arayuz);font-size:11.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--sessiz);margin-bottom:12px}
.hero-title{
  font-family:var(--baslik);font-stretch:76%;font-weight:800;
  font-size:clamp(2rem,3.6vw,3.1rem);line-height:1;letter-spacing:-.018em;
  margin:0 0 14px;
}
.hero-main:hover .hero-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hero-ozet{font-family:var(--metin);font-size:19px;line-height:1.5;color:var(--sessiz);
  max-width:56ch;margin:0 0 18px}
.hero-main img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--zemin);order:2}
.hero-yan{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.hero-side{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.hero-side img{width:96px;height:72px;object-fit:cover;background:var(--zemin)}
.hero-side .hero-title{font-size:1.22rem;font-stretch:82%;line-height:1.14;margin:0;max-width:none}
.hero-side .hero-cat{margin-bottom:5px;font-size:10.5px}
.hero-side:hover .hero-title{text-decoration:underline;text-underline-offset:3px}

/* ---------- Bölüm başlığı ---------- */
.section{margin-bottom:42px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-bottom:20px;padding-bottom:9px;border-bottom:2px solid var(--murekkep)}
.section-head h2{margin:0;font-size:1.32rem;font-stretch:80%;letter-spacing:.01em;text-transform:uppercase}
.section-head a:hover{color:var(--sessiz)}

/* ---------- ZAMAN RAYI (imza) ---------- */
.akis{list-style:none;margin:0;padding:0;position:relative}
.akis::before{content:"";position:absolute;left:52px;top:6px;bottom:6px;width:1px;background:var(--cizgi)}
.akis li{display:grid;grid-template-columns:52px 1fr;gap:0;padding:0 0 22px;position:relative}
.akis li:last-child{padding-bottom:0}
.akis .saat{font-family:var(--arayuz);font-size:12px;font-weight:600;color:var(--sessiz);
  font-variant-numeric:tabular-nums;padding-top:2px;letter-spacing:.01em}
.akis .govde{padding-left:22px;position:relative}
.akis .govde::before{content:"";position:absolute;left:-4.5px;top:7px;width:9px;height:9px;
  border-radius:50%;background:var(--kagit);border:2px solid var(--cizgi)}
.akis li.yeni .govde::before{background:var(--acil);border-color:var(--acil)}
.akis h3{font-family:var(--baslik);font-stretch:84%;font-weight:700;font-size:1.16rem;
  line-height:1.2;margin:0 0 5px}
.akis a:hover h3{text-decoration:underline;text-underline-offset:3px}
.akis .ust{font-family:var(--arayuz);font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--sessiz);display:block;margin-bottom:4px}
.akis .alt{font-family:var(--arayuz);font-size:12.5px;color:var(--sessiz);display:flex;gap:10px}
.akis .gorsel{float:right;width:104px;height:70px;object-fit:cover;margin:0 0 8px 16px;background:var(--zemin)}

/* ---------- Kartlar ---------- */
.grid{display:grid;gap:28px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:none;border:0}
.card-thumb{display:block;position:relative;margin-bottom:11px;background:var(--zemin)}
.card-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}
.card-cat{display:block;font-family:var(--arayuz);font-size:10.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--sessiz);margin-bottom:6px}
.card-body{padding:0}
.card-title{font-family:var(--baslik);font-stretch:82%;font-weight:700;font-size:1.18rem;
  line-height:1.18;margin:0 0 7px}
.card-title a:hover{text-decoration:underline;text-underline-offset:3px}
.card-summary{font-family:var(--metin);color:var(--sessiz);font-size:15px;line-height:1.5;margin:0 0 9px}
.card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--sessiz);
  font-family:var(--arayuz);font-size:12px}
.card-meta-right{display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
.cm-count{font-variant-numeric:tabular-nums}
.card-sm .card-title{font-size:1.05rem}
/* Son dakika etiketi — kırmızının ikinci ve son yeri */
.sd-etiket{display:inline-block;background:var(--acil);color:#fff;font-family:var(--arayuz);
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:2px 7px;margin-bottom:6px}

/* ---------- Kategori bloğu: bir öne çıkan + sıkı liste ---------- */
.kblok{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start}
.kliste{list-style:none;margin:0;padding:0}
.kliste li{padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid var(--cizgi)}
.kliste li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.kliste h4{font-family:var(--baslik);font-stretch:84%;font-weight:600;font-size:1.02rem;
  line-height:1.22;margin:0}
.kliste a:hover h4{text-decoration:underline;text-underline-offset:3px}
.kliste time{display:block;font-family:var(--arayuz);font-size:11.5px;color:var(--sessiz);margin-top:5px}

/* ---------- Yan sütun ---------- */
.sidebar .widget{margin-bottom:34px}
.widget-title{font-family:var(--baslik);font-stretch:80%;font-size:1.1rem;text-transform:uppercase;
  letter-spacing:.02em;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--murekkep)}
.mini-list{display:flex;flex-direction:column;gap:0}
.mini{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;
  padding:13px 0;border-bottom:1px solid var(--cizgi)}
.mini:last-child{border-bottom:0}
.mini .rank{font-family:var(--baslik);font-stretch:70%;font-weight:800;font-size:1.6rem;
  color:var(--cizgi);line-height:.9}
.mini-thumb{display:none}
.mini h4{font-family:var(--baslik);font-stretch:84%;font-weight:600;font-size:1rem;
  line-height:1.22;margin:0}
.mini a:hover h4,.mini h4 a:hover{text-decoration:underline;text-underline-offset:3px}
.mini time,.mini-views{display:block;font-family:var(--arayuz);color:var(--sessiz);
  font-size:11.5px;margin-top:4px}

/* ---------- Haber sayfası ---------- */
.article{background:var(--kagit);border:1px solid var(--cizgi);padding:34px 38px}
.article-cat{display:inline-block;font-family:var(--arayuz);font-size:11.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--sessiz);margin-bottom:12px}
.article h1{font-family:var(--baslik);font-stretch:76%;font-weight:800;
  font-size:clamp(1.95rem,4.4vw,3.05rem);line-height:1;letter-spacing:-.015em;margin-bottom:14px}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--sessiz);font-family:var(--arayuz);
  font-size:13px;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--cizgi)}
.article-meta a{text-decoration:underline;text-underline-offset:2px}
.article-figure{margin:0 0 24px}
.article-figure img{width:100%}
.article-summary{font-family:var(--metin);font-size:20px;line-height:1.45;color:var(--murekkep);
  font-weight:500;margin:0 0 22px;padding-left:16px;border-left:3px solid var(--murekkep)}
.article-body{font-size:18.5px;line-height:1.72;max-width:68ch}
.article-body p{margin:0 0 1.15em}
.article-body h2,.article-body h3,.article-body h4{font-family:var(--baslik);font-stretch:82%;
  margin:1.7em 0 .5em;line-height:1.16}
.article-body h2{font-size:1.5rem}
.article-body h3{font-size:1.26rem}
.article-body h4{font-size:1.1rem}
.article-body a{text-decoration:underline;text-underline-offset:2.5px;text-decoration-thickness:1px}
.article-body a:hover{text-decoration-thickness:2px}
.article-body strong{font-weight:700}
.article-body ul,.article-body ol{padding-left:24px;margin:0 0 1.15em}
.article-body li{margin-bottom:.42em}
.article-body blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--cizgi);
  font-size:1.14em;line-height:1.45;color:var(--sessiz)}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body code{background:var(--zemin);border:1px solid var(--cizgi);padding:1px 5px;
  font-size:.86em;font-family:ui-monospace,Menlo,Consolas,monospace}
.article-body hr{border:0;border-top:1px solid var(--cizgi);margin:2.2em 0}
.article-body .article-img{margin:1.8em 0}
.article-body figcaption{font-family:var(--arayuz);font-size:13px;color:var(--sessiz);
  margin-top:9px;padding-left:2px;border-left:2px solid var(--cizgi);padding-left:10px}

/* Paylaş — marka renkleri yok, sessiz */
.share-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:28px 0;
  padding:16px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.share-bar b{font-family:var(--arayuz);font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sessiz);margin-right:4px}
.share-bar a{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid var(--cizgi);
  font-family:var(--arayuz);font-size:13px;font-weight:600;color:var(--murekkep);background:var(--kagit)}
.share-bar a:hover{border-color:var(--murekkep)}
.s-x,.s-fb,.s-wa,.s-tg,.s-cp{background:var(--kagit)!important;color:var(--murekkep)!important}

.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.tag-list a{border:1px solid var(--cizgi);padding:5px 12px;font-family:var(--arayuz);
  font-size:13px;color:var(--sessiz)}
.tag-list a:hover{border-color:var(--murekkep);color:var(--murekkep)}

/* Yazar kutusu */
.yazar-kutu{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--cizgi);
  padding-top:22px;margin-top:26px}
.yazar-avatar,.yazar-avatar-yok{width:58px;height:58px;border-radius:50%;flex:none;object-fit:cover}
.yazar-avatar-yok{background:var(--murekkep);color:var(--kagit);display:grid;place-items:center;
  font-family:var(--baslik);font-stretch:75%;font-weight:800;font-size:24px}
.yazar-kutu h4{font-size:1.06rem;margin:0 0 5px}
.yazar-kutu p{margin:0;font-size:15px;color:var(--sessiz);line-height:1.5}

/* Önceki / sonraki */
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.pn{border:1px solid var(--cizgi);padding:15px 17px;background:var(--kagit)}
.pn:hover{border-color:var(--murekkep)}
.pn-next{text-align:right}
.pn-label{font-family:var(--arayuz);font-size:11px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--sessiz);display:block;margin-bottom:6px}
.pn-title{font-family:var(--baslik);font-stretch:84%;font-weight:700;font-size:1rem;line-height:1.22}

/* ---------- Yorumlar ---------- */
.comments{margin-top:34px}
.comment{border-bottom:1px solid var(--cizgi);padding:16px 0}
.comment-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;align-items:baseline}
.comment-name{font-family:var(--arayuz);font-weight:700;font-size:14px}
.comment-date{font-family:var(--arayuz);color:var(--sessiz);font-size:12px}
.comment-body{font-size:16px;line-height:1.55}
.comment-yanit{margin-left:26px;padding-left:18px;border-left:2px solid var(--cizgi);border-bottom:0}
.yanitla{background:none;border:0;color:var(--sessiz);font-family:var(--arayuz);font-size:12px;
  font-weight:600;cursor:pointer;padding:7px 0 0}
.yanitla:hover{color:var(--murekkep);text-decoration:underline}
.yanit-bildirim{display:flex;align-items:center;gap:10px;background:var(--zemin);
  border:1px solid var(--cizgi);padding:10px 14px;margin-bottom:14px;font-family:var(--arayuz);font-size:14px}
.yanit-bildirim span{font-weight:700}
.yanit-bildirim button{background:none;border:0;color:var(--murekkep);cursor:pointer;
  font-family:var(--arayuz);font-size:13px;font-weight:600;margin-left:auto;text-decoration:underline}

/* ---------- Formlar ---------- */
.form{max-width:560px}
.form-row{margin-bottom:16px}
.form label,.help{display:block;font-family:var(--arayuz);font-size:13px;font-weight:600;
  color:var(--murekkep);margin-bottom:7px}
.help{font-weight:400;color:var(--sessiz);margin-top:6px;margin-bottom:0}
.form input,.form textarea,.form select{
  width:100%;padding:11px 13px;border:1px solid var(--cizgi);background:var(--kagit);
  color:var(--murekkep);font-family:var(--arayuz);font-size:15px;outline:none;border-radius:3px}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--murekkep)}
.form textarea{min-height:130px;resize:vertical;font-family:var(--metin);font-size:16px;line-height:1.6}
.btn{display:inline-block;background:var(--murekkep);color:var(--kagit);border:0;border-radius:3px;
  padding:12px 24px;font-family:var(--arayuz);font-size:14px;font-weight:700;letter-spacing:.03em;
  cursor:pointer;text-align:center}
.btn:hover{opacity:.86}
.btn-ghost{background:none;color:var(--murekkep);border:1px solid var(--cizgi)}
.btn-ghost:hover{border-color:var(--murekkep);opacity:1}

/* ---------- Sayfalama ---------- */
.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:36px 0 8px}
.pagination a{padding:9px 14px;border:1px solid var(--cizgi);font-family:var(--arayuz);
  font-size:13.5px;font-weight:600;background:var(--kagit);font-variant-numeric:tabular-nums}
.pagination a:hover{border-color:var(--murekkep)}
.pagination a.active{background:var(--murekkep);border-color:var(--murekkep);color:var(--kagit)}
.pagination .dots{padding:9px 3px;color:var(--sessiz)}

/* ---------- Sayfa başlığı / boş durum ---------- */
.page-head{margin-bottom:26px;padding-bottom:14px;border-bottom:2px solid var(--murekkep)}
.page-head h1{font-size:clamp(1.7rem,3.6vw,2.4rem);font-stretch:78%;margin:0;text-transform:uppercase;
  letter-spacing:-.005em}
.page-head .sub{font-family:var(--arayuz);color:var(--sessiz);font-size:13.5px;margin-top:7px}
.breadcrumb{font-family:var(--arayuz);font-size:12.5px;color:var(--sessiz);margin-bottom:16px}
.breadcrumb a:hover{color:var(--murekkep);text-decoration:underline}
.breadcrumb .sep{margin:0 7px;opacity:.5}
.empty{text-align:center;padding:56px 20px;color:var(--sessiz)}
.empty h2{font-size:1.35rem;margin-bottom:8px}
.cat-rss{display:inline-block;vertical-align:middle;margin-left:12px;font-family:var(--arayuz);
  font-size:10.5px;font-weight:700;letter-spacing:.09em;color:var(--sessiz);
  border:1px solid var(--cizgi);padding:3px 8px;text-transform:uppercase}
.cat-rss:hover{border-color:var(--murekkep);color:var(--murekkep)}

/* ---------- Bildirimler ---------- */
.flash{padding:13px 16px;margin-bottom:18px;font-family:var(--arayuz);font-size:14px;
  border-left:3px solid var(--murekkep);background:var(--kagit);border-top:1px solid var(--cizgi);
  border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.flash-success{border-left-color:#177245}
.flash-error{border-left-color:var(--acil)}
.flash-info{border-left-color:var(--sessiz)}

/* ---------- Alt bilgi ---------- */
.site-footer{background:var(--murekkep);color:var(--zemin);margin-top:40px}
html.dark .site-footer{background:#0a0d11}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding:44px 20px 30px}
.footer-brand .brand-name{color:#fff;font-size:30px}
.footer-about{color:#9aa4b2;font-family:var(--arayuz);font-size:14px;margin-top:12px;max-width:38ch}
.footer-col h4{color:#fff;font-family:var(--baslik);font-stretch:80%;font-size:14px;
  text-transform:uppercase;letter-spacing:.09em;margin:0 0 14px}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin-bottom:9px}
.footer-col a{color:#b6bfcb;font-family:var(--arayuz);font-size:14px}
.footer-col a:hover{color:#fff;text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:15px 0;font-family:var(--arayuz);
  font-size:12.5px;color:#8b95a3;text-align:center}

/* ---------- Yukarı çık ---------- */
.to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;background:var(--murekkep);
  color:var(--kagit);border:0;font-size:17px;cursor:pointer;opacity:0;pointer-events:none;
  transition:opacity .2s;z-index:40;border-radius:2px}
.to-top.show{opacity:1;pointer-events:auto}

/* ---------- İçeriğe atla + odak ---------- */
.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--murekkep);color:var(--kagit);
  padding:12px 20px;font-family:var(--arayuz);font-weight:700;font-size:14px}
.atla:focus{left:0}
#icerik:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--acil);outline-offset:2px}

/* ---------- Duyarlılık ---------- */
@media(max-width:1000px){
  .layout{grid-template-columns:1fr;gap:36px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .hero-main{grid-template-columns:1fr;gap:18px}
  .hero-main img{aspect-ratio:16/9;order:0;margin-bottom:4px}
  .kblok{grid-template-columns:1fr;gap:22px}
}
@media(max-width:700px){
  body{font-size:16px}
  .masthead{flex-wrap:wrap;padding-top:16px;padding-bottom:12px}
  .search{max-width:none;order:3;margin-bottom:0;margin-top:12px}
  .nav-toggle{display:block}
  .nav-list{display:none;flex-direction:column;width:100%;padding:4px 0 8px}
  .nav-list.open{display:flex}
  .nav-list a{padding:11px 2px;border-bottom:1px solid var(--cizgi)}
  .nav-list a.active{border-bottom-color:var(--murekkep)}
  .nav-list li:first-child a{padding-left:2px}
  .grid-3,.grid-2,.hero-yan,.prevnext{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:28px;padding:32px 20px 22px}
  .article{padding:22px 20px;border-left:0;border-right:0;margin:0 -20px}
  .akis::before{left:44px}
  .akis li{grid-template-columns:44px 1fr}
  .akis .govde{padding-left:18px}
  .akis .gorsel{width:84px;height:58px;margin-left:12px}
  .hero-side{grid-template-columns:80px 1fr;gap:12px}
  .hero-side img{width:80px;height:60px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- Yazdırma ---------- */
@media print{
  .site-header,.site-footer,.sidebar,.share-bar,.comments,.prevnext,.ad-slot,.to-top,
  .breaking,.pagination,.atla,.tag-list,.mainnav,.topbar,.search,.breadcrumb{display:none!important}
  body{background:#fff;color:#000;font-size:11.5pt}
  .wrap,.layout{display:block;max-width:none;padding:0;margin:0}
  .article{border:0;padding:0;margin:0}
  .article h1{font-size:22pt}
  .article-body{font-size:11pt;line-height:1.5;max-width:none}
  .article-body a{text-decoration:none;color:#000}
  .article-body a[href^="http"]::after{content:" (" attr(href) ")";font-size:8.5pt;color:#555}
  h1,h2,h3{page-break-after:avoid}
  p,blockquote,figure{page-break-inside:avoid}
}

/* Yan sütun kategori listesi */
.katliste{list-style:none;margin:0;padding:0}
.katliste li{border-bottom:1px solid var(--cizgi)}
.katliste li:last-child{border-bottom:0}
.katliste a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:11px 0;font-family:var(--arayuz);font-size:14.5px;font-weight:600}
.katliste a:hover{color:var(--sessiz)}
.katliste .adet{font-size:12px;font-weight:500;color:var(--sessiz);font-variant-numeric:tabular-nums}

/* ==========================================================================
   Foto galeri, anket, köşe yazısı, canlı anlatım
   ========================================================================== */

/* ---------- Foto galeri ---------- */
.galeri{margin:0 0 24px}
.galeri-cerceve{position:relative;overflow:hidden;background:var(--murekkep)}
.galeri-serit{display:flex;transition:transform .32s cubic-bezier(.4,0,.2,1)}
.galeri-kare{flex:0 0 100%;min-width:0}
.galeri-kare img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--murekkep)}
/* JS yoksa: dikey liste olarak okunur kalır */
.galeri:not(.hazir) .galeri-serit{display:block}
.galeri:not(.hazir) .galeri-kare{margin-bottom:2px}
.galeri:not(.hazir) .galeri-ok,.galeri:not(.hazir) .galeri-sayac{display:none}
.galeri-ok{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;
  background:rgba(20,24,31,.62);color:#fff;border:0;font-size:26px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:background .15s}
.galeri-ok:hover:not(:disabled){background:rgba(20,24,31,.85)}
.galeri-ok:disabled{opacity:.25;cursor:default}
.galeri-geri{left:0}
.galeri-ileri{right:0}
.galeri-sayac{position:absolute;right:12px;bottom:12px;background:rgba(20,24,31,.78);color:#fff;
  font-family:var(--arayuz);font-size:12px;font-weight:600;padding:4px 10px;
  font-variant-numeric:tabular-nums;letter-spacing:.03em}
.galeri-yazi{font-family:var(--arayuz);font-size:13.5px;color:var(--sessiz);margin-top:10px;
  padding-left:10px;border-left:2px solid var(--cizgi);min-height:1.2em}
.galeri:focus-visible{outline:3px solid var(--acil);outline-offset:3px}

/* ---------- Anket ---------- */
.anket-sarmal{margin:30px 0}
.anket{border:1px solid var(--cizgi);border-top:3px solid var(--murekkep);padding:20px 22px;
  background:var(--kagit)}
.anket-soru{font-family:var(--baslik);font-stretch:82%;font-size:1.2rem;margin:0 0 16px;line-height:1.25}
.anket-secenek{list-style:none;margin:0 0 16px;padding:0}
.anket-secenek li{margin-bottom:9px}
.anket-secenek label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;
  border:1px solid var(--cizgi);padding:11px 14px;font-family:var(--arayuz);font-size:15px}
.anket-secenek label:hover{border-color:var(--murekkep)}
.anket-secenek input{margin-top:3px;flex:none}
.anket-secenek input:checked + span{font-weight:700}
.anket-sonuc{list-style:none;margin:0;padding:0}
.anket-sonuc li{margin-bottom:15px}
.anket-satir{display:flex;justify-content:space-between;gap:10px;font-family:var(--arayuz);
  font-size:14.5px;margin-bottom:5px}
.anket-satir b{font-variant-numeric:tabular-nums}
.anket-cubuk{height:9px;background:var(--zemin);border:1px solid var(--cizgi)}
.anket-cubuk span{display:block;height:100%;background:var(--murekkep);transition:width .5s ease-out}
.anket-sonuc small{font-family:var(--arayuz);font-size:12px;color:var(--sessiz);
  display:block;margin-top:4px;font-variant-numeric:tabular-nums}
.anket-toplam{font-family:var(--arayuz);font-size:12.5px;color:var(--sessiz);margin:14px 0 0;
  padding-top:12px;border-top:1px solid var(--cizgi)}
.sidebar .anket{border-top-width:2px;padding:16px 17px}
.sidebar .anket-soru{font-size:1.02rem;margin-bottom:13px}

/* ---------- Köşe yazısı ---------- */
.article-kose{max-width:none}
.kose-ust{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:18px;
  border-bottom:1px solid var(--cizgi)}
.kose-portre{width:86px;height:86px;border-radius:50%;object-fit:cover;flex:none;background:var(--zemin)}
.kose-portre-yok{background:var(--murekkep);color:var(--kagit);display:grid;place-items:center;
  font-family:var(--baslik);font-stretch:75%;font-weight:800;font-size:36px}
.kose-etiket{display:block;font-family:var(--arayuz);font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--sessiz);margin-bottom:4px}
.kose-yazar{font-family:var(--baslik);font-stretch:80%;font-weight:700;font-size:1.5rem;
  line-height:1.1;color:var(--murekkep)}
.kose-yazar:hover{text-decoration:underline;text-underline-offset:3px}
.article-kose h1{font-size:clamp(1.8rem,3.9vw,2.7rem);font-stretch:80%}
/* Köşe yazısı gövdesi biraz daha edebi: satır aralığı açık, ilk harf büyük */
.article-kose .article-body{font-size:19px;line-height:1.78}
.article-kose .article-body > p:first-of-type::first-letter{
  float:left;font-family:var(--baslik);font-stretch:70%;font-weight:800;font-size:3.4em;
  line-height:.82;margin:.04em .09em 0 0;color:var(--murekkep)}

/* ---------- Canlı anlatım ---------- */
.canli-rozet{display:inline-flex;align-items:center;gap:7px;background:var(--acil);color:#fff;
  font-family:var(--arayuz);font-size:11px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;padding:4px 11px;margin-bottom:12px}
.canli-rozet::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;
  animation:canli 1.8s ease-in-out infinite}
.canli-rozet.bitti{background:var(--sessiz)}
.canli-rozet.bitti::before{animation:none;opacity:.6}
.canli{margin-top:32px;padding-top:24px;border-top:2px solid var(--murekkep)}
.canli-baslik{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.canli-baslik h2{margin:0;font-size:1.3rem;font-stretch:80%;text-transform:uppercase;letter-spacing:.02em}
.canli-durum{font-family:var(--arayuz);font-size:11.5px;color:var(--sessiz);
  text-transform:uppercase;letter-spacing:.09em;font-weight:600}
.canli-durum.vurgu{color:var(--acil)}
.canli-liste{list-style:none;margin:0;padding:0;position:relative}
.canli-liste::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--cizgi)}
.cgiris{position:relative;padding:0 0 26px 30px}
.cgiris:last-child{padding-bottom:0}
.cgiris::before{content:"";position:absolute;left:0;top:7px;width:11px;height:11px;border-radius:50%;
  background:var(--kagit);border:2px solid var(--cizgi)}
.cgiris.onemli::before{background:var(--acil);border-color:var(--acil)}
.cgiris-ust{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.cgiris-ust time{font-family:var(--arayuz);font-size:13px;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--murekkep)}
.cgiris-rozet{font-family:var(--arayuz);font-size:10px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--acil);border:1px solid var(--acil);padding:1px 7px}
.cgiris-govde h3{font-family:var(--baslik);font-stretch:84%;font-size:1.14rem;margin:0 0 7px;line-height:1.2}
.cgiris-govde p{margin:0 0 .8em;font-size:16.5px;line-height:1.6}
.cgiris-govde p:last-child{margin-bottom:0}
.cgiris-govde img{margin:10px 0;max-width:100%}
.cgiris-yazar{display:block;font-family:var(--arayuz);font-size:12px;color:var(--sessiz);margin-top:8px}
.cgiris.onemli .cgiris-govde{border-left:3px solid var(--acil);padding-left:14px;margin-left:-14px}
@keyframes geldi{from{background:rgba(217,27,36,.09)}to{background:transparent}}
.cgiris.yeni-geldi{animation:geldi 2.4s ease-out}

/* Kart üzerinde tür işaretleri */
.tur-etiket{display:inline-block;font-family:var(--arayuz);font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;margin-bottom:6px;
  border:1px solid var(--cizgi);color:var(--sessiz)}
.tur-canli{background:var(--acil);border-color:var(--acil);color:#fff}
.tur-kose{border-color:var(--murekkep);color:var(--murekkep)}

@media(max-width:700px){
  .kose-ust{gap:13px}
  .kose-portre{width:66px;height:66px}
  .kose-portre-yok{font-size:28px}
  .kose-yazar{font-size:1.24rem}
  .article-kose .article-body{font-size:17.5px}
  .galeri-ok{width:38px;height:48px;font-size:22px}
  .cgiris{padding-left:26px}
}
@media print{
  .galeri-ok,.galeri-sayac,.anket-sarmal,.canli-durum{display:none!important}
  .galeri-serit{display:block!important}
  .galeri-kare{page-break-inside:avoid}
}

/* ==========================================================================
   Piyasa verileri
   Renk kuralı: artış/düşüş burada anlam taşır, bu yüzden yeşil/kırmızı
   kullanılır. Bunlar "aciliyet" kırmızısı değil, finans göstergesidir —
   o yüzden ayrı, daha koyu tonlar seçildi.
   ========================================================================== */
:root{--artis:#0f7a3d;--dusus:#c22a25}
html.dark{--artis:#3fbf72;--dusus:#ff5f57}

.piyasa{background:var(--murekkep);color:#e6eaf0;border-bottom:1px solid rgba(255,255,255,.1)}
html.dark .piyasa{background:#080b0f}
.piyasa-ic{display:flex;align-items:center;gap:0;height:36px;overflow:hidden}
.pi-etiket{flex:none;font-family:var(--arayuz);font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#8f9aa8;padding-right:16px;margin-right:16px;
  border-right:1px solid rgba(255,255,255,.16)}
.pi-etiket:hover{color:#fff}
.pi-ray{overflow:hidden;flex:1;min-width:0;white-space:nowrap;
  mask-image:linear-gradient(90deg,#000 94%,transparent)}
.pi-akis{display:inline-block;animation:pi-kay 48s linear infinite}
.pi-ray:hover .pi-akis{animation-play-state:paused}
@keyframes pi-kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pi-oge{display:inline-flex;align-items:baseline;gap:8px;margin-right:30px;
  font-family:var(--arayuz);font-size:13px}
.pi-oge b{font-weight:700;letter-spacing:.04em;color:#fff}
.pi-deger{font-variant-numeric:tabular-nums;color:#dbe2ea}
.pi-degisim{font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.pi-degisim.artis{color:#4fd18b}
.pi-degisim.dusus{color:#ff7a74}
.pi-degisim.sabit{color:#8f9aa8}

/* Yan sütun kutusu */
.pk-tablo{width:100%;border-collapse:collapse;font-family:var(--arayuz)}
.pk-tablo tr{border-bottom:1px solid var(--cizgi)}
.pk-tablo tr:last-child{border-bottom:0}
.pk-tablo th{text-align:left;padding:10px 0;font-weight:700;font-size:13.5px}
.pk-tablo th small{display:block;font-weight:400;font-size:11.5px;color:var(--sessiz);margin-top:1px}
.pk-tablo td{padding:10px 0;text-align:right;font-size:14px;font-variant-numeric:tabular-nums}
.pk-deger{font-weight:600}
.pk-degisim{font-size:12px;font-weight:600;width:78px}
.pk-degisim.artis{color:var(--artis)}
.pk-degisim.dusus{color:var(--dusus)}
.pk-degisim.sabit{color:var(--sessiz)}
.pk-zaman{font-family:var(--arayuz);font-size:11.5px;color:var(--sessiz);margin:12px 0 0;
  padding-top:10px;border-top:1px solid var(--cizgi)}
.pk-tum{display:inline-block;margin-top:8px;font-family:var(--arayuz);font-size:12.5px;
  font-weight:600;color:var(--sessiz)}
.pk-tum:hover{color:var(--murekkep);text-decoration:underline}

/* Piyasalar sayfası */
.piyasa-tablo{width:100%;border-collapse:collapse;background:var(--kagit);
  border:1px solid var(--cizgi);font-family:var(--arayuz)}
.piyasa-tablo thead th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--sessiz);padding:11px 16px;border-bottom:2px solid var(--murekkep)}
.piyasa-tablo thead th:not(:first-child){text-align:right}
.piyasa-tablo tbody tr{border-bottom:1px solid var(--cizgi)}
.piyasa-tablo tbody tr:last-child{border-bottom:0}
.piyasa-tablo th[scope=row]{text-align:left;padding:14px 16px;font-weight:700;font-size:15px}
.piyasa-tablo th[scope=row] small{display:block;font-weight:400;font-size:12.5px;
  color:var(--sessiz);margin-top:2px}
.piyasa-tablo td{padding:14px 16px;text-align:right;font-variant-numeric:tabular-nums}
.pt-deger{font-size:17px;font-weight:600}
.pt-degisim{font-size:14px;font-weight:600;width:110px}
.pt-degisim.artis{color:var(--artis)}
.pt-degisim.dusus{color:var(--dusus)}
.pt-degisim.sabit{color:var(--sessiz)}
.piyasa-not{font-family:var(--arayuz);font-size:12.5px;color:var(--sessiz);line-height:1.6;
  margin-top:18px;padding-left:12px;border-left:2px solid var(--cizgi);max-width:62ch}

@media(max-width:700px){
  .pi-etiket{padding-right:12px;margin-right:12px}
  .pi-oge{margin-right:22px;font-size:12.5px}
  .piyasa-tablo th[scope=row]{padding:12px}
  .piyasa-tablo td{padding:12px}
  .pt-degisim{width:88px;font-size:13px}
}
@media print{.piyasa{display:none!important}}

/* Diğer kaynaklardan (başlık + kaynak bağlantısı) */
.kaynak-liste{list-style:none;margin:0;padding:0}
.kaynak-liste li{border-bottom:1px solid var(--cizgi)}
.kaynak-liste li:last-child{border-bottom:0}
.kaynak-liste a{display:block;padding:12px 0}
.kaynak-liste a:hover .kl-baslik{text-decoration:underline;text-underline-offset:3px}
.kl-baslik{display:block;font-family:var(--baslik);font-stretch:84%;font-weight:600;
  font-size:1.03rem;line-height:1.25}
.kl-alt{display:flex;gap:10px;align-items:baseline;margin-top:4px;
  font-family:var(--arayuz);font-size:11.5px;color:var(--sessiz)}
.kl-alt b{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}
.kaynak-not{font-family:var(--arayuz);font-size:12px;color:var(--sessiz);margin:14px 0 0;
  padding-top:12px;border-top:1px solid var(--cizgi)}

/* ---------- Hava durumu kutusu ---------- */
.hv-ust{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--cizgi)}
.hv-simge{font-size:40px;line-height:1}
.hv-derece{display:block;font-family:var(--baslik);font-stretch:74%;font-weight:800;
  font-size:2.1rem;line-height:1}
.hv-sehir{display:block;font-family:var(--arayuz);font-size:13px;font-weight:600;margin-top:2px}
.hv-yazi{display:block;font-family:var(--arayuz);font-size:12.5px;color:var(--sessiz)}
.hv-gunler{list-style:none;margin:0;padding:0}
.hv-gunler li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--cizgi);
  font-family:var(--arayuz);font-size:13.5px}
.hv-gunler li:last-child{border-bottom:0}
.hv-gun{flex:1;font-weight:600}
.hv-g-simge{font-size:17px}
.hv-derece2{font-variant-numeric:tabular-nums;width:64px;text-align:right}
.hv-derece2 b{font-weight:700}
.hv-derece2 em{font-style:normal;color:var(--sessiz)}
.hv-not{font-family:var(--arayuz);font-size:11px;color:var(--sessiz);margin:10px 0 0;
  padding-top:9px;border-top:1px solid var(--cizgi)}

/* ---------- Namaz vakitleri ---------- */
.nz-sehir{font-family:var(--arayuz);font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sessiz);margin-bottom:10px}
.nz-liste{list-style:none;margin:0;padding:0}
.nz-liste li{display:flex;justify-content:space-between;align-items:baseline;
  padding:9px 0;border-bottom:1px solid var(--cizgi);font-family:var(--arayuz);font-size:14px}
.nz-liste li:last-child{border-bottom:0}
.nz-liste time{font-variant-numeric:tabular-nums;font-weight:600}
.nz-liste li.siradaki{color:var(--acil);font-weight:700}
.nz-liste li.siradaki time{font-weight:800}
.nz-liste li.siradaki span::after{content:" ▸";font-size:11px}

/* ==========================================================================
   TV HABER PORTALI DÜZENİ
   Gazete editoryalinden farkı: ekran başına çok daha fazla haber, görsel
   üzerinde manşet, kırmızı marka rengi olarak baskın. Kırmızı burada hem
   marka hem aciliyet taşır — TV kanalı portallarının dili budur.
   ========================================================================== */

/* ---------- Manşet: görsel üzerinde yazı ---------- */
.manset{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:12px;margin-bottom:30px}
.mn-buyuk,.mn-kucuk{position:relative;display:block;overflow:hidden;background:var(--murekkep)}
.mn-buyuk img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .45s ease}
.mn-buyuk:hover img,.mn-kucuk:hover img{transform:scale(1.035)}
.mn-yan{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mn-kucuk img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .45s ease}
.mn-perde{position:absolute;left:0;right:0;bottom:0;padding:20px;
  background:linear-gradient(to top,rgba(9,11,15,.94) 0%,rgba(9,11,15,.72) 45%,transparent 100%);
  color:#fff}
.mn-kucuk .mn-perde{padding:12px}
.mn-perde h2{font-family:var(--baslik);font-stretch:78%;font-weight:800;
  font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.06;margin:0;color:#fff;
  text-shadow:0 1px 14px rgba(0,0,0,.4)}
.mn-perde h3{font-family:var(--baslik);font-stretch:82%;font-weight:700;font-size:.98rem;
  line-height:1.18;margin:0;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.mn-perde p{font-family:var(--arayuz);font-size:14px;line-height:1.45;margin:8px 0 0;
  color:#d9dee6;max-width:52ch}
.mn-kat{display:inline-block;font-family:var(--arayuz);font-size:10.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:#fff;margin-bottom:7px;
  border-left:3px solid var(--acil);padding-left:7px}
.mn-kucuk .mn-kat{font-size:9.5px;margin-bottom:5px}
.mn-sd{display:inline-block;background:var(--acil);color:#fff;font-family:var(--arayuz);
  font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  padding:3px 8px;margin-bottom:7px;margin-right:6px}
.mn-canli{background:#0f7a3d}
.mn-canli::before{content:"● "}

/* ---------- Bölüm başlığı: kırmızı işaretli ---------- */
.blok{margin-bottom:34px}
.blok-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:16px;border-bottom:2px solid var(--murekkep);padding-bottom:0}
.blok-bas h2{margin:0;font-size:1.08rem;font-stretch:82%;text-transform:uppercase;
  letter-spacing:.06em;background:var(--acil);color:#fff;padding:8px 16px}
.blok-bas h2 a{color:#fff}
.blok-tum{font-family:var(--arayuz);font-size:12px;font-weight:700;color:var(--sessiz);
  text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px}
.blok-tum:hover{color:var(--acil)}

/* ---------- Yoğun kart ızgarası ---------- */
.kart-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kart-izgara-4{grid-template-columns:repeat(4,1fr)}
.kart{display:block}
.kart-gorsel{position:relative;display:block;overflow:hidden;background:var(--zemin);margin-bottom:9px}
.kart-gorsel img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease}
.kart:hover .kart-gorsel img{transform:scale(1.05)}
.kart-sd{position:absolute;left:0;top:0;background:var(--acil);color:#fff;
  font-family:var(--arayuz);font-size:9.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;padding:3px 8px}
.kart-canli{background:#0f7a3d}
.kart-canli::before{content:"● "}
.kart-govde{display:block}
.kart-kat{display:block;font-family:var(--arayuz);font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--acil);margin-bottom:4px}
.kart-baslik{display:block;font-family:var(--baslik);font-stretch:84%;font-weight:700;
  font-size:1rem;line-height:1.22;color:var(--murekkep)}
.kart:hover .kart-baslik{color:var(--acil)}
.kart time{display:block;font-family:var(--arayuz);font-size:11.5px;color:var(--sessiz);margin-top:5px}

/* ---------- Yan ray: canlı son dakika akışı ---------- */
.canli-akis-kutu .widget-title{background:var(--acil);color:#fff;border-bottom:0;
  padding:9px 14px;margin-bottom:0;display:flex;align-items:center;gap:9px}
.akis-nokta{width:8px;height:8px;border-radius:50%;background:#fff;flex:none;
  animation:canli 1.6s ease-in-out infinite}
.akis-liste{list-style:none;margin:0;padding:0;border:1px solid var(--cizgi);border-top:0;
  max-height:520px;overflow-y:auto}
.akis-liste li{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:baseline;
  padding:11px 13px;border-bottom:1px solid var(--cizgi)}
.akis-liste li:last-child{border-bottom:0}
.akis-liste li:hover{background:var(--zemin)}
.akis-liste time{font-family:var(--arayuz);font-size:11.5px;font-weight:700;
  color:var(--acil);font-variant-numeric:tabular-nums}
.akis-liste a{font-family:var(--baslik);font-stretch:86%;font-weight:600;font-size:.94rem;
  line-height:1.24}
.akis-liste a:hover{text-decoration:underline;text-underline-offset:2px}

/* ---------- Duyarlılık ---------- */
@media(max-width:1000px){
  .kart-izgara,.kart-izgara-4{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .manset{grid-template-columns:1fr;gap:10px}
  .mn-perde h2{font-size:1.45rem}
  .kart-izgara,.kart-izgara-4{grid-template-columns:repeat(2,1fr);gap:14px}
}
@media(max-width:560px){
  .mn-yan{grid-template-columns:1fr}
  .kart-izgara,.kart-izgara-4{grid-template-columns:1fr;gap:0}
  .kart{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:start;
    padding:13px 0;border-bottom:1px solid var(--cizgi)}
  .kart-gorsel{margin-bottom:0}
  .kart-baslik{font-size:.96rem}
  .blok-bas h2{font-size:.98rem;padding:7px 13px}
}

/* ---------- Sabit sayfalar (künye, hakkımızda, gizlilik) ---------- */
.sabit-sayfa h1{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:20px;
  padding-bottom:16px;border-bottom:2px solid var(--murekkep)}
.sabit-sayfa .article-body{max-width:72ch}
.sabit-sayfa .article-body h2{font-size:1.32rem;margin-top:1.9em}
.sayfa-tarih{font-family:var(--arayuz);font-size:12.5px;color:var(--sessiz);
  margin-top:28px;padding-top:14px;border-top:1px solid var(--cizgi)}

/* ---------- Alt bilgi sosyal medya satırı ---------- */
.sosyal-satir{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  padding:18px 20px 4px}
.sosyal-satir a{font-family:var(--arayuz);font-size:12.5px;font-weight:600;
  color:#b6bfcb;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:2px}
.sosyal-satir a:hover{color:#fff;border-color:rgba(255,255,255,.5)}