/* GG ortak görünüm — tüm sayfalarda GreyOSFin sayfasının üst çubuğu, renk tonları ve genişliği.
   Her sayfanın kendi <style> bloğundan SONRA yüklenir. (önizleme 2026-10-13) */

/* 1 · Renk tonları (koyu tema) — GreyOSFin sayfasının sıcak grileri */
html:not([data-theme="light"]){
  --bg:#0B0D10; --bg-soft:#121419; --panel:#121419; --panel-2:#16181E;
  --line:#23262D; --ink:#F2EFE7; --ink-soft:#B6B2A9; --ink-faint:#8F8C86;
  --header-h:69px;
}
html[data-theme="light"]{ --header-h:69px; }
body{ -webkit-font-smoothing:antialiased; }
h1,h2,h3{ font-family:'Sora',sans-serif; letter-spacing:-.02em; text-wrap:balance; }
p{ text-wrap:pretty; }

/* 2 · Üst çubuk — her sayfada aynı yükseklik, genişlik ve düğmeler */
header, header.site{ position:sticky; top:0; z-index:30; border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%); }
html:not([data-theme="light"]) header{ background:rgba(18,19,25,.72); }
header .nav{ max-width:1180px !important; width:100%; margin:0 auto !important; box-sizing:border-box;
  padding:14px 20px !important; display:flex; align-items:center; justify-content:space-between; gap:12px; }
header .nav-logo{ font:700 15.5px 'Sora',sans-serif !important; gap:10px; }
header .nav-logo img{ height:28px !important; width:auto !important; }
header .nav-actions{ gap:10px !important; }
header .nav-cta, header .lang-toggle, header .back-link{
  font:12.5px 'IBM Plex Mono',monospace !important; padding:9px 14px !important; min-height:40px;
  border:1px solid var(--line) !important; border-radius:8px !important; display:inline-flex; align-items:center;
  text-decoration:none; background:transparent; }
header .nav-cta:hover, header .lang-toggle:hover, header .back-link:hover{ border-color:var(--ink-faint) !important; color:var(--ink) !important; }
@media (min-width:1100px){ header .nav{ padding:14px 32px !important; } }

/* 3 · İçerik genişliği — GreyOSFin gibi 1180 px kolon, okunur satır uzunluğu */
.wrap{ max-width:1180px; padding-left:20px !important; padding-right:20px !important; }
@media (min-width:1100px){ .wrap{ padding-left:32px !important; padding-right:32px !important; } }
main p, main li, .section-lead, .lede, .hero p{ max-width:70ch; }

/* 4 · Dar telefon ekranı: blog yazılarındaki "← Blog" düğmesi çubuğu iki satıra düşürmesin
   (Blog bağlantısı menüde, logo ana sayfaya gider) */
@media (max-width:440px){
  header .back-link{ display:none !important; }
  header .nav-actions{ gap:8px !important; }
}