/* Tasarım Dili v1 (Ekim 2026) — sosyal medya görselleriyle aynı renk ve bileşen dili.
   site.css'in üzerine yüklenir; Ayarlar → Genel → "Tasarım dili v1" kapatılırsa hiç yüklenmez (eski görünüm döner).
   Yazı tipi sitede Outfit olarak kalır (kullanıcı kararı 14.10.2026); sosyal medya görselleri Inter kullanır. */
:root{--marka-gradyan:linear-gradient(90deg,#375EAA 0%,#78CCD0 100%)}
.rakam,.stat b,time{font-variant-numeric:tabular-nums}

/* İmza şeridi: logonun gradyanı, sayfanın en üstünde (sosyal medya görsellerinin üst kenarıyla aynı) */
.topbar{position:relative}
.topbar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--marka-gradyan);z-index:2}

/* Kategori çipi: nokta + aralıklı büyük harf */
.cat-pill{gap:7px;padding:4px 11px 4px 9px;font-size:.68rem;letter-spacing:.09em;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#3b5ca8) 24%,transparent)}
.cat-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#3b5ca8) 18%,transparent)}
.single-head .post-meta .cat-pill{padding:4px 10px 4px 8px;font-size:.66rem}

/* Sayfa başlık bandı: düz lacivert yerine sosyal medya v2 "gece mavisi" (üstte logo mavisi ışık, altta turkuaz yansıma) + ince arayüz ızgarası */
.page-hero:not(.hero-red):not(.oz-hero){background:radial-gradient(60% 90% at 88% 6%,rgba(55,94,170,.55),transparent 70%),radial-gradient(45% 60% at 0% 100%,rgba(30,140,160,.22),transparent 70%),linear-gradient(180deg,#10214d 0%,#0b1838 100%)}
.page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:radial-gradient(90% 120% at 85% 0%,#000,transparent 70%);mask-image:radial-gradient(90% 120% at 85% 0%,#000,transparent 70%)}
.page-hero h1{font-weight:800}

/* Haber sayfası: başlık, ilk paragraf (haberin tamamını taşır), okuma düzeni */
.single-head h1{font-size:clamp(1.36rem,1rem + 1.4vw,1.98rem);font-weight:700;line-height:1.18}
.prose{font-size:1.04rem;line-height:1.74}
.single .prose>p:first-child{font-size:1.15rem;line-height:1.6;color:var(--ink);font-weight:500}
.prose blockquote{border-left:0;border-radius:16px;background:var(--soft);box-shadow:inset 3px 0 0 var(--blue)}
.single-cover img{border-radius:18px}
/* Masaüstünde logo diski sayfa yolunun üstüne biniyordu */
@media(min-width:1101px){.single .breadcrumbs{margin-top:60px}}

/* Haber kartları: sakin gölge, belirgin üzerine gelme */
.post-card{box-shadow:0 1px 2px rgba(17,26,46,.04)}
.post-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -26px rgba(20,33,63,.35);border-color:var(--line-2)}