/* ENTSignal ortak stil ("Akış" düzeni). Renkler, aralıklar ve yazı ölçüleri burada tanımlıdır;
   sayfalar yalnızca kendilerine özgü kuralları ekler. */

@font-face{
  font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/inter-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/inter-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  /* Zemin ve yazı */
  --zemin:#ffffff; --kagit:#f6f5f2; --kart:#ffffff;
  --yazi:#1c1d1f; --baslik:#03192c; --gri:#606368; --ozet:#45484d;
  --cizgi:#e4e2dc; --cizgi-koyu:#03192c;
  /* Marka */
  --lacivert:#03192c; --amber:#f2b249; --oynat-isaret:#03192c; --vurgu:#0f5f7a; --vurgu-acik:#e3f0f4;
  --acil:#b5531a;
  /* Durum */
  --ok:#1f7a3f; --ok-acik:#e5f3ea; --uyari:#9a5b00; --uyari-acik:#fbf0dc;
  --canli:#7a2e8f; --canli-acik:#f3e8f6; --gecmis:#5f6368; --gecmis-acik:#efeeeb;
  /* Alt dallar: yazı / zemin */
  --d-oto:#0f6e6a; --d-oto-z:#e0f2ef;
  --d-rin:#3d5a99; --d-rin-z:#e6ecf8;
  --d-lar:#8a4a12; --d-lar-z:#f8ebdd;
  --d-bb:#8f2f4a;  --d-bb-z:#f7e4ea;
  --d-fp:#a0307c;  --d-fp-z:#f8e3f1;
  --d-ped:#5b6b16; --d-ped-z:#eef2dc;
  --d-uyk:#5b3f8f; --d-uyk-z:#ece6f6;
  --d-gen:#4a5560; --d-gen-z:#eceef0;
  /* Ölçüler */
  --icerik:760px; --icerik-genis:960px; --kenar:20px;
  --yazi-tipi:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --zemin:#121416; --kagit:#1a1c1f; --kart:#1a1c1f;
    --yazi:#e8e8e6; --baslik:#f3f2ee; --gri:#a3a7ad; --ozet:#c3c6ca;
    --cizgi:#2c2f33; --cizgi-koyu:#e8e8e6;
    --vurgu:#6cc0dc; --vurgu-acik:#163039; --acil:#f0915c; --oynat-isaret:#03192c;
    --ok:#6fd294; --ok-acik:#173523; --uyari:#f0b65a; --uyari-acik:#3a2c14;
    --canli:#d7a1e6; --canli-acik:#36223d; --gecmis:#a0a4ab; --gecmis-acik:#26282b;
    --d-oto:#6fd1c8; --d-oto-z:#16302e;
    --d-rin:#9db4ec; --d-rin-z:#1c2540;
    --d-lar:#ecb27a; --d-lar-z:#36261a;
    --d-bb:#ec9ab1; --d-bb-z:#3a1d27;
  --d-fp:#e79ad0; --d-fp-z:#3a1f33;
    --d-ped:#c2d47a; --d-ped-z:#2a3018;
    --d-uyk:#c3aef0; --d-uyk-z:#2a2340;
    --d-gen:#b9c0c7; --d-gen-z:#25292d;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --zemin:#121416; --kagit:#1a1c1f; --kart:#1a1c1f;
  --yazi:#e8e8e6; --baslik:#f3f2ee; --gri:#a3a7ad; --ozet:#c3c6ca;
  --cizgi:#2c2f33; --cizgi-koyu:#e8e8e6;
  --vurgu:#6cc0dc; --vurgu-acik:#163039; --acil:#f0915c; --oynat-isaret:#03192c;
  --ok:#6fd294; --ok-acik:#173523; --uyari:#f0b65a; --uyari-acik:#3a2c14;
  --canli:#d7a1e6; --canli-acik:#36223d; --gecmis:#a0a4ab; --gecmis-acik:#26282b;
  --d-oto:#6fd1c8; --d-oto-z:#16302e;
  --d-rin:#9db4ec; --d-rin-z:#1c2540;
  --d-lar:#ecb27a; --d-lar-z:#36261a;
  --d-bb:#ec9ab1; --d-bb-z:#3a1d27;
  --d-fp:#e79ad0; --d-fp-z:#3a1f33;
  --d-ped:#c2d47a; --d-ped-z:#2a3018;
  --d-uyk:#c3aef0; --d-uyk-z:#2a2340;
  --d-gen:#b9c0c7; --d-gen-z:#25292d;
  color-scheme:dark;
}

/* Temel */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.akis{margin:0;background:var(--zemin);color:var(--yazi);font:400 16px/1.55 var(--yazi-tipi);font-feature-settings:"cv11"}
.akis a{color:var(--vurgu);text-decoration:none}
.akis a:hover{color:var(--baslik);text-decoration:underline}
.akis :focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;border-radius:3px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Uyarı şeridi */
.serit{padding:7px var(--kenar);background:var(--uyari-acik);color:var(--uyari);font-size:12.5px;font-weight:500;text-align:center;line-height:1.4}

/* Üst bilgi */
.ust-bilgi{border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.ust-ic{max-width:var(--icerik);margin:0 auto;padding:0 var(--kenar);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.genis .ust-ic,.genis .alt-ic{max-width:var(--icerik-genis)}
.marka{display:block;line-height:0;flex:none}
.marka svg{height:26px;width:auto;display:block}
.marka .harf{fill:var(--baslik)}
.marka .nokta{fill:var(--amber)}
/* Sinyal noktası: açılışta düşüp kauçuk gibi sekerek oturur, sonra hafifçe nefes alır; arada bir halka yayar */
.marka svg{overflow:visible}
.marka .nokta-g,.marka .nokta,.marka .halka{transform-box:fill-box}
.marka .nokta-g{transform-origin:50% 100%;animation:nokta-in .95s both}
.marka .nokta{transform-origin:50% 50%;animation:nokta-nefes 4.2s ease-in-out 1.2s infinite}
.marka .halka{fill:none;stroke:var(--amber);stroke-width:1.6;transform-origin:50% 50%;opacity:0;animation:nokta-halka 11s ease-out 1.1s infinite}
@keyframes nokta-in{
  0%{transform:translateY(-320%) scale(.85,1.15);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}
  12%{opacity:1}
  52%{transform:translateY(0) scale(1.35,.65);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  70%{transform:translateY(-55%) scale(.92,1.08);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  84%{transform:translateY(0) scale(1.12,.88);animation-timing-function:ease-out}
  100%{transform:translateY(0) scale(1)}
}
/* Siteye ilk girişte düşer; sayfa değiştirince yalnızca hafif bir zıplama */
.nokta-gordu .marka .nokta-g{animation:nokta-zipla .55s .1s both}
@keyframes nokta-zipla{
  0%{transform:translateY(0) scale(1.12,.88);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  40%{transform:translateY(-70%) scale(.94,1.06);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  75%{transform:translateY(0) scale(1.1,.9);animation-timing-function:ease-out}
  100%{transform:translateY(0) scale(1)}
}
@keyframes nokta-nefes{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes nokta-halka{0%{transform:scale(1);opacity:.75}13%{transform:scale(3.4);opacity:0}100%{transform:scale(3.4);opacity:0}}
/* Başlık noktası: sayfa açılınca bir kez halka */
.sayfa-baslik .nk{position:relative}
.sayfa-baslik .nk::after{content:"";position:absolute;left:50%;bottom:.07em;width:.2em;height:.2em;margin-left:-.1em;border:2px solid var(--amber);border-radius:50%;opacity:0;pointer-events:none;animation:nk-halka 1.3s ease-out 1.3s both}
@keyframes nk-halka{0%{transform:scale(1);opacity:.8}100%{transform:scale(3);opacity:0}}
.menu{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:15px;font-weight:500}
.akis .menu a{color:var(--gri);padding:10px 0}
.akis .menu a:hover{color:var(--baslik);text-decoration:none}
.akis .menu a[aria-current="page"]{color:var(--baslik);font-weight:700}
.menu-dugme{display:none}
.tema{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:0;background:none;color:var(--gri);border-radius:999px;cursor:pointer}
.tema:hover{color:var(--baslik)}
.tema svg{width:18px;height:18px}
/* Dil düğmesi: geçilecek dili gösteren küçük metin (EN / TR) */
.dil{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:44px;margin-left:4px;padding:0 6px;border:0;background:none;color:var(--gri);font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;border-radius:999px;cursor:pointer}
.dil:hover{color:var(--baslik)}
/* Dil açılışta yüklenirken Türkçe metin görünüp kaybolmasın (sözlük gelmezse 1,5 sn sonra görünür) */
html[data-dil="en"]:not([data-dil-hazir]) body{opacity:0;animation:dilGoster 0s 1.5s forwards}
@keyframes dilGoster{to{opacity:1}}
/* İngilizce'de çevrilmeyen (Türkçe kalan) içeriğin küçük gri etiketi; Türkçe'de boş kalır ve görünmez */
.dil-etiket{display:block;margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--gri)}
.dil-etiket:empty{display:none}

/* Sayfa */
.sayfa{max-width:var(--icerik);margin:0 auto;padding:56px var(--kenar) 72px}
.genis .sayfa{max-width:var(--icerik-genis)}
.ust-etiket{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vurgu)}
.sayfa-baslik{margin:6px 0 0;font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-.035em;color:var(--baslik)}
.sayfa-baslik .nk{color:var(--amber)}
.giris{margin:14px 0 0;font-size:18px;color:var(--ozet);max-width:560px}

/* Bölüm */
.bolum{margin-top:56px}
.bolum-ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:2px solid var(--cizgi-koyu);padding-bottom:8px}
.bolum-ust h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--baslik)}
.bolum-ust a{font-size:14px;font-weight:600;white-space:nowrap}
.bos-not{padding:18px 0;color:var(--gri);font-size:15px;border-bottom:1px solid var(--cizgi)}

/* Satırlar */
.satir{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--cizgi);color:var(--yazi)}
.akis a.satir{color:var(--yazi)}
.akis a.satir:hover{text-decoration:none}
.akis a.satir:hover .satir-ad{color:var(--vurgu)}
.satir-sol{width:84px;flex:none}
.satir-govde{flex:1 1 auto;min-width:0}
.satir-ad{display:block;font-size:17px;font-weight:600;line-height:1.35}
.satir-alt{display:block;font-size:14px;color:var(--gri)}
.gun{display:flex;align-items:baseline;gap:4px}
.gun b{font-size:36px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--baslik)}
.gun.acil b{color:var(--acil)}
.gun span{font-size:13px;font-weight:600;color:var(--gri)}
.tarih-kisa{font-size:14px;font-weight:700;color:var(--vurgu);font-variant-numeric:tabular-nums}

/* Makale */
.makale{padding:22px 0;border-bottom:1px solid var(--cizgi)}
.makale-ust{margin:0;font-size:13px;color:var(--gri)}
.makale-ust .dal{font-weight:700}
.makale h3{margin:6px 0 0;font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--yazi)}
.makale .ozet{margin:8px 0 0;font-size:15.5px;color:var(--ozet)}
.baglantilar{margin:10px 0 0;font-size:14px;font-weight:600;display:flex;flex-wrap:wrap;gap:4px 18px}
.baglantilar a,.baglantilar button{display:inline-flex;align-items:center;min-height:32px}

/* Dal renkleri */
.d-oto{--d:var(--d-oto);--dz:var(--d-oto-z)}
.d-rin{--d:var(--d-rin);--dz:var(--d-rin-z)}
.d-lar{--d:var(--d-lar);--dz:var(--d-lar-z)}
.d-bb{--d:var(--d-bb);--dz:var(--d-bb-z)}
.d-fp{--d:var(--d-fp);--dz:var(--d-fp-z)}
.d-ped{--d:var(--d-ped);--dz:var(--d-ped-z)}
.d-uyk{--d:var(--d-uyk);--dz:var(--d-uyk-z)}
.d-gen{--d:var(--d-gen);--dz:var(--d-gen-z)}
.dal{color:var(--d,var(--gri))}

/* Bülten kapsülü */
.kapsul{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--cizgi);border-radius:999px;padding:5px 16px 5px 5px;color:var(--yazi);background:var(--zemin)}
/* Çalma düğmesi: logodaki nokta turuncusu; işaret açık temada koyu, koyu temada beyaz */
.oynat{width:40px;height:40px;flex:none;border-radius:999px;border:0;background:var(--amber);color:var(--oynat-isaret);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.oynat:hover{filter:brightness(1.06)}
.oynat svg{width:20px;height:20px;margin-left:2px}
/* Kısa özet sesi: kart üstünde küçük düğme; çalarken turuncu daire nefes alır */
.ozet-dinle{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--gri);cursor:pointer}
.ozet-dinle:hover{color:var(--baslik)}
.ozet-dinle .ozet-dinle-yazi{font-variant-numeric:tabular-nums}
.oynat.kucuk{width:28px;height:28px}
.oynat.kucuk svg{width:14px;height:14px;margin-left:1px}
.ozet-dinle.caliyor .oynat.kucuk svg{margin-left:0}
.ozet-dinle.caliyor .oynat.kucuk{animation:nefes 1.8s ease-in-out infinite}
@keyframes nefes{0%,100%{box-shadow:0 0 0 0 rgba(242,178,73,.6);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(242,178,73,0);transform:scale(1.06)}}
.kapsul-yazi{line-height:1.3}
.kapsul-yazi b{display:block;font-size:14px;font-weight:700;color:var(--baslik)}
.kapsul-yazi span{display:block;font-size:12.5px;color:var(--gri)}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;font:inherit;font-size:14px;font-weight:600;color:var(--baslik);background:var(--zemin);border:1px solid var(--cizgi);border-radius:999px;cursor:pointer;text-decoration:none}
.akis a.dugme:hover,.dugme:hover{border-color:var(--baslik);text-decoration:none;color:var(--baslik)}
.dugme svg{width:16px;height:16px}
.dugme.dolu{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}

/* Alt bilgi */
.alt{border-top:1px solid var(--cizgi);margin-top:auto}
.alt-ic{max-width:var(--icerik);margin:0 auto;padding:24px var(--kenar) 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;flex-wrap:wrap;font-size:13px;color:var(--gri)}
.alt-ic p{margin:0}
.alt-baglanti{display:flex;flex-wrap:wrap;gap:4px 18px}
.alt-baglanti a{font-weight:600}

/* Telefon */
@media (max-width:640px){
  :root{--kenar:16px}
  .ust-ic{min-height:58px}
  .marka svg{height:22px}
  .menu-dugme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:0;background:none;color:var(--baslik);cursor:pointer;border-radius:999px}
  .menu-dugme svg{width:22px;height:22px}
  .dil{margin-left:auto}
  .tema{margin-left:0;margin-right:0}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;flex-direction:column;align-items:stretch;gap:0;padding:4px var(--kenar) 12px;background:var(--zemin);border-bottom:1px solid var(--cizgi);box-shadow:0 8px 24px rgba(0,0,0,.08)}
  .ust-bilgi.acik .menu{display:flex}
  .akis .menu a{padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:16px}
  .akis .menu a:last-child{border-bottom:0}
  .ust-bilgi{position:relative}
  .sayfa{padding:28px var(--kenar) 56px}
  .sayfa-baslik{font-size:34px}
  .giris{font-size:16px;margin-top:10px}
  .bolum{margin-top:40px}
  .satir{gap:14px}
  .satir-sol{width:56px}
  .gun{flex-direction:column;gap:0}
  .gun b{font-size:28px}
  .makale h3{font-size:17.5px}
  .makale .ozet{font-size:15px}
}

@media (prefers-reduced-motion: reduce){
  .marka .nokta-g,.nokta-gordu .marka .nokta-g,.marka .nokta{animation:none}
  .marka .halka,.sayfa-baslik .nk::after{display:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
