/*
Theme Name: GDV — Gerçek Dünya Varlıkları
Theme URI: https://gercekdunyavarliklari.com
Author: Gerçek Dünya Varlıkları
Description: Kripto referans hub'ı için blok teması. Altın taban, gazete düzeni.
Version: 1.46.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gdv
*/

@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/montserrat-400-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}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/montserrat-400-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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/montserrat-600-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}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/montserrat-600-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:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/montserrat-700-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}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/montserrat-700-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:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/montserrat-800-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}@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/montserrat-800-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}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ── Marka kiti → tema token'ları ───────────────────────────── */
:root{
  --navy-k:#0A1A2F; --navy:#132c4a; --slate:#7a8794;
  --altin:#ebeba2; --yesil:#57935d; --buz:#cfe3f1;

  /* ALTIN TEMA (varsayılan) — marka kitinin düz #ebeba2 tabanı.
     ÖLÇÜM: navy metin 14.09 · ikincil #39434F 8.11 · kategori renkleri min 4.76 → hepsi AA ✓
     Tek kısıt: beyaz kart altın üstünde ayrışmaz (1.24) → kartları KENARLIK ayırır. */
  --bg:#ebeba2;
  --kagit:#ffffff;
  --txt:#0A1A2F;
  --txt2:#39434F;                   /* düz altında 8.11 — 5.17'den koyulaştırıldı */
  --kart-txt2:#39434F;
  --accent:#0A1A2F;
  --cizgi:color-mix(in srgb, #0A1A2F 34%, transparent);
  --cizgi-ince:color-mix(in srgb, #0A1A2F 18%, transparent);
  --durum:#33704A; --uyari:#8A5A16;
  --gorsel:color-mix(in srgb, #fff 62%, transparent);
  /* koyu ada yüzeyleri */
  --ada-bg:#0A1A2F; --ada-txt:#cfe3f1; --ada-txt2:#A9B7C6;
  --ada-yuzey:#132c4a; --ada-vurgu:#ebeba2; --vurgu-bant:#ffffff;
  --k-metin:var(--k);            /* düz altında kategori rengi metin olabilir (min 4.76) */
  --k-rwa:#6B6420;--k-depin:#33704A;--k-defi:#132c4a;--k-ai:#4A5A6B;--k-oracle:#0A1A2F;--k-odeme:#7A4A2E;--k-k101:#55606C;
  --logo:url('assets/img/logo_mask.png');
  --font:'Gotham','Gotham Narrow','Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
:root[data-tema="acik"]{
  --bg:#F2F7FB; --kagit:#ffffff; --txt:#0A1A2F; --txt2:#39434F; --kart-txt2:#39434F;
  --uyari:#8A5A16;
  --accent:#132c4a;
  --cizgi:color-mix(in srgb, #0A1A2F 14%, transparent);
  --cizgi-ince:color-mix(in srgb, #0A1A2F 8%, transparent);
  --gorsel:color-mix(in srgb, #cfe3f1 55%, #fff); --vurgu-bant:#ebeba2;
  --k-metin:var(--k);
  --k-rwa:#6B6420;--k-depin:#33704A;--k-defi:#132c4a;--k-ai:#4A5A6B;--k-oracle:#0A1A2F;--k-odeme:#7A4A2E;--k-k101:#55606C;
}
:root[data-tema="koyu"]{
  --bg:#0A1A2F;
  --kagit:#132c4a;
  --txt:#cfe3f1;
  --txt2:#7a8794;
  --accent:#ebeba2;
  --cizgi:color-mix(in srgb, #cfe3f1 18%, transparent);
  --cizgi-ince:color-mix(in srgb, #cfe3f1 10%, transparent);
  --durum:#8FC79A; --kart-txt2:#7a8794; --uyari:#E3DE9A;
  --gorsel:color-mix(in srgb, #cfe3f1 12%, #132c4a);
  --ada-bg:#132c4a; --ada-txt:#cfe3f1; --ada-txt2:#7a8794; --vurgu-bant:#ebeba2;
  --k-metin:var(--k);
  --ada-yuzey:#0A1A2F; --ada-vurgu:#ebeba2;
  --k-rwa:#E3DE9A;--k-depin:#8FC79A;--k-defi:#9DC2E8;--k-ai:#B9C6D4;--k-oracle:#CFE3F1;--k-odeme:#E0B594;--k-k101:#A9B7C6;
}

html{-webkit-text-size-adjust:100%}
body{background:var(--bg) no-repeat;background-attachment:scroll;min-height:100vh;color:var(--txt);font-family:var(--font);font-size:16px;line-height:1.55;
 -webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .2s,color .2s}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.kap{max-width:var(--wp--style--global--wide-size,1240px);margin:0 auto;padding:0 clamp(18px,4vw,56px)}
.etiket{font-size:11px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--k,var(--accent))}
.bolum-bas{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;
 padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--cizgi)}
.bolum-bas h2{font-size:13px;letter-spacing:.14em;font-weight:700;text-transform:uppercase}
.bolum-bas a{font-size:12.5px;letter-spacing:.1em;font-weight:700;color:var(--accent)}

/* ── Başlık ── */
header{padding:clamp(30px,4.2vw,54px) 0 0}
.bas-ust{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
 padding-bottom:16px;border-bottom:3px double var(--txt)}
.marka{display:inline-flex;align-items:center;gap:13px;min-width:0}
.marka-logo{width:44px;height:44px;flex:none;background-color:currentColor;
 -webkit-mask:var(--logo) no-repeat center/contain;mask:var(--logo) no-repeat center/contain}
.marka .ad{font-weight:800;font-size:clamp(18px,3.1vw,33px);line-height:1.05;letter-spacing:-.015em}
.bas-sag{display:flex;align-items:center;gap:14px}
.tarih{font-size:12.5px;letter-spacing:.08em;font-weight:600;color:var(--txt2);font-variant-numeric:tabular-nums}
.tarih b{color:var(--txt)}
header nav{display:flex;gap:clamp(16px,2.6vw,34px);flex-wrap:wrap;
 padding:13px 0 12px;border-bottom:1px solid var(--cizgi)}
header nav a{font-size:13px;letter-spacing:.1em;font-weight:700;color:var(--accent);
 white-space:nowrap}
header nav a.on{color:var(--txt);box-shadow:inset 0 -2px 0 var(--txt)}
@media (max-width:560px){
  header nav{gap:14px}
  header nav a{font-size:12px;letter-spacing:.06em}
}

/* ── Arama ── */
.arama{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
 padding:16px 0;border-bottom:1px solid var(--cizgi);margin-bottom:32px}
.arama-kutu{flex:1 1 320px;display:flex;align-items:center;gap:10px;background:var(--kagit);
 border:1.5px solid #0A1A2F;border-radius:2px;padding:12px 16px}
.arama-kutu svg{flex:none;opacity:.55}
.arama-kutu input{border:0;background:none;font:inherit;font-size:15px;color:var(--txt);width:100%}
.arama-kutu input::placeholder{color:var(--txt2)}
.arama-kutu input:focus{outline:none}
.hizli{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hizli span{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--txt2)}
.hizli a{font-size:12.5px;font-weight:600;color:var(--accent);border:1.5px solid #0A1A2F;
 border-radius:2px;padding:5px 11px;background:var(--kagit)}

/* ── Manşet ── */
.manset{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,4vw,48px);
 padding-bottom:40px;border-bottom:1px solid var(--cizgi)}
.manset-gorsel{aspect-ratio:16/9;background:var(--gorsel);border:1.5px dashed #0A1A2F;
 display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:13px;
 letter-spacing:.06em;font-weight:600;margin-bottom:20px}
.manset h1{font-size:clamp(28px,4.6vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.015em;
 text-wrap:balance;margin-bottom:14px}
.manset h1 mark{background:linear-gradient(transparent 62%, var(--vurgu-bant) 62%);color:inherit}
.manset .ozet{color:var(--txt2);font-size:17px;line-height:1.65}
.manset .meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:18px;
 font-size:12.5px;letter-spacing:.06em;font-weight:700;color:var(--txt2)}
.manset .meta a{color:var(--accent)}

/* Manşet altındaki proje yazıları: sol sütunu dengeler, doğrudan yazıya götürür. */
.manset-yazilar{margin-top:26px;padding-top:20px;border-top:1px solid var(--cizgi);
 display:flex;flex-direction:column;gap:2px}
.my-bas{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--txt2);
 margin-bottom:8px}
.my{display:block;padding:12px 0 12px 14px;border-left:3px solid transparent;
 border-bottom:1px solid var(--cizgi-ince);transition:border-color .15s,padding-left .15s}
.my:last-child{border-bottom:0}
.my:hover{border-left-color:var(--k,var(--txt));padding-left:18px}
.my b{display:block;font-size:17px;font-weight:800;line-height:1.25;color:var(--txt)}
.my span{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:var(--txt2)}
.guncel-liste{display:flex;flex-direction:column}
.gun .etiket{color:var(--k-metin)}
.gun{padding:14px 0 14px 14px;border-bottom:1px solid var(--cizgi-ince);display:block;
 border-left:3px solid transparent;transition:border-color .15s}
/* Görselli satır: yatay gravür solda, kategori ve başlık sağda. Özet yok;
   sütun manşetin yanında kompakt kalsın diye başlık öne çıkarılır. */
.gun-resimli{display:flex;gap:14px;align-items:flex-start;padding:15px 0 15px 12px}
.gun-kutu{flex:none;width:176px;aspect-ratio:16/10;overflow:hidden;background:#0A1A2F;
 border:1px solid var(--cizgi)}
.gun-gorsel{width:100%;height:100%;object-fit:cover;display:block;
 filter:grayscale(1) contrast(1.05) brightness(1.06);transition:filter .25s,transform .35s}
.gun-resimli:hover .gun-gorsel{filter:grayscale(0) contrast(1);transform:scale(1.05)}
.gun-ic{display:block;min-width:0;padding-top:1px}
.gun-resimli h4{font-size:18px;line-height:1.24;margin:8px 0 7px}
.gun-resimli:hover h4{text-decoration:underline;text-underline-offset:3px}
.gun-resimli .gun-t{margin-top:0}
/* Kategori, referanstaki vurgu şeridi gibi ama marka paletiyle: kategori
   rengi zemin, üzerinde kağıt. Kategori renkleri metin olarak kullanılamaz,
   zemin olarak kontrastı yeterlidir. */
.gun-resimli .etiket{display:inline-block;background:var(--k,#132c4a);
 color:var(--kagit);padding:4px 9px 3px;font-size:10px;letter-spacing:.12em;
 line-height:1.3}
@media(max-width:520px){.gun-kutu{width:118px}.gun-resimli h4{font-size:16px}}
.gun:hover{border-left-color:var(--k)}
.gun h4{font-size:16.5px;font-weight:700;line-height:1.25;margin:6px 0 4px}
.gun p{font-size:13.5px;color:var(--txt2);line-height:1.45;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gun-t{display:inline-block;margin-top:5px;font-size:12px;font-weight:600;color:var(--txt2);
 font-variant-numeric:tabular-nums}

/* ── Proje kütüphanesi ── */
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.proje{background:var(--kagit);border:1.5px solid #0A1A2F;border-top:4px solid var(--k);
 padding:18px 20px 16px;display:flex;flex-direction:column;transition:border-color .15s}
.proje:hover{border-color:var(--k)}
.proje-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.durum{font-size:11px;font-weight:600;color:var(--kart-txt2);white-space:nowrap}
.durum.canli{color:var(--durum);font-weight:700}
.durum.canli::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
 background:var(--durum);margin-right:6px;vertical-align:middle}
.proje h3{display:flex;align-items:center;gap:12px;
 font-size:23px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px}

/* Proje logosu — kare yuva. Logo dosyası gelene kadar baş harf durur;
   <img> eklendiğinde harfi örter, başka değişiklik gerekmez. */
.logo-kutu{flex:none;width:42px;height:42px;border:1.5px solid var(--k);
 background:var(--kagit);display:grid;place-items:center;overflow:hidden;
 font-size:17px;font-weight:800;letter-spacing:0;color:var(--k-metin);line-height:1}
.logo-kutu img{width:100%;height:100%;object-fit:cover;display:block}
.logo-kutu:has(img){background:transparent}
.logo-kutu.buyuk{width:clamp(52px,7vw,64px);height:clamp(52px,7vw,64px);font-size:24px}
.proje p{font-size:15px;color:var(--kart-txt2);line-height:1.55;flex:1}
.proje-alt{margin-top:16px;padding-top:12px;border-top:1px solid var(--cizgi-ince);
 font-size:12px;color:var(--kart-txt2);font-variant-numeric:tabular-nums}
.proje-alt b{color:var(--txt);font-weight:600}

/* ── Kripto 101 — KOYU ADA (altının yaşadığı yer) ── */
.k101{background:var(--ada-bg);color:var(--ada-txt);border:1px solid var(--ada-bg);
 padding:clamp(24px,3.4vw,40px);display:grid;grid-template-columns:minmax(220px,300px) 1fr;
 gap:clamp(22px,3vw,40px);align-items:start}
.k101-sol h3{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.015em;margin-bottom:12px}
.k101-sol h3 em{font-style:normal;color:var(--ada-vurgu)}
.k101-sol p{font-size:15.5px;color:var(--ada-txt2);line-height:1.6}
.k101-btn{display:inline-block;margin-top:20px;background:var(--ada-vurgu);color:#0A1A2F;
 font-size:13px;font-weight:800;letter-spacing:.08em;padding:13px 22px}
.terimler{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px}
.terim{border:1px solid color-mix(in srgb, #cfe3f1 22%, transparent);padding:13px 15px;
 background:var(--ada-yuzey)}
.terim b{display:block;font-size:15px;font-weight:700;margin-bottom:4px;color:var(--ada-vurgu)}
.terim span{font-size:13px;color:var(--ada-txt2);line-height:1.45}

/* ── Ekosistem ── */
.eko-liste{border-top:1px solid var(--cizgi)}
.eko{display:grid;grid-template-columns:56px minmax(90px,150px) 1fr auto;gap:20px;align-items:center;
 padding:18px 4px 18px 16px;border-bottom:1px solid var(--cizgi);border-left:4px solid var(--k);
 transition:background .15s}
.eko:hover{background:color-mix(in srgb, var(--k) 8%, var(--kagit))}
.eko-no{font-size:12px;font-weight:700;color:var(--k-metin);font-variant-numeric:tabular-nums}
.eko-ad{font-size:21px;font-weight:800;letter-spacing:-.015em}
.eko-ac{font-size:15px;color:var(--txt2);line-height:1.55}
.eko-sag{display:flex;align-items:center;gap:18px;white-space:nowrap}
.eko-say{font-size:12.5px;color:var(--txt2);font-weight:600}
.eko-git{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--k-metin)}

section{padding:44px 0}

/* ── Alt bilgi — ikinci koyu ada ── */
footer{background:var(--ada-bg);color:var(--ada-txt2);margin-top:44px;
 padding:32px 0 40px}
footer .abl-ust{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(150px,.7fr) minmax(260px,1fr);
 gap:clamp(28px,4vw,56px);align-items:start}
.abl-logo{color:var(--ada-txt);display:block;margin-bottom:22px;width:clamp(72px,8vw,92px);height:clamp(72px,8vw,92px)}
.abl h4{font-size:14px;font-weight:800;letter-spacing:.06em;color:var(--ada-txt);
 margin-bottom:16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.abl p{font-size:14px;line-height:1.6;max-width:42ch}
.abl nav{display:flex;flex-direction:column;gap:11px}
.abl nav a{font-size:14px;font-weight:600;color:var(--ada-txt2)}
.abl nav a:hover{color:var(--ada-vurgu)}
.yakinda{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#0A1A2F;
 background:var(--ada-vurgu);padding:3px 8px;border-radius:2px}
/* Bülten formu devre dışı — böyle bir geliştirme henüz yok, e-posta toplanmıyor. */
.bulten{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.bulten input,.bulten button{font:inherit;font-size:13.5px;border-radius:2px}
.bulten input{flex:1;min-width:150px;padding:11px 13px;
 background:color-mix(in srgb, #cfe3f1 8%, transparent);
 border:1px solid color-mix(in srgb, #cfe3f1 22%, transparent);color:var(--ada-txt2)}
.bulten input::placeholder{color:color-mix(in srgb, #cfe3f1 45%, transparent)}
.bulten button{padding:11px 18px;font-weight:800;letter-spacing:.06em;
 border:1px solid color-mix(in srgb, #cfe3f1 22%, transparent);background:transparent;
 color:var(--ada-txt2)}
.bulten input:disabled,.bulten button:disabled{cursor:not-allowed;opacity:.55}
/* Yasal uyarı — SPK'nın yatırım danışmanlığı ayrımına dair standart metin.
   Küçük punto ama AA geçer (var(--ada-txt2) koyu zeminde 7.4:1). */
.yasal{margin-top:clamp(30px,4vw,44px);padding-top:22px;
 border-top:1px solid color-mix(in srgb, #cfe3f1 16%, transparent)}
.yasal h5{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--ada-txt);
 margin-bottom:10px}
.yasal p{font-size:11.5px;line-height:1.7;
 color:color-mix(in srgb, #cfe3f1 68%, transparent)}
.abl-son{margin-top:22px;padding-top:20px;
 border-top:1px solid color-mix(in srgb, #cfe3f1 16%, transparent);
 display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.abl-son p{font-size:12.5px}
.abl-son nav{display:flex;gap:18px;flex-wrap:wrap}
.abl-son nav a{font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--ada-vurgu)}
@media (max-width:860px){
  footer .abl-ust{grid-template-columns:1fr 1fr}
  .abl.bulten-sut{grid-column:1/-1}
}
@media (max-width:520px){
  footer .abl-ust{grid-template-columns:1fr;gap:30px}
}

/* ── İç sayfa başlığı ── */
.sbas{padding:clamp(30px,4.4vw,54px) 0 clamp(24px,3vw,36px);
 border-bottom:3px double var(--txt);margin-bottom:clamp(28px,3.6vw,44px)}
.sbas h1{font-size:clamp(34px,5.6vw,58px);font-weight:800;letter-spacing:-.025em;
 line-height:1.03;text-wrap:balance;margin-bottom:14px}
.sbas p{font-size:clamp(16px,1.9vw,20.5px);line-height:1.6;color:var(--txt2)}

/* ── Filtre şeridi (Proje Kütüphanesi) ── */
.filtre{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.filtre button{appearance:none;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.06em;
 padding:9px 15px;border:1.5px solid var(--cizgi);background:var(--kagit);color:var(--txt2);
 border-radius:2px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.filtre button:hover{border-color:var(--txt)}
.filtre button[aria-pressed="true"]{background:#0A1A2F;border-color:#0A1A2F;color:#ebeba2}
.sayac{font-size:13px;color:var(--txt2);margin-bottom:18px;font-variant-numeric:tabular-nums}
.proje[hidden]{display:none}

/* ── Ekosistem detay blokları ── */
.ekod{border-top:3px solid var(--k);background:var(--kagit);border:1.5px solid #0A1A2F;
 border-top:4px solid var(--k);padding:clamp(22px,3vw,34px);margin-bottom:18px;
 display:grid;grid-template-columns:minmax(240px,.95fr) 1fr;gap:clamp(22px,3.4vw,44px)}
.ekod-no{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--k-metin);
 font-variant-numeric:tabular-nums;margin-bottom:9px}
.ekod h2{font-size:clamp(25px,3.2vw,34px);font-weight:800;letter-spacing:-.02em;
 line-height:1.08;margin-bottom:10px}
.ekod h2 small{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;
 color:var(--k-metin);margin-bottom:7px}
.ekod-ac{font-size:15.5px;line-height:1.65;color:var(--kart-txt2)}
.ekod h3{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--txt2);margin-bottom:12px}
.ekod ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.ekod li{font-size:15px;line-height:1.55;color:var(--kart-txt2);padding-left:17px;position:relative}
.ekod li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:1.5px;
 background:var(--k)}
.ekod-prj{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.ekod-prj a{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--k);
 padding:7px 13px 7px 8px;font-size:14.5px;font-weight:700;border-radius:2px}
.ekod-prj a .logo-kutu{width:28px;height:28px;font-size:12px}
.ekod-yok{font-size:13.5px;color:var(--txt2);font-style:italic}
.ekod-detay{display:inline-block;margin-top:20px;font-size:13px;font-weight:800;
 letter-spacing:.08em;color:var(--k-metin);
 box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--k) 45%, transparent)}
.ekod-detay:hover{box-shadow:inset 0 -2px 0 var(--k)}

/* ── Metin sayfaları (Hakkımızda / İletişim) ── */
.metin{max-width:none}
.metin h2{font-size:clamp(22px,2.8vw,29px);font-weight:800;letter-spacing:-.015em;
 margin:clamp(30px,4vw,46px) 0 14px}
.metin p{font-size:18px;line-height:1.8;color:var(--txt2);margin-bottom:16px}
.metin p b{color:var(--txt);font-weight:700}
.yontem{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--cizgi)}
.yontem .item{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:18px 4px;
 border-bottom:1px solid var(--cizgi)}
.yontem .no{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--txt2);
 font-variant-numeric:tabular-nums;padding-top:4px}
.yontem .t{font-size:17.5px;font-weight:700;margin-bottom:5px;letter-spacing:-.01em}
.yontem .d{font-size:15.5px;line-height:1.6;color:var(--txt2)}
.olumsuz{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}
.olumsuz .kut{background:var(--kagit);border:1.5px solid #0A1A2F;padding:19px 20px}
.olumsuz b{display:block;font-size:16px;font-weight:800;margin-bottom:7px;letter-spacing:-.01em}
.olumsuz span{font-size:15px;line-height:1.6;color:var(--kart-txt2)}
.kanal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;
 margin-bottom:26px}
.kanal .kut{background:var(--kagit);border:1.5px solid #0A1A2F;border-top:4px solid #0A1A2F;
 padding:20px}
.kanal b{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--txt2);
 margin-bottom:10px}
.kanal p{font-size:15px;line-height:1.6;color:var(--kart-txt2);margin-bottom:14px}
.kanal a{font-size:15.5px;font-weight:700;word-break:break-word;
 box-shadow:inset 0 -2px 0 color-mix(in srgb, #0A1A2F 30%, transparent)}
@media (max-width:760px){
  .ekod{grid-template-columns:1fr;gap:22px}
}

/* ── Editör kartı ── */
.editor{background:var(--kagit);border:1.5px solid #0A1A2F;border-top:4px solid #0A1A2F;
 padding:clamp(22px,3vw,32px);display:grid;
 grid-template-columns:clamp(110px,14vw,160px) 1fr;gap:clamp(22px,3.2vw,36px);
 align-items:start}
.editor img{align-self:start;width:100%;height:auto;aspect-ratio:1;border-radius:50%;
 object-fit:cover;display:block;border:2px solid #0A1A2F}
.editor .rol{font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--txt2);
 margin-bottom:8px}
.editor h3{font-size:clamp(24px,3vw,31px);font-weight:800;letter-spacing:-.02em;
 margin-bottom:12px;line-height:1.1}
.editor p{font-size:16px;line-height:1.75;color:var(--kart-txt2);margin-bottom:12px}
.editor p:last-child{margin-bottom:0}
@media (max-width:560px){
  .editor{grid-template-columns:1fr;gap:20px;justify-items:start}
  .editor img{width:clamp(120px,42vw,170px)}
}

/* ── Ekip kartları (insan + ajan) ── */
.ekip{display:flex;flex-direction:column;gap:16px}
/* 22'nin portresi gelene kadar marka işareti duruyor — gelince <img> ile değişir */
.avatar-22{align-self:start;width:100%;aspect-ratio:1;border-radius:50%;
 border:2px solid #0A1A2F;background:#0A1A2F;display:grid;place-items:center}
.avatar-22::after{content:"";width:52%;height:52%;background-color:#ebeba2;
 -webkit-mask:var(--logo) no-repeat center/contain;mask:var(--logo) no-repeat center/contain}
.editor .rol.ai{color:var(--k-metin,var(--txt2))}
.rozet-ai{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;
 letter-spacing:.1em;background:#0A1A2F;color:#ebeba2;padding:3px 7px;border-radius:2px;
 vertical-align:2px}

/* ── İletişim ── */
.eposta-kutu{background:var(--kagit);border:1.5px solid #0A1A2F;border-top:4px solid #0A1A2F;
 padding:clamp(22px,3vw,32px);margin-bottom:clamp(20px,2.6vw,28px)}
.eposta-kutu b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;
 color:var(--txt2);margin-bottom:12px}
.eposta-kutu a{display:inline-block;font-size:clamp(21px,3.2vw,34px);font-weight:800;
 letter-spacing:-.02em;word-break:break-word;line-height:1.15;
 box-shadow:inset 0 -3px 0 color-mix(in srgb, #0A1A2F 26%, transparent)}
.eposta-kutu a:hover{box-shadow:inset 0 -3px 0 #0A1A2F}
.eposta-kutu .not{display:block;margin-top:14px;font-size:14.5px;color:var(--kart-txt2)}
.konular{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
 gap:16px;margin-bottom:clamp(24px,3vw,34px)}
.konu{border-top:2px solid var(--cizgi);padding-top:14px}
.konu b{display:block;font-size:16px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em}
.konu span{font-size:15px;line-height:1.6;color:var(--txt2)}

/* Manşet yokken gelişmeler kendi bölümünde yan yana durur — dar sütunda
   öksüz kalmasın diye. Kart biçimi manşetin yanındakiyle aynı. */
.guncel-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
 gap:16px;border-top:1px solid var(--cizgi);padding-top:4px}
.guncel-izgara .gun{border-bottom:0;border-right:1px solid var(--cizgi-ince);
 padding:16px 18px 16px 0}
.guncel-izgara .gun:last-child{border-right:0}
@media (max-width:620px){
  .guncel-izgara .gun{border-right:0;border-bottom:1px solid var(--cizgi-ince)}
}

/* Gelişme akışı yokken manşet yan yana kahraman olur: solda kapak, sağda metin.
   Tek sütuna düşürmek görseli 1128px genişliğe çıkarıyor ve sayfayı eziyordu. */
.manset.yan{grid-template-columns:1.22fr 1fr;align-items:center}
/* Yazılı kapak 16:9 tasarlandı; kırpmak içindeki başlığı keser, oran korunur. */
.manset-kapak{display:block}
/* Başlık görsele yapışmasın: kapak koyu, başlık koyu; arada nefes payı gerekiyor. */
.manset-kapak + h1{margin-top:clamp(20px,2.4vw,30px)}
.manset-kapak img{width:100%;height:auto;display:block;border:1.5px solid #0A1A2F}
.manset.yan h1{margin-top:clamp(16px,2vw,24px)}
@media (max-width:900px){
  .manset.yan{grid-template-columns:1fr}
}

/* ── Arama sonuçları ── */
.arama-liste .wp-block-post{padding:22px 0;border-bottom:1px solid var(--cizgi-ince)}
.arama-liste h2{font-size:clamp(21px,2.6vw,27px);font-weight:800;letter-spacing:-.015em;
 line-height:1.2;margin-bottom:8px}
.arama-liste .wp-block-post-excerpt{font-size:15.5px;line-height:1.6;color:var(--txt2);
 margin-bottom:8px}
.arama-liste .wp-block-post-date{font-size:12.5px;font-weight:600;color:var(--txt2);
 font-variant-numeric:tabular-nums}
.arama-liste .wp-block-query-pagination{display:flex;gap:14px;flex-wrap:wrap;
 margin-top:26px;font-size:13px;font-weight:800;letter-spacing:.06em}
.arama-liste .wp-block-query-pagination a{box-shadow:inset 0 -2px 0 var(--cizgi)}
.sbas .wp-block-query-title{font-size:clamp(28px,4.4vw,46px);font-weight:800;
 letter-spacing:-.025em;line-height:1.06}

/* ── Sayfa kapağı (Kripto 101) ── */
.sayfa-kapak{margin:clamp(22px,3vw,34px) 0 0}
.sayfa-kapak img{width:100%;height:auto;display:block;border:1.5px solid #0A1A2F}
.sayfa-kapak + .sbas{padding-top:clamp(22px,3vw,32px)}

/* ── Uzun metin içi liste ve tablo (Kripto 101, makaleler) ── */
.okuma ul{list-style:none;display:flex;flex-direction:column;gap:11px;
 margin:14px 0 18px}
.okuma li{font-size:16.5px;line-height:1.7;color:var(--txt2);
 padding-left:20px;position:relative}
.okuma li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1.5px;
 background:var(--txt2);opacity:.7}
.okuma li b{color:var(--txt)}
.okuma code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
 background:color-mix(in srgb, #0A1A2F 8%, transparent);padding:1px 5px;border-radius:2px}
/* Tablolar veri nesnesidir, paragraf değil. Zeminden ayrılsınlar diye kağıt
   kart içine alınır; metin akışında kaybolmamaları için üstte koyu başlık
   şeridi ve satır aralarında zebra dolgu kullanılır. */
.tablo-sar{overflow-x:auto;margin:26px 0 22px;background:var(--kagit);
 border:1px solid var(--cizgi);border-left:4px solid var(--k,var(--txt));
 box-shadow:0 2px 14px rgba(10,26,47,.07)}
.tablo-sar table{border-collapse:collapse;width:100%;min-width:min(100%,520px)}
.tablo-sar thead th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.11em;
 text-transform:uppercase;color:var(--kagit);background:var(--txt);
 padding:13px 18px;white-space:nowrap;border:0}
.tablo-sar tbody td{font-size:15.5px;line-height:1.5;color:var(--txt);
 padding:14px 18px;border-bottom:1px solid var(--cizgi-ince);vertical-align:top;
 font-variant-numeric:tabular-nums}
.tablo-sar tbody tr:nth-child(even) td{background:rgba(10,26,47,.035)}
.tablo-sar tbody tr:last-child td{border-bottom:0}
.tablo-sar tbody td:first-child{font-weight:800;color:var(--txt);overflow-wrap:anywhere}
.tablo-sar tbody td{overflow-wrap:anywhere}
.tablo-sar tbody tr:hover td{background:rgba(10,26,47,.06)}
/* Dar ekranda tablo yatay kaydırma yerine karta dönüşür: her satır bir blok,
   her hücre kendi sütun adıyla birlikte. Yatay kaydırma mobilde en kötü
   çözümdü; hücreler kırılıyor ve sağdaki sütunlar hiç görünmüyordu. */
@media(max-width:720px){
 .tablo-sar{overflow-x:visible;background:transparent;border:0;box-shadow:none;
  margin:22px 0}
 .tablo-sar table,.tablo-sar tbody,.tablo-sar tr,.tablo-sar td{display:block;
  width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .tablo-sar table{table-layout:auto}
 .tablo-sar td,.tablo-sar td *{overflow-wrap:anywhere;word-break:break-word;
  white-space:normal}
 .tablo-sar thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap}
 .tablo-sar tr{background:var(--kagit);border:1px solid var(--cizgi);
  border-left:4px solid var(--k,var(--txt));margin-bottom:12px;padding:4px 0;
  box-shadow:0 2px 12px rgba(10,26,47,.07)}
 .tablo-sar tbody tr:nth-child(even) td{background:transparent}
 .tablo-sar tbody tr:hover td{background:transparent}
 .tablo-sar td{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:9px 16px;border-bottom:1px solid var(--cizgi-ince);font-size:15px}
 .tablo-sar tr td:last-child{border-bottom:0}
 .tablo-sar td::before{content:attr(data-etiket);flex:none;font-size:10.5px;
  font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--txt2);
  padding-top:3px}
 .tablo-sar td:empty{display:none}
 /* İlk hücre satırın başlığıdır: etiketi gizlenir, tek başına ve büyük durur. */
 .tablo-sar tbody td:first-child{display:block;font-size:16.5px;padding:12px 16px 10px;
  border-bottom:1.5px solid var(--cizgi);white-space:normal;line-height:1.35}
 .tablo-sar td span,.tablo-sar td b{overflow-wrap:anywhere}
 .tablo-sar tbody td:first-child::before{display:none}
 /* İki sütunlu tablolarda (kaynak listeleri) etiket gereksiz yer kaplıyor:
    değer sola alınır, etiket üstte küçük kalır. */
 .tablo-sar tr td:nth-child(2):last-child{flex-direction:column;align-items:flex-start;
  gap:3px}
 .tablo-sar tr td:nth-child(2):last-child::before{padding-top:0}
}

/* ── Fiyat şeridi ─────────────────────────────────────────────
   Bağlam verir, sinyal vermez. Site fiyat yorumu yapmaz; bu şerit
   yalnızca piyasanın o anki hâlini gösterir. Veri sunucuda 10 dakika
   önbelleklenir; alınamazsa şerit hiç render edilmez (eski fiyat gösterilmez). */
.serit{border-bottom:1px solid var(--cizgi);overflow:hidden}
/* Şerit sürekli kayar. Kusursuz döngü için içerik PHP tarafında İKİ KEZ basılır;
   -%50 kaydırmak tam olarak bir kopya kadar ilerlemek demektir, ek olmaz. */
.serit-ic{display:flex;align-items:center;width:max-content;
 animation:serit-kay 55s linear infinite}
.serit:hover .serit-ic,
.serit:focus-within .serit-ic{animation-play-state:paused}
@keyframes serit-kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Hareket hassasiyeti olan kullanıcı için: animasyon yok, elle kaydırılır. */
@media (prefers-reduced-motion:reduce){
  .serit{overflow-x:auto;scrollbar-width:none}
  .serit::-webkit-scrollbar{display:none}
  .serit-ic{animation:none}
}
.fiyat{display:flex;align-items:baseline;gap:8px;padding:11px clamp(16px,2.2vw,26px);
 border-right:1px solid var(--cizgi-ince);white-space:nowrap;
 font-variant-numeric:tabular-nums}
.fiyat:last-child{border-right:0}
.fiyat .sem{font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--txt2)}
.fiyat .deg{font-size:14.5px;font-weight:700;color:var(--txt)}
.fiyat .fark{font-size:12.5px;font-weight:700}
.fiyat .fark.artis{color:var(--durum)}
.fiyat .fark.dusus{color:#9B3B2E}
.serit-not{flex:none;padding:11px clamp(16px,2.2vw,26px);font-size:10.5px;
 letter-spacing:.08em;font-weight:700;color:var(--txt2);opacity:.75}

/* Şeritteki proje tokenleri kendi incelemesine bağlanır */
.fiyat.bagli:hover{background:color-mix(in srgb, #0A1A2F 5%, transparent)}
.fiyat.bagli .sem{color:var(--txt)}

/* ── Proje sayfası fiyat kutusu ── */
.fiyat-kutu,.blok.fiyat-kutu{background:var(--kagit);border:1.5px solid #0A1A2F;
 padding:clamp(24px,3vw,36px) clamp(26px,3.4vw,46px);
 margin-bottom:clamp(20px,2.6vw,28px)}
.fk-ust{display:flex;gap:clamp(20px,3vw,44px);flex-wrap:wrap;
 align-items:flex-end;justify-content:space-between}
.fk-etiket{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--kart-txt2);
 margin-bottom:8px}
.fk-tutar{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.025em;
 line-height:1;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
 font-variant-numeric:tabular-nums}
.fk-tutar .fark{font-size:15px;font-weight:700}
.fk-ikincil{display:flex;gap:clamp(18px,2.6vw,34px);flex-wrap:wrap}
.fk-ikincil div{display:flex;flex-direction:column;gap:4px}
.fk-ikincil span{font-size:11px;font-weight:700;letter-spacing:.1em;
 text-transform:uppercase;color:var(--kart-txt2)}
.fk-ikincil b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.fk-not{margin-top:16px;padding-top:12px;border-top:1px solid var(--cizgi-ince);
 font-size:12.5px;color:var(--kart-txt2)}

/* ── Teknik veri paneli ─────────────────────────────────────
   Değer ve olgusal tespit gösterir; al-sat yorumu içermez.
   Renk kodlaması bilinçli olarak nötr: yeşil/kırmızı "iyi/kötü"
   çağrışımı yapar, burada yalnızca konum bildiriyoruz. */
.teknik .bolum-bas{align-items:center}
.tk-zaman{font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--txt2)}
.tk-ust{background:var(--kagit);border:1.5px solid #0A1A2F;border-top:4px solid #0A1A2F;
 padding:clamp(18px,2.4vw,26px);margin-bottom:22px;display:flex;gap:clamp(20px,3vw,44px);
 flex-wrap:wrap;align-items:center;justify-content:space-between}
.tk-etiket{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;
 color:var(--kart-txt2);margin-bottom:7px}
.tk-fiyat b{font-size:clamp(30px,4.2vw,42px);font-weight:800;letter-spacing:-.025em;
 line-height:1;font-variant-numeric:tabular-nums}
.tk-tespit{font-size:16px;line-height:1.6;color:var(--kart-txt2);max-width:44ch}
.tk-tespit b{color:var(--txt)}
.tk-baslik{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--txt2);
 margin:26px 0 12px}
.tk-baslik span{font-weight:600;letter-spacing:.04em;opacity:.75;text-transform:none}
.tk-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));
 gap:12px}
.tk-kut{background:var(--kagit);border:1.5px solid var(--cizgi);padding:15px 16px}
.tk-ad{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;
 color:var(--kart-txt2);margin-bottom:8px}
.tk-kut b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;
 letter-spacing:-.01em}
.tk-yon{display:block;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--kart-txt2)}
.tk-not{margin-top:22px;padding-top:16px;border-top:1px solid var(--cizgi-ince);
 font-size:13px;line-height:1.6;color:var(--txt2)}

/* ── Gelişme günlüğü ────────────────────────────────────────
   Proje sayfası iki iş yapar: "bu nedir" ve "ne oldu".
   Kilometre taşları sol şeritle ayrılır; gerisi aynı ritimde akar. */
.gelisme-ozet .bolum-bas{margin-bottom:14px}
.zaman{border-top:1px solid var(--cizgi)}
.kayit{display:grid;grid-template-columns:112px 1fr;gap:20px;
 padding:16px 0 16px 14px;border-bottom:1px solid var(--cizgi-ince);
 border-left:3px solid transparent}
.kayit.tas{border-left-color:var(--k,#0A1A2F);background:
 color-mix(in srgb, var(--k,#0A1A2F) 5%, transparent)}
.kayit-tarih{font-size:12.5px;font-weight:700;color:var(--txt2);
 font-variant-numeric:tabular-nums;padding-top:3px;white-space:nowrap}
.kayit-ust{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.kayit-tur{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
 color:var(--k-metin,var(--txt2));border:1px solid var(--cizgi);padding:3px 8px;border-radius:2px}
.kayit-durum{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:2px}
.kayit-durum.ok{color:var(--durum);border:1px solid color-mix(in srgb, var(--durum) 45%, transparent)}
.kayit-durum.uyari{color:var(--uyari);border:1px solid color-mix(in srgb, var(--uyari) 45%, transparent)}
.kayit-ad{font-size:17.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.kayit-ne{font-size:15.5px;line-height:1.6;color:var(--txt2);margin-top:6px}
.kayit-kaynak{display:inline-block;margin-top:9px;font-size:13px;font-weight:700;
 color:var(--txt2);box-shadow:inset 0 -1px 0 var(--cizgi)}
.kayit-kaynak:hover{color:var(--txt);box-shadow:inset 0 -1px 0 var(--txt)}
.zaman.kompakt .kayit{padding:12px 0 12px 14px}
.zaman.kompakt .kayit-ad{font-size:16px}
@media (max-width:560px){
  .kayit{grid-template-columns:1fr;gap:6px}
  .kayit-tarih{padding-top:0}
}

/* ── DUYARLI ── */
@media (max-width:900px){
  .manset{grid-template-columns:1fr;gap:34px}
  .k101{grid-template-columns:1fr}
}
@media (max-width:720px){
  header{align-items:flex-start;gap:14px}
  .bas-sag{align-items:flex-start;width:100%}
  header nav{gap:14px}
  .eko{grid-template-columns:auto 1fr;grid-template-areas:"no ad" "ac ac" "sag sag";gap:6px 14px}
  .eko-no{grid-area:no} .eko-ad{grid-area:ad}
  .eko-ac{grid-area:ac;margin-top:2px}
  .eko-sag{grid-area:sag;justify-content:space-between;width:100%;margin-top:8px}
}
@media (max-width:420px){
  .izgara{grid-template-columns:1fr}
  .terimler{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── Proje sayfası ───────────────────────────────────────────── */
.iz{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;
 color:var(--txt2);padding:24px 0 0;flex-wrap:wrap}
.iz a{color:var(--accent)}

.pbas{padding:14px 0 30px;border-bottom:3px double var(--txt);display:block}
.pbas h1{display:flex;align-items:center;gap:clamp(12px,1.6vw,18px);
 font-size:clamp(36px,6vw,62px);font-weight:800;letter-spacing:-.025em;
 line-height:1.02;margin-bottom:18px}
.rozetler{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.rz{border:1px solid var(--cizgi);border-radius:2px;padding:6px 13px;font-size:12.5px;
 font-weight:600;color:var(--txt2);background:var(--kagit)}
.rz.kat{border-color:var(--k);color:var(--k);font-weight:700}
.rz.canli{color:var(--durum);border-color:color-mix(in srgb, var(--durum) 45%, transparent)}
.rz.canli::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
 background:var(--durum);margin-right:7px;vertical-align:middle}
.rz.sade{border:0;background:none;padding-left:0;font-variant-numeric:tabular-nums}
.rz.sade b{color:var(--txt)}

.bol-ayrac{margin:4.5rem 0 2.5rem;padding-top:2.2rem;border-top:2px solid var(--txt)}
.bol-ayrac .bol-no{display:block;font-size:.72rem;font-weight:800;letter-spacing:.16em;
 color:var(--txt2);margin-bottom:.5rem}
.bol-ayrac h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.03em;
 line-height:1.1;margin:0 0 .7rem}
.bol-ayrac p{font-size:1.02rem;line-height:1.6;color:var(--txt2);max-width:none;margin:0}
@media(max-width:640px){.bol-ayrac{margin:3rem 0 2rem}}
.yazi-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;
 margin-top:1.4rem}
.yz{display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.4rem;text-decoration:none;
 background:var(--kagit);border:1px solid var(--cizgi);border-left:4px solid var(--k,var(--txt));
 transition:transform .15s ease,box-shadow .15s ease}
.yz:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(10,26,47,.13)}
.yz b{font-size:1.16rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--txt)}
.yz span{font-size:.95rem;line-height:1.55;color:var(--txt2)}
.yz em{margin-top:.35rem;font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.13em;
 color:var(--txt)}
.yazi-donus{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
 gap:.6rem;padding:1.15rem 1.3rem;background:var(--kagit);border:1px solid var(--cizgi);
 margin-bottom:2.4rem}
.yazi-donus span{font-size:.9rem;color:var(--txt2)}
.yazi-donus a{font-size:.95rem;font-weight:800;color:var(--txt);text-decoration:none}
.yazi-donus a:hover{text-decoration:underline}
.pbas-logo{display:flex;align-items:center;gap:clamp(14px,2vw,22px);flex-wrap:wrap}
.pbas-logo .logo-kutu{width:clamp(56px,7vw,76px);height:clamp(56px,7vw,76px);font-size:28px;
 border-width:2px}
.pbas-logo .pbas-ic{display:flex;flex-direction:column;gap:.6rem;min-width:0}
.pbas-logo h1{margin:0;font-size:clamp(2.1rem,5.4vw,3.5rem);font-weight:800;
 letter-spacing:-.035em;line-height:1}
.akordeon{display:flex;flex-direction:column;gap:.6rem;margin-top:1.6rem}
.ak{background:var(--kagit);border:1px solid var(--cizgi);
 border-left:4px solid var(--k,var(--txt));transition:box-shadow .15s ease}
.ak[open]{box-shadow:0 4px 18px rgba(10,26,47,.10)}
.ak summary{display:flex;align-items:center;gap:1.1rem;padding:1.4rem 1.5rem;cursor:pointer;
 list-style:none;transition:background .15s ease}
.ak summary::-webkit-details-marker{display:none}
.ak summary:hover{background:rgba(10,26,47,.05)}
.ak-no{flex:none;font-size:.9rem;font-weight:800;letter-spacing:.06em;color:var(--k,var(--txt));
 font-variant-numeric:tabular-nums;opacity:.85}
.ak-ad{flex:1;font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:800;letter-spacing:-.025em;
 line-height:1.25;color:var(--txt)}
.ak-ad a{color:inherit;text-decoration:none}
.ak-ad a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.ak-ad a:focus-visible{outline:2px solid var(--txt);outline-offset:3px}
.ak-ok{flex:none;width:12px;height:12px;border-right:3px solid var(--txt);
 border-bottom:3px solid var(--txt);transform:rotate(45deg);margin:0 .3rem 4px 0;
 transition:transform .2s ease}
.ak[open] .ak-ok{transform:rotate(-135deg);margin-bottom:-4px}
.ak-ic{padding:0 1.6rem 1.5rem calc(1.5rem + 2.1rem);border-top:1px solid var(--cizgi-ince);
 margin-top:-1px;padding-top:1.2rem}
.ak-ic p{font-size:1.06rem;line-height:1.65;color:var(--txt);margin:0 0 1.15rem;
 max-width:none;opacity:.88}
.ak-bag{display:inline-block;font-size:.86rem;font-weight:800;letter-spacing:.08em;
 color:var(--txt);text-decoration:none;border-bottom:2px solid var(--k,var(--txt));
 padding-bottom:3px}
.ak-bag:hover{opacity:.7}
@media(max-width:640px){.ak summary{padding:1.1rem 1.1rem;gap:.8rem}
 .ak-ic{padding-left:1.1rem;padding-right:1.1rem}}
@media(max-width:640px){.ak-ic{padding-left:.2rem}.ak summary{gap:.7rem}}
@media(prefers-reduced-motion:reduce){.ak-ok,.ak summary{transition:none}}
.ozet-kutu{background:var(--kagit);border:1px solid var(--cizgi);border-left:4px solid var(--k);
 padding:clamp(22px,3vw,32px);margin:32px 0}
.ozet-kutu h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
 color:var(--k);margin-bottom:12px;font-weight:800}
.ozet-kutu p{font-size:clamp(18px,2.2vw,22px);line-height:1.6;font-weight:500}

.blok{padding:34px 0;border-bottom:1px solid var(--cizgi)}
.blok h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
.blok-giris{color:var(--txt2);font-size:17px;line-height:1.7;margin-bottom:20px}
.blok-giris a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.blok-ozet{margin-top:18px;font-size:16.5px;line-height:1.6;color:var(--txt2);
 font-style:italic}
.okuma p{font-size:17.5px;line-height:1.8;color:var(--txt2)}
.okuma p + p{margin-top:14px}

/* numaralı liste — "Nasıl çalışıyor" */
.list{display:flex;flex-direction:column;gap:12px}
.item{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;
 background:var(--kagit);border:1px solid var(--cizgi);border-left:3px solid var(--k,var(--accent));
 padding:16px 20px}
.item .no{font-size:13px;font-weight:800;color:var(--k,var(--accent));
 font-variant-numeric:tabular-nums;letter-spacing:.06em}
.item .body .t{font-size:18px;font-weight:700;margin-bottom:5px}
.item .body .d{font-size:15.5px;color:var(--txt2);line-height:1.6}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:14px}
.stat{background:var(--kagit);border:1px solid var(--cizgi);padding:20px 18px}
.stat .num{font-size:clamp(30px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;
 font-variant-numeric:tabular-nums;line-height:1}
.stat .lbl{color:var(--txt2);font-size:13.5px;margin-top:9px;line-height:1.35}
.stat .dg{margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.06em;
 color:var(--uyari);text-transform:uppercase}
.note{background:var(--kagit);border:1px solid var(--cizgi);border-left:3px solid var(--uyari);
 padding:16px 20px;margin-top:16px;font-size:15.5px;line-height:1.6;color:var(--txt2)}
.note b{color:var(--txt)}

.sorular{display:flex;flex-direction:column}
.soru{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--cizgi-ince);
 font-size:16px;line-height:1.55;flex-wrap:wrap}
.soru b{flex:none;width:240px;font-weight:700;color:var(--txt)}
.soru span{color:var(--txt2);flex:1;min-width:260px}

.sozluk{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.szk{border:1px solid var(--cizgi);background:var(--kagit);padding:15px 17px;display:block;
 transition:border-color .15s}
.szk:hover{border-color:var(--accent)}
.szk b{display:block;font-size:16px;font-weight:700;margin-bottom:5px}
.szk span{font-size:13.5px;color:var(--txt2);line-height:1.45}

.kaynaklar{list-style:none;display:flex;flex-direction:column}
.kaynaklar li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;
 border-bottom:1px solid var(--cizgi-ince);font-size:15.5px;flex-wrap:wrap}
.kaynaklar em{font-style:normal;color:var(--txt2);font-size:13.5px;white-space:nowrap}
.dogrulama{margin-top:18px;font-size:13.5px;color:var(--txt2)}
.dogrulama b{color:var(--txt)}
.uyari-metin{padding:26px 0 10px;font-size:13px;color:var(--txt2)}

@media (max-width:640px){
  .soru b{width:100%}
  .kaynaklar li{flex-direction:column;gap:4px}
}