/* ============================================================
   AGENXY analiz serisi — bölüm sayfası tasarım sistemi v4.0
   RENK KAYNAĞI: resmî AGENXY paleti (2026-08-03, Nano Banana çalışması).
   Baskın renk #0366E6 seri çapası; bölüm farkı aksan takımından çıkar.
   No. 001 aksan takımı: turkuaz #31E9C7 (pozitif) · pembe #FD6699 (negatif)
   · amber #FEBB72 (üçüncü). Yön: yüksek kontrast, glassmorphism, az metin.
   Kurallar: 04_sinyal/sinyal_tasarim_dili.md §2.5
   ============================================================ */

:root{
  /* zemin gradyan durakları */
  --b1:#0366E6;   /* ★ baskın parlak mavi (seri çapası) */
  --b2:#3370D1;   /* mavi ara ton */
  --b3:#4F187B;   /* mor derinlik */
  --b4:#E648A1;   /* magenta köşe aksanı */
  --deep:#17117F; /* derin indigo (zemin tabanı) */

  /* aksanlar — AÇIK ZEMİN rolleri (beyaz üstünde okunur tonlar) */
  --pos:#0366E6;     /* mavi — pozitif / kapasite */
  --neg:#E648A1;     /* magenta — negatif / boşluk */
  --alt:#46989D;     /* teal — üçüncü vurgu */
  /* dolgulu kutu içi aksanlar (koyu yüzeyde) */
  --pos-in:#31E9C7;  /* turkuaz */
  --neg-in:#FD6699;  /* pembe */

  --w:#17117F;       /* ana metin: derin indigo */
  --w80:rgba(23,17,127,.80);
  --w60:rgba(23,17,127,.64);
  --w40:rgba(23,17,127,.56);
  --glass:#FFFFFF;
  --glass2:rgba(3,102,230,.045);
  --edge:rgba(23,17,127,.12);
  --edge2:rgba(23,17,127,.08);
  --maxw:1080px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;color:var(--w);background:#FFFFFF;
  font-family:'Saira Semi Condensed',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-size:17px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
/* canlı mesh gradyan zemin */
body:before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(920px 720px at 94% -8%, rgba(3,102,230,.085) 0%, transparent 58%),
    radial-gradient(860px 680px at 2% 104%, rgba(49,233,199,.10) 0%, transparent 58%),
    #FFFFFF;
  background-attachment:fixed;
}
/* ince ışık dokusu */
body:after{content:none}
.page{position:relative;z-index:1}
img,svg{max-width:100%;display:block}
a{color:var(--pos);text-decoration:none}

.disp{font-family:'Saira Semi Condensed',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.03em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.mono{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif}

/* cam yüzey — sistemin temel dokusu */
.glass{
  background:var(--glass);
  backdrop-filter:blur(26px) saturate(150%);
  -webkit-backdrop-filter:blur(26px) saturate(150%);
  border:1px solid var(--edge);
  border-radius:26px;
  box-shadow:0 24px 70px rgba(23,17,127,.32), inset 0 1px 0 rgba(255,255,255,.22);
}

/* ---------- ÜST ŞERİT ---------- */
.mast{position:sticky;top:0;z-index:50;
  background:rgba(23,17,127,.34);backdrop-filter:blur(22px) saturate(150%);
  border-bottom:1px solid var(--edge2)}
.mast-in{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.bmark{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--pos);color:#17117F;font-weight:800;font-size:16px;
  box-shadow:0 0 26px rgba(49,233,199,.6)}
.bname{font-weight:600;font-size:16px;letter-spacing:.42em;text-transform:uppercase}
.mno{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--w60);font-weight:600;white-space:nowrap}

/* ---------- HERO ---------- */
.hero{padding:76px 0 26px}
.tagline{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;
  border:1px solid var(--edge);background:var(--glass2);backdrop-filter:blur(12px);
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w80);margin-bottom:30px}
.tagline i{width:7px;height:7px;border-radius:50%;background:var(--pos);box-shadow:0 0 12px var(--pos);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

h1.disp{font-size:clamp(40px,7.6vw,88px);line-height:.97;margin:0 0 28px;letter-spacing:-.035em}
h1 .hl{color:var(--pos);text-shadow:0 0 44px rgba(49,233,199,.5)}
h1 .hl-m{color:var(--neg);text-shadow:0 0 44px rgba(253,102,153,.55)}
.lede{font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--w80);max-width:660px;margin:0 0 12px}
.lede b{color:var(--w);font-weight:600}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:36px;padding-top:22px;
  border-top:1px solid var(--edge2);font-size:12.5px;color:var(--w60);letter-spacing:.04em}
.meta b{color:var(--w);font-weight:700}
.meta .d{width:4px;height:4px;border-radius:50%;background:var(--edge)}

/* ---------- ÜÇ SAYI ---------- */
.flash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:46px 0 0}
.fcard{padding:26px;position:relative;overflow:hidden;
  background:var(--glass);backdrop-filter:blur(26px) saturate(150%);
  border:1px solid var(--edge);border-radius:22px;
  box-shadow:0 20px 54px rgba(23,17,127,.26), inset 0 1px 0 rgba(255,255,255,.2)}
.fcard:after{content:"";position:absolute;left:26px;right:26px;top:0;height:2px;border-radius:2px}
.fcard.a:after{background:var(--pos);box-shadow:0 0 18px var(--pos)}
.fcard.b:after{background:var(--neg);box-shadow:0 0 18px var(--neg)}
.fcard.c:after{background:var(--alt);box-shadow:0 0 18px var(--alt)}
.fnum{font-family:'Saira Semi Condensed',sans-serif;font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:1;margin-bottom:12px}
.fcard.a .fnum{color:var(--pos)} .fcard.b .fnum{color:var(--neg)} .fcard.c .fnum{color:var(--alt)}
.ftxt{font-size:14.5px;line-height:1.5;color:var(--w80)}
.ftxt b{color:var(--w);font-weight:600}

/* ---------- BÖLÜM ETİKETİ ---------- */
.sl{display:flex;align-items:center;gap:16px;margin:76px 0 24px;
  font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--w60)}
.sl:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--edge),transparent)}
h2.disp{font-size:clamp(27px,4.2vw,44px);line-height:1.04;margin:0 0 16px}
h3.disp{font-size:clamp(20px,2.6vw,27px);line-height:1.16;margin:0 0 12px}
p{margin:0 0 15px;color:var(--w80)}
p b{color:var(--w);font-weight:600}
.big{font-size:clamp(19px,2.4vw,26px);line-height:1.42;color:var(--w);font-weight:400;letter-spacing:-.01em}
.big b{font-weight:700}

/* ---------- GÖRSEL KART ---------- */
.viz{padding:32px;margin:26px 0;
  background:var(--glass);backdrop-filter:blur(26px) saturate(150%);
  border:1px solid var(--edge);border-radius:26px;
  box-shadow:0 24px 70px rgba(23,17,127,.3), inset 0 1px 0 rgba(255,255,255,.22);
  position:relative;overflow:hidden}
.viz-h{font-family:'Saira Semi Condensed',sans-serif;font-size:17px;font-weight:700;margin-bottom:5px;letter-spacing:-.01em}
.viz-s{font-size:13px;color:var(--w60);margin-bottom:28px}
.src{margin-top:26px;padding-top:15px;border-top:1px solid var(--edge2);font-size:11.5px;line-height:1.5;color:var(--w60)}
.src i{font-style:italic}

/* ---------- WAFFLE ---------- */
.waffles{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}
.wbox{min-width:0}
.wgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-bottom:18px}
.wcell{aspect-ratio:1;border-radius:50%;background:rgba(23,17,127,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.wcell.on{background:var(--pos);box-shadow:0 0 12px rgba(49,233,199,.75)}
.wcell.on2{background:var(--neg);box-shadow:0 0 12px rgba(253,102,153,.8)}
.wlab{font-size:13px;line-height:1.45;color:var(--w60)}
.wlab b{display:block;font-family:'Saira Semi Condensed',sans-serif;font-size:38px;font-weight:800;letter-spacing:-.04em;margin-bottom:6px}
.wlab.l b{color:var(--pos);text-shadow:0 0 30px rgba(49,233,199,.45)}
.wlab.m b{color:var(--neg);text-shadow:0 0 30px rgba(253,102,153,.5)}
.wvs{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--w40);text-transform:uppercase;
  writing-mode:vertical-rl;white-space:nowrap}

/* ---------- LOLLIPOP ---------- */
.lolli{display:flex;flex-direction:column;gap:14px}
.lrow{display:grid;grid-template-columns:minmax(0,150px) 1fr 44px;gap:14px;align-items:center}
.lname{font-size:13px;color:var(--w80);min-width:0}
.ltrack{position:relative;height:2px;background:rgba(255,255,255,.14);border-radius:2px}
.lline{position:absolute;left:0;top:0;height:2px;background:linear-gradient(90deg,rgba(254,187,114,.2),var(--alt));border-radius:2px}
.ldot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);
  background:var(--alt);box-shadow:0 0 16px rgba(254,187,114,.9)}
.lrow.hot .lline{background:linear-gradient(90deg,rgba(253,102,153,.2),var(--neg))}
.lrow.hot .ldot{background:var(--neg);box-shadow:0 0 20px rgba(253,102,153,1);width:16px;height:16px}
.lval{font-family:'Saira Semi Condensed',sans-serif;font-size:14px;font-weight:800;text-align:right;color:var(--w)}
.lrow.hot .lval{color:var(--neg)}

/* ---------- ÜÇTE BİR ---------- */
.thirds{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.tcirc{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;flex:none;
  border:1.5px solid rgba(49,233,199,.5);background:rgba(49,233,199,.09);
  font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:14px;color:var(--pos);letter-spacing:.02em}
.tcirc.fail{border-color:var(--neg);background:rgba(253,102,153,.16);color:var(--neg);
  box-shadow:0 0 44px rgba(253,102,153,.5)}
.tcap{font-size:15.5px;line-height:1.5;color:var(--w80);min-width:210px;flex:1}
.tcap b{color:var(--w)}

/* ---------- SPARK ---------- */
.spark{width:100%;height:215px}

/* ---------- QUADRANT ---------- */
.quad{position:relative;aspect-ratio:1.55;border:1px solid var(--edge2);border-radius:18px;overflow:hidden;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.14) 49.8%,rgba(255,255,255,.14) 50.2%,transparent 50.2%),
    linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.14) 49.8%,rgba(255,255,255,.14) 50.2%,transparent 50.2%),
    rgba(255,255,255,.04)}
.qlab{position:absolute;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w40)}
.qdot{position:absolute;width:17px;height:17px;border-radius:50%;background:var(--pos);
  box-shadow:0 0 0 7px rgba(49,233,199,.16),0 0 34px rgba(49,233,199,.95);transform:translate(-50%,-50%)}
.qdot.pale{background:rgba(255,255,255,.55);box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.qtag{position:absolute;transform:translate(-50%,-50%);font-family:'Saira Semi Condensed',sans-serif;font-size:12.5px;font-weight:800;white-space:nowrap}

/* ---------- SAYI KARTLARI ---------- */
.hitrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.hit{padding:26px;border-radius:22px;background:var(--glass2);border:1px solid var(--edge2);
  backdrop-filter:blur(18px)}
.hit .n{font-family:'Saira Semi Condensed',sans-serif;font-size:clamp(40px,6.4vw,62px);font-weight:800;letter-spacing:-.05em;line-height:1}
.hit.l .n{color:var(--pos);text-shadow:0 0 36px rgba(49,233,199,.4)}
.hit.m .n{color:var(--neg);text-shadow:0 0 36px rgba(253,102,153,.45)}
.hit .t{font-size:14px;line-height:1.5;color:var(--w80);margin-top:14px}
.hit .t b{color:var(--w);font-weight:600}

/* ---------- SİNYAL ---------- */
.sig{margin:58px 0 0}
.sig-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.sig-n{font-family:'Saira Semi Condensed',sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
  padding:8px 16px;border-radius:999px;flex:none;background:var(--glass2);backdrop-filter:blur(10px)}
.sig-n.a{color:var(--pos);border:1px solid rgba(49,233,199,.5)}
.sig-n.b{color:var(--neg);border:1px solid rgba(253,102,153,.5)}
.sig-n.c{color:var(--alt);border:1px solid rgba(254,187,114,.5)}
.act{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:20px 22px;border-radius:18px;
  border:1px solid var(--edge2);background:var(--glass2);backdrop-filter:blur(14px)}
.act .k{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--pos);flex:none;padding-top:4px}
.act p{margin:0;font-size:15.5px;line-height:1.55;color:var(--w)}

/* ---------- TEŞHİS ---------- */
.diag{margin:78px 0 0;padding:44px 36px;border-radius:32px;
  border:1px solid rgba(49,233,199,.34);
  background:radial-gradient(720px 420px at 12% 0%,rgba(49,233,199,.16),transparent 62%),rgba(255,255,255,.09);
  backdrop-filter:blur(26px) saturate(150%);
  box-shadow:0 28px 80px rgba(23,17,127,.34), inset 0 1px 0 rgba(255,255,255,.24)}
.qgrid{display:grid;gap:2px;margin-top:26px}
.qrow{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--edge2);align-items:baseline}
.qrow:first-child{border-top:0}
.qi{font-family:'Saira Semi Condensed',sans-serif;font-size:15px;font-weight:800;color:var(--pos)}
.qt{font-size:16.5px;line-height:1.5;color:var(--w);margin:0}
.qout{margin-top:28px;padding:22px 24px;border-radius:18px;background:rgba(253,102,153,.16);
  border:1px solid rgba(253,102,153,.44);font-size:15.5px;line-height:1.55;color:var(--w)}
.qout b{color:var(--neg)}

/* ---------- PODCAST ---------- */
.pod{margin:34px 0 0;padding:28px;border-radius:24px;border:1px solid var(--edge2);
  background:linear-gradient(100deg,rgba(254,187,114,.14),rgba(253,102,153,.1));backdrop-filter:blur(20px);
  display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.pod-ic{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:23px;
  background:rgba(255,255,255,.14);border:1px solid var(--edge)}
.pod-b{flex:1;min-width:220px}
.pod-k{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--alt);margin-bottom:7px}
.pod-t{font-family:'Saira Semi Condensed',sans-serif;font-size:19px;font-weight:800;margin:0 0 4px}
.pod-d{font-size:13.5px;color:var(--w60);margin:0}
.pod-s{font-size:11.5px;color:var(--w60);border:1px dashed var(--edge);border-radius:12px;padding:12px 16px;letter-spacing:.04em}
audio.player{width:100%;margin-top:8px}

/* ---------- CTA ---------- */
.cta{margin:36px 0 0;padding:38px;border-radius:28px;border:1px solid var(--edge);
  background:linear-gradient(120deg,rgba(49,233,199,.14),rgba(253,102,153,.12));backdrop-filter:blur(22px)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--pos);color:#17117F;
  padding:16px 30px;border-radius:999px;font-weight:800;font-size:15px;letter-spacing:.01em;
  box-shadow:0 0 40px rgba(49,233,199,.45)}
.btn:hover{background:var(--w);color:#17117F}

/* ---------- KÜNYE ---------- */
details.colo{margin:62px 0 0;border-top:1px solid var(--edge2);padding-top:24px}
details.colo summary{cursor:pointer;list-style:none;font-size:11px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--w60)}
details.colo summary::-webkit-details-marker{display:none}
details.colo summary:before{content:"+ ";color:var(--pos)}
details.colo[open] summary:before{content:"− "}
.colo-b{margin-top:20px;font-size:13px;line-height:1.65;color:var(--w60)}
.colo-b h4{font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--w80);margin:20px 0 7px}
.colo-b h4:first-child{margin-top:0}
.colo-b p{font-size:13px;color:var(--w60);margin:0 0 11px}
.colo-b b{color:var(--w80)}
.foot{margin-top:36px;padding:24px 0 56px;border-top:1px solid var(--edge2);
  display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;font-size:12.5px;color:var(--w60)}
.foot b{color:var(--w)}

/* ---------- REVEAL ---------- */
.rv{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  .flash{grid-template-columns:1fr}
  .waffles{grid-template-columns:1fr;gap:24px}
  .wvs{writing-mode:horizontal-tb;letter-spacing:.26em;text-align:center}
  .hitrow{grid-template-columns:1fr}
}
@media(max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .hero{padding:50px 0 18px}
  .viz{padding:24px 20px}
  .diag{padding:32px 22px}
  .lrow{grid-template-columns:minmax(0,112px) 1fr 40px;gap:10px}
  .lname{font-size:12px}
  .tcirc{width:86px;height:86px;font-size:12.5px}
  .sl{margin:56px 0 20px}
  .sig{margin:46px 0 0}
  .bname{letter-spacing:.3em;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .tagline i{animation:none}
}


/* ============================================================
   AÇIK TEMA — BEYAZ TAŞIYICI + RENKLİ BLOKLAR
   Çağdaş (2026-08-04): "beyaz rahatlatıcı ama çok beyaz olmuş —
   grafik kutularının fonları bizim renklerden biri olsun, kutularda
   renk çeşitliliği olsun, içindeki rakamlar beyaz veya okunur renk."
   Kural: beyaz sayfa taşır, renk bloklarda yaşar. Blok başına farklı
   palet rengi; aynı renk üst üste iki blokta kullanılmaz.
   ============================================================ */

/* ---- yüzeyler: cam yok, düz beyaz + ince gölge ---- */
.glass,.viz,.fcard,.diag,.pod,.cta,.hit,.act{backdrop-filter:none;-webkit-backdrop-filter:none}
.viz{background:#fff;border:1px solid var(--edge);box-shadow:0 14px 40px rgba(23,17,127,.07)}
.mast{background:rgba(255,255,255,.88);border-bottom:1px solid var(--edge2)}
.bmark{background:#0366E6;color:#fff;box-shadow:none}
h1 .hl,h1 .hl-m,.wlab.l b,.wlab.m b,.hit .n,.fnum,.qtag{text-shadow:none}
.tagline{background:#fff;border-color:var(--edge)}
.tagline i{background:#0366E6;box-shadow:none}
.act{background:rgba(3,102,230,.05);border:1px solid var(--edge)}
.act .k{color:#0366E6}

/* ---- ÜÇ SAYI KUTUSU: her biri farklı dolgu, rakam beyaz/turkuaz ---- */
.fcard{border:0;box-shadow:0 16px 44px rgba(23,17,127,.14)}
.fcard:after{display:none}
.fcard .ftxt{color:rgba(255,255,255,.78)}
.fcard .ftxt b{color:#fff}
.fcard.a{background:#0366E6} .fcard.a .fnum{color:#fff}
.fcard.b{background:#E648A1} .fcard.b .fnum{color:#fff}
.fcard.c{background:#17117F} .fcard.c .fnum{color:var(--pos-in)}

/* ---- DOLGULU GRAFİK KUTULARI ----
   .viz.f-* : kutunun fonu palet rengi olur, içindeki her şey koyu yüzey
   mantığına döner (metin beyaz, veri turkuaz/pembe). */
.viz.f-ink{background:#17117F;border-color:transparent}
.viz.f-blue{background:#0366E6;border-color:transparent}
.viz.f-violet{background:#4F187B;border-color:transparent}
.viz.f-teal{background:#46989D;border-color:transparent}
/* .viz.f-bordo{background:#66184C} — 001de denendi, ekranda çamurlu kaldı; sonraki bölümde tekrar bakılır */
.viz[class*="f-"]{box-shadow:0 20px 56px rgba(23,17,127,.20)}
.viz[class*="f-"],.viz[class*="f-"] .viz-h{color:#fff}
.viz[class*="f-"] .viz-s{color:rgba(255,255,255,.66)}
.viz[class*="f-"] .src{color:rgba(255,255,255,.60);border-top-color:rgba(255,255,255,.20)}
.viz[class*="f-"] .wcell{background:rgba(255,255,255,.16);box-shadow:none}
.viz[class*="f-"] .wcell.on{background:var(--pos-in)}
.viz[class*="f-"] .wcell.on2{background:var(--neg-in)}
.viz[class*="f-"] .wlab{color:rgba(255,255,255,.68)}
.viz[class*="f-"] .wlab.l b{color:var(--pos-in)}
.viz[class*="f-"] .wlab.m b{color:var(--neg-in)}
.viz[class*="f-"] .wvs{color:rgba(255,255,255,.45)}
.viz[class*="f-"] .lname{color:rgba(255,255,255,.80)}
.viz[class*="f-"] .ltrack{background:rgba(255,255,255,.22)}
.viz[class*="f-"] .lline{background:linear-gradient(90deg,rgba(49,233,199,.25),var(--pos-in))}
.viz[class*="f-"] .ldot{background:var(--pos-in);box-shadow:none}
.viz[class*="f-"] .lrow.hot .lline{background:linear-gradient(90deg,rgba(253,102,153,.25),var(--neg-in))}
.viz[class*="f-"] .lrow.hot .ldot{background:var(--neg-in);box-shadow:none}
.viz[class*="f-"] .lval{color:#fff}
.viz[class*="f-"] .lrow.hot .lval{color:var(--neg-in)}
.viz[class*="f-"] .tcirc{border-color:rgba(49,233,199,.55);background:rgba(49,233,199,.12);color:var(--pos-in)}
.viz[class*="f-"] .tcirc.fail{border-color:var(--neg-in);background:rgba(253,102,153,.18);color:var(--neg-in);box-shadow:none}
.viz[class*="f-"] .tcap{color:rgba(255,255,255,.78)} .viz[class*="f-"] .tcap b{color:#fff}
.viz[class*="f-"] .quad{border-color:rgba(255,255,255,.20);background:
  linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.18) 49.8%,rgba(255,255,255,.18) 50.2%,transparent 50.2%),
  linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.18) 49.8%,rgba(255,255,255,.18) 50.2%,transparent 50.2%),
  rgba(255,255,255,.06)}
.viz[class*="f-"] .qlab{color:rgba(255,255,255,.50)}
.viz[class*="f-"] .qdot{background:var(--pos-in);box-shadow:0 0 0 7px rgba(49,233,199,.18)}
.viz[class*="f-"] .qdot.pale{background:rgba(255,255,255,.55);box-shadow:0 0 0 6px rgba(255,255,255,.10)}
.viz[class*="f-"] .hit{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20)}
.viz[class*="f-"] .hit .t{color:rgba(255,255,255,.76)} .viz[class*="f-"] .hit .t b{color:#fff}
.viz[class*="f-"] .hit.l .n{color:var(--pos-in)} .viz[class*="f-"] .hit.m .n{color:var(--neg-in)}
.viz[class*="f-"] p{color:rgba(255,255,255,.80)} .viz[class*="f-"] p b{color:#fff}

/* ---- beyaz kalan kutularda veri renkleri ---- */
.viz:not([class*="f-"]) .wcell{background:rgba(23,17,127,.09)}
.viz:not([class*="f-"]) .wcell.on{background:#0366E6;box-shadow:none}
.viz:not([class*="f-"]) .wcell.on2{background:var(--neg);box-shadow:none}
.viz:not([class*="f-"]) .tcirc{border-color:rgba(3,102,230,.42);background:rgba(3,102,230,.07);color:#0366E6}
.viz:not([class*="f-"]) .tcirc.fail{border-color:var(--neg);background:rgba(230,72,161,.10);color:var(--neg);box-shadow:none}
.viz:not([class*="f-"]) .ldot,.viz:not([class*="f-"]) .lrow.hot .ldot{box-shadow:none}
.hitrow>.hit{border:0;box-shadow:0 16px 44px rgba(23,17,127,.14)}
.hitrow>.hit.l{background:#0366E6} .hitrow>.hit.l .n{color:#fff}
.hitrow>.hit.m{background:#E648A1} .hitrow>.hit.m .n{color:#fff}
.hitrow>.hit .t{color:rgba(255,255,255,.80)} .hitrow>.hit .t b{color:#fff}

/* ---- TEŞHİS: dolu bordo blok, sorular beyaz ---- */
.diag{background:#17117F;border:0;box-shadow:0 24px 64px rgba(23,17,127,.26)}
.diag h2.disp,.diag .qt{color:#fff}
.diag .qi{color:var(--pos-in)}
.diag .qrow{border-top-color:rgba(255,255,255,.16)}
.diag .lede,.diag p{color:rgba(255,255,255,.74)}
.qout{background:rgba(253,102,153,.18);border:1px solid rgba(253,102,153,.42);color:#fff}
.qout b{color:var(--neg-in)}

/* ---- PODCAST + CTA ---- */
.pod{background:rgba(3,102,230,.06);border:1px solid var(--edge)}
.pod-ic{background:#fff;border:1px solid var(--edge)}
.pod-k{color:#0366E6}
.pod-s{border-color:var(--edge);color:var(--w60)}
.cta{background:#0366E6;border:0;box-shadow:0 22px 60px rgba(3,102,230,.28)}
.cta h2.disp{color:#fff} .cta p{color:rgba(255,255,255,.82)} .cta p b{color:#fff}
.btn{background:#fff;color:#0366E6;box-shadow:none}
.btn:hover{background:#17117F;color:#fff}

/* ---- sinyal etiketleri ---- */
.sig-n{background:#fff}
.sig-n.a{color:#0366E6;border-color:rgba(3,102,230,.40)}
.sig-n.b{color:var(--neg);border-color:rgba(230,72,161,.40)}
.sig-n.c{color:var(--alt);border-color:rgba(70,152,157,.40)}

/* teal dolguda vurgu noktası: turkuaz okunmuyor -> pembe (geride kalan taraf) */
.viz.f-teal .qdot{background:var(--neg-in);box-shadow:0 0 0 7px rgba(253,102,153,.20)}
.viz.f-teal .qdot.pale{background:rgba(255,255,255,.62);box-shadow:0 0 0 6px rgba(255,255,255,.12)}

/* ---- DOLGULU YÜZEYLERDE KALIN YAZI ----
   İskelette `p b{color:var(--w)}` var; açık temada --w derin indigo olduğu için
   koyu dolgu içindeki <b> zemine karışıp KAYBOLUYORDU. Dolgulu her yüzeyde beyaz. */
.viz[class*="f-"] b,.diag b,.cta b,.fcard b,.hitrow>.hit b{color:#fff}
.diag .qt b{color:#fff}
.qout b{color:var(--neg-in)}          /* istisna: uyarı bloğunda pembe vurgu */
.diag .qi{color:var(--pos-in)}        /* istisna: soru numaraları turkuaz */


/* ---- İNCELENEN KAYNAK ŞERİDİ (raporun orijinal kapağı) ---- */
.kaynak{display:flex;gap:22px;align-items:center;margin:34px 0 0;padding:20px 24px;
  border:1px solid var(--edge);border-radius:20px;background:#fff;
  box-shadow:0 12px 34px rgba(23,17,127,.06)}
.kaynak img{width:78px;height:auto;flex:none;border-radius:5px;box-shadow:0 6px 20px rgba(23,17,127,.20)}
.kaynak-b{min-width:0}
.kaynak-k{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:#0366E6;margin-bottom:8px}
.kaynak-t{font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:16.5px;letter-spacing:-.01em;margin:0 0 5px;color:var(--w)}
.kaynak-d{font-size:13px;line-height:1.55;color:var(--w60);margin:0}
@media(max-width:640px){
  .kaynak{gap:16px;padding:16px 18px}
  .kaynak img{width:62px}
  .kaynak-t{font-size:15px}
}

/* ============================================================================
   RENK KATMANI — Çağdaş talimatı 2026-08-06 ("biraz renk kat · çok beyaz")
   ----------------------------------------------------------------------------
   Format 2.x'te doygun blok sayısı 2'ydi. Bu bölümde 5. Ek olarak sinyal
   bandı, alıntı şeridi ve bölüm etiketi renk taşır. Beyaz TAŞIYICI olarak
   kalır (bloklar arası boşluk) — koyu zemin klişesine geçilmedi.
   Bölüme özel: lider #17117F · sıcak #FE836D · parlak #31E9C7
   ============================================================================ */

/* ---- bölüm etiketi: renkli çubuk ---- */
.sl:before{content:"";width:26px;height:9px;border-radius:3px;background:#17117F;flex:none}
.sl{color:#17117F}

/* ---- sinyal bandı: her sinyal tonlu zemine oturur + doygun sol ray ---- */
.sig{position:relative;padding:30px 30px 30px 34px;border-radius:26px;margin-top:52px;
  background:rgba(23,17,127,.055);border:1px solid rgba(23,17,127,.14)}
.sig:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:7px;
  border-radius:0 5px 5px 0}
.sig.s1:before{background:#17117F}
.sig.s2:before{background:#FE836D}
.sig.s3:before{background:#31E9C7}
.sig .viz{box-shadow:0 16px 44px rgba(23,17,127,.10)}

/* ---- alıntı şeridi: düz metin değil dolgulu blok ---- */
.big{margin:26px 0;padding:22px 26px;border-radius:18px;font-size:20px;line-height:1.42;
  background:#17117F;color:#fff;border:0}
.big b{color:#fff;font-weight:800}
.big.warm{background:#FE836D;color:#17117F}
.big.warm b{color:#17117F}

/* ---- AÇIK DOLGULU BLOK (koyu metin) ----
   §5.7 kural 7'nin doğrudan uygulaması: dolgu açık renk olduğunda iskeletin
   "dolguda metin beyaz" kuralı okunmaz metin üretir. Bu iki sınıf metin
   rengini kendi içinde GERİ ALIR — beyaz bırakılırsa 1,6:1 kontrast çıkar. */
.viz.f-sicak{background:#FE836D;border-color:transparent}
.viz.f-parlak{background:#31E9C7;border-color:transparent}
.viz.f-sicak,.viz.f-parlak,
.viz.f-sicak .viz-h,.viz.f-parlak .viz-h,
.viz.f-sicak b,.viz.f-parlak b,
.viz.f-sicak p,.viz.f-parlak p,
.viz.f-sicak p b,.viz.f-parlak p b{color:#17117F}
.viz.f-sicak .viz-s,.viz.f-parlak .viz-s{color:rgba(23,17,127,.72)}
.viz.f-sicak .src,.viz.f-parlak .src{color:rgba(23,17,127,.66);border-top-color:rgba(23,17,127,.22)}
.viz.f-sicak .src b,.viz.f-parlak .src b{color:#17117F}
.viz.f-sicak,.viz.f-parlak{box-shadow:0 20px 56px rgba(23,17,127,.20)}

@media(max-width:640px){
  .sig{padding:22px 18px 22px 22px;border-radius:20px}
  .big{font-size:17.5px;padding:18px 18px}
}

/* ============================================================
   TEMA BLOĞU — No. 010 · WEF · Energy Transition Index 2026
   ------------------------------------------------------------
   Kimlik: DERİN İNDİGO hakimiyeti + iki açık doygun dolgu
   (mercan, turkuaz). Konu enerji sistemi: gece/şebeke tarafı
   indigo, ısı/gerilim tarafı mercan, elektrik tarafı turkuaz.

   Lider renk penceresi: son üç bölüm 009 mor · 008 bordo ·
   007 yeşil. İndigo son kez No. 001'de liderdi (dokuz bölüm
   arayla pencere temiz).

   Aksan takımı:
     indigo   #17117F  → lider dolgu, amiral görsel, teşhis
     mercan   #FE836D  → geri giden taraf (koyu metinli dolgu)
     turkuaz  #31E9C7  → elektrik/bugün tarafı (koyu metinli dolgu)
     bordo    #66184C  → yoğunlaşma bloğu
     mavi     #0366E6  → seri çapası (üst bant, künye, CTA)
     yeşil    #47BF78  → YALNIZ takip kutusu
   Kompozisyon hamlesi: hero altında ÇAPRAZ OK — iki ok zıt
   yönde kesişir (+%0,43 sistem / −%0,76 hazırlık) ve kesişme
   noktasında net sonuç +%0,03 durur. 006 hunisi, 007 kademesi,
   008 çentiği ve 009 dikey bölmesi tekrarlanmadı.
   ============================================================ */

:root{
  --b1:#0366E6; --b2:#17117F; --b3:#FE836D; --b4:#31E9C7; --deep:#17117F;
  --pos:#0366E6;
  --neg:#66184C;
  --alt:#46989D;
  --pos-in:#31E9C7;
  --neg-in:#FE836D;
  --peach:#FCA095;
  --krem:#F7F5EE;
}

body:before{
  background:
    radial-gradient(900px 720px at 2% -10%, rgba(23,17,127,.13) 0%, transparent 58%),
    radial-gradient(820px 640px at 100% 102%, rgba(254,131,109,.13) 0%, transparent 56%),
    #FFFFFF;
}

h1.disp{font-size:clamp(37px,5.9vw,68px)}
.bmark{background:#0366E6;color:#fff}
.tagline i{background:#17117F;box-shadow:none}
h1 .hl{color:#17117F}
h1 .hl-m{color:#B8442A}

/* ---------- kompozisyon hamlesi: ÇAPRAZ OK ----------
   Raporun tek cümlesi bir kesişme: bugünün performansı yukarı,
   yarının hazırlığı aşağı gidiyor ve ikisi net sıfırda buluşuyor.
   Grafik bunu iki zıt yönlü okla söylüyor; ağırlıklar (60/40)
   okların KALINLIĞINDA. */
.capraz{position:relative;margin:32px 0 0;max-width:720px;height:132px}
.capraz .ax{position:absolute;left:0;right:0;top:65px;height:1px;background:rgba(23,17,127,.16)}
.capraz .ok{position:absolute;left:0;width:62%;border-radius:4px}
.capraz .ok.up{height:13px;top:82px;background:linear-gradient(90deg,rgba(49,233,199,.30),#31E9C7);
  transform:rotate(-9deg);transform-origin:left center}
.capraz .ok.dn{height:9px;top:44px;background:linear-gradient(90deg,rgba(254,131,109,.30),#FE836D);
  transform:rotate(11deg);transform-origin:left center}
.capraz .et{position:absolute;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:11px;letter-spacing:.11em;text-transform:uppercase;line-height:1.4}
.capraz .et.a{left:0;top:8px;color:#B8442A}
.capraz .et.b{left:0;bottom:2px;color:#2E6E72}
.capraz .son{position:absolute;right:0;top:22px;text-align:right}
.capraz .son .n{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:40px;
  line-height:1;letter-spacing:-.02em;color:#17117F;display:block}
.capraz .son .t{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--w60)}
.capraz .kal{position:absolute;right:0;bottom:0;font-size:11.5px;color:var(--w60);
  font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif}

/* ---------- ÜÇ SAYI: indigo · mercan · turkuaz ---------- */
.fcard.a{background:#17117F} .fcard.a .fnum{color:#31E9C7}
.fcard.b{background:#FE836D} .fcard.b .fnum{color:#17117F}
.fcard.b .ftxt{color:rgba(23,17,127,.78)} .fcard.b .ftxt b{color:#17117F}
.fcard.c{background:#0366E6} .fcard.c .fnum{color:#fff}

/* ---------- İNDİGO DOLGU (amiral) ---------- */
.viz.f-ink .viz-s{color:rgba(255,255,255,.80)}
.viz.f-ink .src{color:rgba(255,255,255,.72);border-top-color:rgba(255,255,255,.24)}
.viz.f-ink b,.viz.f-ink .src b{color:#fff}

/* ---------- BORDO DOLGU (yoğunlaşma) ---------- */
.viz.f-bordo{background:#66184C;border-color:transparent}
.viz.f-bordo,.viz.f-bordo .viz-h{color:#fff}
.viz.f-bordo .viz-s{color:rgba(255,255,255,.78)}
.viz.f-bordo .src{color:rgba(255,255,255,.70);border-top-color:rgba(255,255,255,.24)}
.viz.f-bordo b,.viz.f-bordo p b,.viz.f-bordo .src b{color:#fff}
.viz.f-bordo p{color:rgba(255,255,255,.84)}

/* ---------- Türkiye bloğu: sıcak tonlu sakin zemin ---------- */
.viz.tr-blok{background:rgba(254,187,114,.17);border-color:rgba(184,68,42,.24)}

/* ---------- SİNYAL ETİKETLERİ ---------- */
.sig-n{background:#fff}
.sig-n.a{color:#17117F;border-color:rgba(23,17,127,.46)}
.sig-n.b{color:#B8442A;border-color:rgba(184,68,42,.42)}
.sig-n.c{color:#66184C;border-color:rgba(102,24,76,.42)}

/* ---------- ÇIKAR BEYANI ---------- */
.beyan{margin:34px 0 0;padding:30px 32px 26px;border-radius:22px;background:#fff;
  border:1px solid var(--edge);border-left:6px solid #17117F;
  box-shadow:0 14px 40px rgba(23,17,127,.07)}
.beyan h3{font-family:'Saira Semi Condensed',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.015em;margin:0 0 8px}
.beyan>p{font-size:15px;line-height:1.55;color:var(--w80);margin:0 0 20px}
.brow{display:grid;grid-template-columns:26px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--edge2)}
.bi{font-family:'Saira Semi Condensed',sans-serif;font-size:13px;font-weight:800;color:#17117F;padding-top:2px}
.bt{font-size:14.5px;line-height:1.55;color:var(--w80);margin:0}
.bt b{color:var(--w);font-weight:700}
.bt .pg{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11.5px;color:var(--w60);white-space:nowrap}

/* ---------- TEŞHİS ---------- */
.diag{background:#17117F;box-shadow:0 24px 64px rgba(23,17,127,.26)}
.diag .qi{color:#31E9C7}
.qout{background:rgba(254,131,109,.22);border:1px solid rgba(254,131,109,.50)}
.qout b{color:#FE836D}

/* ---------- CTA ---------- */
.cta{background:#0366E6}
.btn{background:#fff;color:#0366E6}
.btn:hover{background:#17117F;color:#fff}

@media(max-width:640px){
  .beyan{padding:24px 20px}
  .capraz{height:150px;max-width:100%}
  .capraz .son{top:0}
  .capraz .son .n{font-size:32px}
}


/* ============================================================
   GRAFİK KÜTÜPHANESİ — No. 010
   Dört tip, dördü de seride İLK:
     .bulut  dağılım bulutu + kenar yoğunluk şeridi (120 nokta)
     .egim   eğim şeridi (2025 -> 2026, beş kalem)
     .kusak  bölge kuşağı (sıfırdan iki yöne açılan bant)
     .kama   kama dengesi (ağırlıklı iki zıt kama)
   001'in `.quad`ı 2x2 kutuya birkaç nokta koyuyordu; `.bulut`
   120 gerçek gözlemi taşır ve iki kenarında dağılım şeridi var —
   farklı bir alet, tekrar değil.
   ============================================================ */

/* ---- 1. DAĞILIM BULUTU ----
   Ne zaman: iki eksenli gerçek bir ölçüm kümesi varsa ve okuyucunun
   kendi ülkesini kümede GÖRMESİ gerekiyorsa. Kenar şeritleri, hangi
   eksenin daha geniş dağıldığını gösterir — bu grafiğin asıl bulgusu. */
.bulut{margin-top:26px}
.bl-kutu{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 34px;gap:8px}
.bl-yog{position:relative;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.bl-yog.dik{grid-column:1;grid-row:1}
.bl-yog.yat{grid-column:2;grid-row:2}
.bl-yog i{position:absolute;background:#31E9C7;border-radius:2px}
.bl-yog.dik i{left:4px;right:4px;transform-origin:left}
.bl-yog.yat i{top:4px;bottom:4px}
.bl-alan{grid-column:2;grid-row:1;position:relative;aspect-ratio:1.5;border-radius:14px;
  border:1px solid rgba(255,255,255,.18);overflow:hidden;background:rgba(255,255,255,.05)}
.bl-alan .ort{position:absolute;background:rgba(255,255,255,.30)}
.bl-alan .ort.v{top:0;bottom:0;width:1px}
.bl-alan .ort.h{left:0;right:0;height:1px}
.bl-alan .ort.v:after,.bl-alan .ort.h:after{content:"";position:absolute}
.bl-d{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.42);
  transform:translate(-50%,50%)}
.bl-d.tr{width:15px;height:15px;background:#FE836D;box-shadow:0 0 0 6px rgba(254,131,109,.26);z-index:3}
.bl-d.top{width:9px;height:9px;background:#31E9C7;z-index:2}
.bl-et{position:absolute;transform:translate(-50%,50%);z-index:4;
  font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10px;letter-spacing:.06em;
  color:rgba(255,255,255,.86);white-space:nowrap;pointer-events:none}
.bl-et.vurgu{color:#FE836D;font-weight:700;font-size:11.5px}
/* Sag kenara yakin nokta: etiket ortalanirsa kutunun disina tasiyor ve
   dorttlu alan sayacinin uzerine biniyor (render QC, 1280 ve 500 px).
   Cozum yerlesim: etiket noktanin SOLUNA yaslanir. */
.bl-et.sag{transform:translate(-100%,50%);padding-right:9px}
.bl-qet{position:absolute;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9px;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.46);line-height:1.5}
.bl-eks{display:flex;justify-content:center;gap:12px;margin-top:10px;
  font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:rgba(255,255,255,.58)}
.bl-not{margin-top:16px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.82)}
.bl-not b{color:#fff}
.bl-yaz{position:absolute;left:-2px;top:50%;transform:rotate(-90deg) translateX(-50%);
  transform-origin:left center;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.58);white-space:nowrap}

/* ---- 2. EĞİM ŞERİDİ (ortak eksende kaydırma) ----
   Ne zaman: aynı kalemlerin hem DÜZEYİ hem iki tarih arası hareketi birlikte
   okunacaksa. Tüm satırlar TEK eksen paylaşır (35-63 puan): yatay konum düzey,
   halka->nokta arası hareket. İlk kurgu her satıra kendi 96px'lik kutusunu
   veriyordu ve 0,1-0,8 puanlık hareketler düz çizgi gibi görünüyordu — grafik
   hiçbir şey söylemiyordu. Ortak eksen düzey farkını (60,9 ile 37,3) görünür
   kılıyor; hareket küçük kalıyor çünkü GERÇEKTEN küçük.
   §5.7 kural 8: işaretlerin hepsi aynı taban çizgisinde, döndürme yok. */
.egim{margin-top:24px}
.eg-h{display:grid;grid-template-columns:1fr 52px minmax(0,2.4fr) 52px 66px;gap:10px;padding:0 0 8px;
  font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(23,17,127,.66);border-bottom:1px solid rgba(23,17,127,.26)}
.eg-h span:nth-child(2),.eg-h span:nth-child(4),.eg-h span:nth-child(5){text-align:center}
.eg-cet{position:relative;height:12px}
.eg-cet i{position:absolute;top:0;width:1px;height:6px;background:rgba(23,17,127,.40)}
.eg-cet span{position:absolute;top:5px;transform:translateX(-50%);font-size:9px;letter-spacing:.06em;
  color:rgba(23,17,127,.62)}
.eg-r{display:grid;grid-template-columns:1fr 52px minmax(0,2.4fr) 52px 66px;gap:10px;align-items:center;
  padding:12px 0;border-bottom:1px solid rgba(23,17,127,.14)}
.eg-ad{font-size:14px;line-height:1.3;color:#17117F;font-weight:600}
.eg-v{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:16px;text-align:center;color:rgba(23,17,127,.60)}
.eg-v.son{color:#17117F}
.eg-t{position:relative;height:22px}
.eg-t .taban{position:absolute;left:0;right:0;top:10px;height:2px;background:rgba(23,17,127,.20);border-radius:2px}
.eg-t .hrk{position:absolute;top:9px;height:4px;border-radius:2px;background:#66184C}
.eg-r.iyi .eg-t .hrk{background:#0366E6}
.eg-t .bnokta{position:absolute;top:5px;width:12px;height:12px;border-radius:50%;
  border:2.5px solid rgba(23,17,127,.55);background:transparent;transform:translateX(-50%)}
.eg-t .dnokta{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:#66184C;
  transform:translateX(-50%);box-shadow:0 0 0 3px rgba(102,24,76,.20)}
.eg-r.iyi .eg-t .dnokta{background:#0366E6;box-shadow:0 0 0 3px rgba(3,102,230,.22)}
.eg-d{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:15px;text-align:center;color:#66184C}
.eg-r.iyi .eg-d{color:#0366E6}
.eg-key{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;
  font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(23,17,127,.70)}
.eg-key span{display:flex;align-items:center;gap:7px}
.eg-key i.bn{width:12px;height:12px;border-radius:50%;border:2.5px solid rgba(23,17,127,.55)}
.eg-key i.dn{width:13px;height:13px;border-radius:50%;background:#17117F}
.eg-not{margin-top:14px;font-size:13px;line-height:1.6;color:rgba(23,17,127,.82)}
.eg-not b{color:#17117F}

/* ---- 3. BÖLGE KUŞAĞI ----
   Ne zaman: değerler bir merkezden İKİ YÖNE açılıyorsa ve asıl bilgi
   hangi tarafta kaç tane olduğu. Yığın çubuk bunu gizler. */
.kusak{margin-top:24px}
.ks-mid{display:grid;grid-template-columns:168px 1fr 56px;gap:12px;margin:0 0 2px}
.ks-mid i{grid-column:2;position:relative;height:15px}
.ks-mid i:before{content:"";position:absolute;left:50%;top:6px;bottom:-4px;width:1px;background:rgba(23,17,127,.42)}
.ks-mid i span{position:absolute;left:50%;top:0;transform:translateX(-50%);
  font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10px;letter-spacing:.1em;
  color:rgba(23,17,127,.72)}
.ks-r{display:grid;grid-template-columns:168px 1fr 56px;gap:12px;align-items:center;padding:9px 0;
  border-bottom:1px solid rgba(23,17,127,.10)}
.ks-ad{font-size:13.5px;line-height:1.28;color:#17117F}
.ks-t{position:relative;height:20px;background:linear-gradient(90deg,transparent 49.7%,rgba(23,17,127,.28) 49.7%,rgba(23,17,127,.28) 50.3%,transparent 50.3%)}
.ks-t i{position:absolute;top:5px;height:10px;border-radius:2px}
.ks-t i.eksi{right:50%;background:#66184C}
.ks-t i.arti{left:50%;background:#17117F}
.ks-v{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:14.5px;text-align:right}
.ks-r.d .ks-v{color:#66184C} .ks-r.u .ks-v{color:#17117F}
.ks-not{margin-top:14px;font-size:13px;line-height:1.6;color:rgba(23,17,127,.82)}
.ks-not b{color:#17117F}

/* ---- 4. KAMA DENGESİ ----
   Ne zaman: iki zıt hareket bir toplamda buluşuyor ve AĞIRLIKLARI
   farklı. Kamanın kalınlığı ağırlık, uzunluğu değişim. */
.kama{display:grid;gap:18px;margin-top:24px}
.km-r{display:grid;grid-template-columns:150px 1fr 92px;gap:14px;align-items:center}
.km-ad{font-size:13.5px;line-height:1.3;color:#fff}
.km-ad small{display:block;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:3px}
.km-t{position:relative;height:34px}
.km-w{position:absolute;left:0;border-radius:3px 8px 8px 3px}
.km-w.a{background:linear-gradient(90deg,rgba(49,233,199,.35),#31E9C7)}
.km-w.b{background:linear-gradient(90deg,rgba(254,131,109,.35),#FE836D)}
.km-v{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:19px;text-align:right;color:#fff}
.km-sum{display:flex;align-items:baseline;gap:12px;margin-top:6px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.24)}
.km-sum .n{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:34px;line-height:1;color:#31E9C7}
.km-sum .t{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.82)}
.km-sum .t b{color:#fff}

@media(max-width:760px){
  .eg-h,.eg-r{grid-template-columns:1fr 40px minmax(0,1.6fr) 40px 52px;gap:6px}
  .eg-ad{font-size:12px}
  .eg-v{font-size:13px} .eg-d{font-size:12.5px}
  .ks-r,.ks-mid{grid-template-columns:112px 1fr 46px;gap:8px}
  .ks-ad{font-size:12px}
  .km-r{grid-template-columns:104px 1fr 66px;gap:9px}
  .km-ad{font-size:12px} .km-v{font-size:15px}
  .bl-kutu{grid-template-columns:22px 1fr;grid-template-rows:1fr 22px}
  .bl-alan{aspect-ratio:1.12}
  .bl-et{font-size:8.5px} .bl-et.vurgu{font-size:10px}
  /* Mobilde 500 px genislikte sekiz ulke etiketi dorttlu alan sayaclariyla
     cakisiyordu. Cakismayi opaklikla degil YERLESIMLE cozuyoruz: mobilde
     yalniz Turkiye etiketi kalir (bu okuyucu icin grafigin sebebi). */
  .bl-et:not(.vurgu){display:none}
}
/* ============================================================
   TAKİP BLOĞU (.takip) — Çağdaş kuralı, 2026-08-04
   Her inceleme sayfasının altında, künyeden ÖNCE. Fon rengi bölümün
   lider rengidir: "farkedilebilir" olsun ama her bölüm farklı görünsün.
   Beyaz metin + beyaz çerçeveli buton; küçük metin %86 beyaz (dolgu
   üstünde okunur). Palet dışı renk üretilmez.
   ============================================================ */
.takip{margin:58px 0 0;padding:38px 40px;border-radius:26px;background:#47BF78;color:#fff;
  box-shadow:0 22px 60px rgba(23,17,127,.20)}
.takip .tk{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(255,255,255,.80);margin-bottom:12px}
.takip h3{font-family:'Saira Semi Condensed',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:27px;line-height:1.25;
  letter-spacing:-.02em;margin:0 0 12px;color:#fff}
.takip p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.88);max-width:660px}
.takip p b{color:#fff}
.takip .tlinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.takip .tlinks a{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;
  border:1px solid rgba(255,255,255,.46);color:#fff;font-size:14.5px;font-weight:600;
  text-decoration:none;background:rgba(255,255,255,.10)}
.takip .tlinks a.ana{background:#fff;color:#47BF78;border-color:#fff}
.takip .tlinks a i{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;font-style:normal;opacity:.72}
.takip .tlinks a.ana i{opacity:.62}
@media (max-width:640px){
  .takip{padding:28px 22px;border-radius:20px}
  .takip h3{font-size:22px}
  .takip .tlinks a{width:100%;justify-content:space-between}
}

/* ============================================================================
   ÇAĞDAŞ GERİ BİLDİRİM PAKETİ — 2026-08-05 (No. 003'te pilot)
   Beş yapısal ekleme. Hepsi "raporu OKUMAMIŞ okuyucu" ölçütüne göre kuruldu:
     1) .kunye   — sayfanın en başında tek bakışta künye + podcast
     2) .oneri   — eski "KARAR" bloğunun yerine KURUMA / BİREYE iki şerit
     3) .ekbul   — 3 sinyal dışında kalan manşetsiz bulgular (açılır)
     4) .beyan-d — çıkar/metodoloji beyanı artık en altta ve açılır
     5) .takip   — yeniden tasarım (pill yığını değil, hiyerarşik)
   Renk disiplini korunur: yeşil #47BF78 beyaz üstünde ~2,2:1 -> yalnız DOLGU;
   dolgu üstünde metin beyaz, beyaz üstünde metin indigo (--w).
   ============================================================================ */

/* ---------- 1. KÜNYE ---------- */
.kunye{margin:34px 0 0;border:1px solid var(--edge);border-radius:24px;background:#fff;overflow:hidden;
  box-shadow:0 14px 44px rgba(23,17,127,.07)}
.kunye-h{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 26px;background:rgba(71,191,120,.10);border-bottom:1px solid rgba(71,191,120,.22)}
.kunye-h .kh-k{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--w80);font-weight:700}
.kunye-h .kh-o{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.1em;color:var(--w60)}
.kunye-in{display:grid;grid-template-columns:132px 1fr;gap:26px;padding:26px}
.kunye-kap{width:132px}
.kunye-kap img{width:100%;height:auto;display:block;border-radius:6px;
  box-shadow:0 8px 26px rgba(23,17,127,.22)}
.kunye-kap .kk-not{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--w40);margin-top:9px;text-align:center;line-height:1.5}
.kn-t{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:21px;line-height:1.3;letter-spacing:-.015em;
  margin:0 0 6px;color:var(--w)}
.kn-y{font-size:14.5px;line-height:1.55;color:var(--w80);margin:0 0 18px}
.kn-y b{color:var(--w);font-weight:700}
.kn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1px;
  background:var(--edge2);border:1px solid var(--edge2);border-radius:14px;overflow:hidden}
.kn-c{background:#fff;padding:13px 15px;min-width:0}
.kn-c .l{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--w40);display:block;margin-bottom:5px}
.kn-c .kn-v{font-size:14px;line-height:1.45;color:var(--w);font-weight:600;display:block;word-wrap:break-word}
.kn-c .kn-v small{display:block;font-size:12px;font-weight:400;color:var(--w60);margin-top:3px}
.kn-c a{color:#0366E6;text-decoration:none;font-weight:700;border-bottom:1px solid rgba(3,102,230,.3)}

/* "bu rapor ne anlatıyor" — künyenin içinde, sayfanın ilk açıklaması */
.kn-ne{margin:20px 0 0;padding:18px 20px;border-radius:16px;background:rgba(3,102,230,.045);
  border:1px solid rgba(3,102,230,.14)}
.kn-ne .l{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#0366E6;font-weight:700;display:block;margin-bottom:8px}
.kn-ne p{margin:0;font-size:15px;line-height:1.62;color:var(--w80)}
.kn-ne p b{color:var(--w);font-weight:700}
.kn-ne p+p{margin-top:10px}

/* kısaltma / terim sözlüğü — jargonu sayfanın başında çözer */
.kn-terim{margin:16px 0 0;display:grid;gap:9px}
.kn-terim .t{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;
  font-size:13.5px;line-height:1.55;color:var(--w80)}
.kn-terim .t code{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:12px;font-weight:700;color:var(--w);
  background:rgba(71,191,120,.14);border:1px solid rgba(71,191,120,.3);border-radius:7px;
  padding:3px 9px;white-space:nowrap}

/* podcast — künyenin ayağı, DOLGU yeşil (Çağdaş: fon belirgin bir renk olsun) */
.kn-pod{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 26px;background:#47BF78;
  color:#fff;border-top:1px solid rgba(71,191,120,.3)}
.kn-pod .ic{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:20px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.42)}
.kn-pod .b{flex:1;min-width:200px}
.kn-pod .k{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.82);display:block;margin-bottom:4px}
.kn-pod .t{font-family:'Saira Semi Condensed',sans-serif;font-size:18px;font-weight:800;margin:0;color:#fff}
.kn-pod .d{margin:3px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.86)}
.kn-pod .s{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;border:1px dashed rgba(255,255,255,.55);border-radius:11px;
  padding:10px 14px;flex:none}

/* ---------- 2. ÖNERİ (eski .act / KARAR) ---------- */
.oneri{margin:22px 0 0;border:1px solid rgba(71,191,120,.30);border-radius:18px;
  background:rgba(71,191,120,.06);overflow:hidden}
.oneri-h{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--w80);font-weight:700;padding:12px 20px;background:rgba(71,191,120,.13);
  border-bottom:1px solid rgba(71,191,120,.24)}
.orow{display:grid;grid-template-columns:104px 1fr;gap:16px;padding:16px 20px}
.orow+.orow{border-top:1px solid rgba(71,191,120,.22)}
.orow .who{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;padding-top:3px}
.orow.kurum .who{color:#0366E6}
.orow.birey .who{color:#66184C}
.orow p{margin:0;font-size:15.5px;line-height:1.58;color:var(--w)}
.orow p b{font-weight:700}

/* ---------- 3. EK BULGULAR (açılır) ---------- */
.ekbul{margin:30px 0 0;border:1px solid var(--edge);border-radius:18px;background:#fff}
.ekbul>summary{cursor:pointer;list-style:none;padding:18px 22px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:16px;
  color:var(--w)}
.ekbul>summary::-webkit-details-marker{display:none}
.ekbul>summary .cnt{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--w60);font-weight:500;flex:none}
.ekbul>summary::after{content:"+";font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:19px;color:#47BF78;flex:none}
.ekbul[open]>summary::after{content:"\2013"}
.ekbul[open]>summary{border-bottom:1px solid var(--edge2)}
.ekbul-b{padding:6px 22px 20px}
.ekbul-b>p.int{font-size:14px;line-height:1.6;color:var(--w60);margin:14px 0 4px}
.erow{display:grid;grid-template-columns:26px 1fr;gap:13px;padding:14px 0;border-top:1px solid var(--edge2)}
.erow .ei{font-family:'Saira Semi Condensed',sans-serif;font-size:12.5px;font-weight:800;color:#47BF78;padding-top:2px}
.erow p{margin:0;font-size:14.5px;line-height:1.58;color:var(--w80)}
.erow p b{color:var(--w);font-weight:700}
.erow p .pg{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11.5px;color:var(--w60);white-space:nowrap}

/* ---------- 4. BEYAN artık açılır ve en altta ---------- */
.beyan-d{margin:30px 0 0;border:1px solid var(--edge);border-radius:18px;background:#fff}
.beyan-d>summary{cursor:pointer;list-style:none;padding:18px 22px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:16px;
  color:var(--w)}
.beyan-d>summary::-webkit-details-marker{display:none}
.beyan-d>summary .cnt{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--w60);font-weight:500;flex:none}
.beyan-d>summary::after{content:"+";font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:19px;color:#66184C;flex:none}
.beyan-d[open]>summary::after{content:"\2013"}
.beyan-d[open]>summary{border-bottom:1px solid var(--edge2)}
.beyan-d .beyan{margin:0;border:0;box-shadow:none;padding:20px 22px 16px}
.beyan-d .beyan h3{font-size:18px}
/* metin içi beyan bağlantısı */
a.bl{color:#66184C;text-decoration:none;border-bottom:1px solid rgba(102,24,76,.35);font-weight:600}

/* ---------- 5. TAKİP BLOĞU — yeniden tasarım ---------- */
/* Eskisi 5 adet aynı boy pill'di: hiyerarşi yok, kaba duruyordu (Çağdaş).
   Yeni kurgu: iki kolon - tek beyaz ana buton - diğerleri ince satır listesi. */
.takip{margin:58px 0 0;padding:0;border-radius:26px;background:#47BF78;color:#fff;overflow:hidden;
  box-shadow:0 26px 66px rgba(71,191,120,.30);
  background-image:radial-gradient(620px 340px at 88% -10%,rgba(255,255,255,.20),transparent 60%)}
.takip-in{display:grid;grid-template-columns:1.15fr .85fr;gap:0}
.takip-l{padding:38px 34px 36px 40px}
.takip .tk{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.takip .tk::before{content:"";width:26px;height:1px;background:rgba(255,255,255,.55);flex:none}
.takip h3{font-family:'Saira Semi Condensed',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:30px;line-height:1.18;
  letter-spacing:-.02em;margin:0 0 12px;color:#fff}
.takip p{margin:0;font-size:15.5px;line-height:1.62;color:rgba(255,255,255,.88);max-width:420px}
.takip p b{color:#fff;font-weight:700}
.takip .ana{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:15px 24px;
  border-radius:14px;background:#fff;color:#17117F;font-size:15px;font-weight:700;text-decoration:none;
  box-shadow:0 10px 26px rgba(23,17,127,.18)}
.takip .ana i{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;font-style:normal;color:#0366E6}
.takip-r{padding:38px 40px 36px 0;display:flex;flex-direction:column;justify-content:flex-end}
.takip-r .rk{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:6px}
.takip-r a{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:13px 0;border-top:1px solid rgba(255,255,255,.26);color:#fff;text-decoration:none;
  font-size:14.5px;font-weight:600}
.takip-r a:last-child{border-bottom:1px solid rgba(255,255,255,.26)}
.takip-r a i{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.72);white-space:nowrap}

@media (max-width:960px){
  .kunye-in{grid-template-columns:104px 1fr;gap:20px;padding:22px}
  .kunye-kap{width:104px}
  .takip-in{grid-template-columns:1fr}
  .takip-l{padding:32px 26px 22px}
  .takip-r{padding:0 26px 30px}
}
@media (max-width:640px){
  .kunye-in{grid-template-columns:1fr;gap:18px}
  .kunye-kap{width:118px}
  .kunye-kap .kk-not{text-align:left}
  .kn-t{font-size:19px}
  .kn-pod{padding:18px 22px}
  .orow{grid-template-columns:1fr;gap:6px}
  .orow .who{padding-top:0}
  .takip h3{font-size:23px}
  .takip .ana{width:100%;justify-content:space-between}
}

/* Kolofon, artık hemen üstünde duran .beyan-d kartıyla aynı dili konuşsun.
   Öncesinde çıplak bir "+ KAYNAK..." satırıydı; iki açılır blok üst üste gelince
   biri kart biri yalın satır olduğu için sayfa sonu dağınık okunuyordu. */
details.colo{margin:14px 0 0;border-top:0;padding-top:0;
  border:1px solid var(--edge);border-radius:18px;background:#fff}
details.colo summary{padding:18px 22px;font-family:'Saira Semi Condensed',sans-serif;font-size:16px;font-weight:700;
  letter-spacing:0;text-transform:none;color:var(--w);display:flex;align-items:center;
  justify-content:space-between;gap:14px}
details.colo summary:before{content:none}
details.colo[open] summary:before{content:none}
details.colo summary::after{content:"+";font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:19px;
  color:#0366E6;flex:none}
details.colo[open] summary::after{content:"\2013"}
details.colo[open] summary{border-bottom:1px solid var(--edge2)}
details.colo summary .cnt{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--w60);font-weight:500;flex:none}
.colo-b{margin-top:0;padding:20px 22px 18px}

/* ============================================================================
   FONT KATMANI — SAIRA SEMI CONDENSED  (Çağdaş talimatı, 2026-08-05)
   "agenxy webte kullandığımız fontu kullan bu tür rapor, video falan incelemelerimizde"

   getagenxy.com TEK font kullanıyor ve üç rolü de (başlık / gövde / mono etiket)
   'Saira Semi Condensed'e bağlıyor:
       --disp / --sans / --mono  ->  'Saira Semi Condensed'
   İnceleme sayfaları da aynı yapıya geçti. Böylece Sora + Inter + JetBrains Mono
   üçlüsü ve üç Google Fonts isteği kalktı; font artık KENDİ sunucumuzdan geliyor
   (site de böyle servis ediyor; CSP font-src 'self' ile uyumlu).

   İKİ SUBSET ZORUNLU — biri eksikse Türkçe kelime ortasında fallback fonta düşer:
       latin      : ı  Ç ç  Ö ö  Ü ü  Â â
       latin-ext  : İ  Ş ş  Ğ ğ
   Doğru dosyayı ada göre değil unicode-range'e göre seç: U+0130 geçen blok latin-ext.

   SATIR ARALIĞI EŞİĞİ FONTTAN HESAPLANDI (gözle seçilmedi):
       upem 1000 · cap height 0.688em
       en yüksek ink : Ö/Ü umlaut  0.896em
       en derin ink  : g / y / ğ  -0.206em   (Ç sedillası -0.189em)
       battaniye güvenli line-height = 0.896 + 0.206 = 1.102
       yalnız büyük harf metinde     = 0.896 + 0.189 = 1.085
   Bu yüzden h1 .97 -> 1.11 ve h2 1.04 -> 1.12 yapıldı. (Anton 1.409 istiyordu;
   Saira'nın sedillası sığ, diakritiği alçak olduğu için çok daha bağışlayıcı.)
   ============================================================================ */

@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/saira-500-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:'Saira Semi Condensed';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/saira-500-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:'Saira Semi Condensed';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:800;font-display:swap;
  src:url('fonts/saira-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:'Saira Semi Condensed';font-style:normal;font-weight:800;font-display:swap;
  src:url('fonts/saira-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;}
@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:900;font-display:swap;
  src:url('fonts/saira-900-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:'Saira Semi Condensed';font-style:normal;font-weight:900;font-display:swap;
  src:url('fonts/saira-900-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;}

/* Hesaplanan eşik uygulanıyor. Saira Semi Condensed daralttığı için satır aralığı
   yükselse de başlık hava almış görünmüyor; harf aralığı buna göre kısıldı. */
h1.disp{line-height:1.11;letter-spacing:-.028em}
h2.disp{line-height:1.12;letter-spacing:-.022em}
h3.disp{line-height:1.18;letter-spacing:-.016em}
.takip h3{line-height:1.13;letter-spacing:-.018em}
.kn-t{line-height:1.2}
/* Saira'nın rakamları Sora'dan dar: dev sayı kartlarında hafif nefes payı */
.fnum,.kn-pod .t{letter-spacing:-.02em}

/* ============================================================================
   ÇAĞDAŞ GERİ BİLDİRİM PAKETİ 2 — 2026-08-05 (No. 003)
   1) hero metni genişliği kullanır   3) .ekbul ayrı fon rengi
   4) CTA başlığı kontrast            5) takip bloğunda ikonlar
   ============================================================================ */

/* ---- 1) HERO: "solda dar bir alana sıkıştırmışsın, genişliği kullan" ----
   Giriş paragrafı 660px'te sarıyordu, kap 1024px. 900px'e çıkarıldı: satır
   sayısı 4'ten 2'ye indi. Tam genişliğe (1024) açmadım — Saira Semi Condensed
   dar olduğu için 1024px'te satır ~105 karaktere çıkıyor ve göz satır başını
   kaybediyor; 900px ~92 karakter, üst sınır burası. */
.lede{max-width:900px}
.split,.split-l{max-width:100%}
.big{max-width:940px}

/* ---- 3) .ekbul: "fon rengini farklı bir renk yap ki anlaşılsın" ----
   Sayfadaki diğer iki açılır blok (beyan, kolofon) beyaz kart. Bu blok
   "kenar notu" işlevinde, o yüzden palet içinden AMBER (#FEBB72) tonu aldı:
   yeşil (lider) ve maviden (çapa) ayrışıyor, beyaz kartlarla karışmıyor.
   Amber beyaz üstünde küçük metin olarak zayıf → yalnız FON; metin indigo. */
.ekbul{background:rgba(254,187,114,.17);border-color:rgba(254,187,114,.55)}
.ekbul>summary{color:#17117F}
.ekbul>summary::after{color:#8A5A12}
.ekbul[open]>summary{border-bottom-color:rgba(254,187,114,.5)}
.ekbul-b{background:rgba(255,255,255,.55);margin:0 10px 10px;border-radius:12px;padding:6px 16px 16px}
.erow{border-top-color:rgba(254,187,114,.45)}
.erow .ei{color:#8A5A12}
.ekbul-b>p.int{color:var(--w80)}

/* ---- 4) CTA başlığı: mavi zeminde lacivert metin kalmıştı ----
   Sebep seçici uyuşmazlığı: iskelet `.cta h2.disp{color:#fff}` diyor, bu sayfada
   başlık `h3.disp`. Kural artık ETİKETTEN BAĞIMSIZ yazılıyor — aynı hata beşinci
   kez çıktı (`.fcard.a .fnum`, `.viz .sonuckut.arac p`, `.ok span.h`, `.cta h2`).
   Dolgulu blokta iç metin rengi etiket adına göre değil BLOĞA göre tanımlanır. */
.cta .disp,.cta h1,.cta h2,.cta h3{color:#fff}
.cta p,.cta .lede{color:rgba(255,255,255,.90)}
.cta p b{color:#fff}

/* ---- 5) İKONLAR (satır içi SVG — harici istek yok, CSP uyumlu) ---- */
.ikon{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em;fill:currentColor}
.ikon-c{width:1.05em;height:1.05em;flex:none;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;vertical-align:-.16em}

/* takip bloğu: ana buton + satır listesi ikonlu */
.takip .ana{gap:11px}
.takip .ana .ikon{width:19px;height:19px;color:#0A66C2}
.takip-r a{align-items:center}
.takip-r a .sol{display:flex;align-items:center;gap:11px;min-width:0}
.takip-r a .ikon,.takip-r a .ikon-c{width:18px;height:18px;opacity:.95}
.takip-r a i{opacity:.78}
/* WhatsApp satırı numarayı taşır: numara mono görünümde, kırılmaz */
.takip-r a .num{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}

/* podcast ikonu artık emoji değil SVG: 🎧 (U+1F3A7) hiçbir metin subsetinde yok,
   sistem emoji fontundan çiziliyordu — platforma göre değişen bir görsel. */
.kn-pod .ic .ikon-c{width:23px;height:23px;stroke-width:1.9;color:#fff}
.kn-pod .ic svg{display:block}

/* CTA butonu ve künye bağlantısındaki ok da SVG: "→" (U+2192) Saira subsetlerinde
   YOK, fallback fonttan çiziliyordu (font kapısı yakaladı). */
.btn .ikon-c{width:17px;height:17px;stroke-width:2.4}
.kn-c a .ikon-c{width:13px;height:13px;stroke-width:2.6;vertical-align:-.1em;margin-left:2px}

@media (max-width:640px){
  .takip-r a{gap:8px}
  .takip-r a i,.takip-r a .num{font-size:11px}
}

/* ---- 6) ÜST BANT: fon, öne çıkarılmak istenen mavi (Çağdaş, 2026-08-05) ----
   Bant beyaz-yarı saydamdı (rgba(255,255,255,.88)) ve sayfadan ayrışmıyordu.
   Artık serinin çapa rengi #0366E6 dolgu. Bant STICKY olduğu için sayfa kayarken
   de mavi kalır; bu yüzden iç metinlerin tamamı dolgu üstü renkleriyle YENİDEN
   tanımlandı — "dolgulu blokta iç metin rengi bloğa göre tanımlanır" kuralı
   (bu sayfada beşinci kez düzeltilen hata sınıfı). */
.mast{background:#0366E6;border-bottom:1px solid rgba(255,255,255,.22);
  backdrop-filter:saturate(140%)}
.mast .brand,.mast .bname{color:#fff}
.mast .mno{color:rgba(255,255,255,.86)}
/* marka yuvarlağı mavi zeminde ters çevrilir: beyaz daire, mavi harf */
.mast .bmark{background:#fff;color:#0366E6;box-shadow:none}

/* satır içi ok — "→" (U+2192) Saira subsetlerinde YOK; karakterle yazılınca
   tarayıcı sistem fontuna düşüyor. Metin içindeki oklar da SVG. */
.ikon-a{width:.82em;height:.82em;display:inline-block;vertical-align:-.06em;margin:0 .12em;
  fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.75}

/* ============================================================================
   SİTE TİPOGRAFİ PARİTESİ — getagenxy.com ile birebir  (2026-08-05)
   Çağdaş: "font değişti ama istediğim font değil, sitedeki ile aynı değil."

   Aile doğruydu (dosyalar birebir sitenin /fonts/ klasöründen kopyalandı,
   iç adları "Saira SemiCondensed"). Fark AĞIRLIK ve HARF ARALIĞINDAYDI:
   kendi eski Sora değerlerimi (800 ağırlık, -.028em sıkıştırma) Saira'ya
   taşımışım. Ölçüm de bunu gösterdi: aynı cümle sitede ink yüksekliğine göre
   %7 daha GENİŞ çıkıyordu — yani sitede sıkıştırma neredeyse yok.

   Sitenin gerçek değerleri (index.html <style>'dan okundu):
     h1        weight 900 · line-height 1.04 · letter-spacing -.015em
     .stitle   weight 800 · line-height 1.06 · letter-spacing -.01em
     .mintro   weight 400 · line-height 1.34 · letter-spacing -.006em
     .bignum   weight 900 · line-height .82
     etiketler mono · weight 500 · letter-spacing .2em – .34em · uppercase
     gövde     line-height 1.5 – 1.6
     .btn      weight 700 · letter-spacing .02em
   ============================================================================ */

/* --- ana başlık: site h1 --- */
.disp{font-weight:800;letter-spacing:-.01em}
h1.disp{font-weight:900;letter-spacing:-.015em;line-height:1.11}
/* line-height NEDEN 1.04 değil: site 1.04 kullanıyor ama Türkçe diakritikte
   çarpışma eşiği fonttan 1.102 çıkıyor (Ö/Ü umlaut .896em + g/y/ğ kuyruğu .206em).
   Sitenin hero'su tek satırlık spanlarla kurulu, bizim başlıklarımız sarıyor —
   o yüzden ölçülen eşiğin altına inilmiyor. Kapı bunu mekanik olarak sınıyor. */
h2.disp{font-weight:800;letter-spacing:-.01em;line-height:1.12}
h3.disp{font-weight:800;letter-spacing:-.01em;line-height:1.18}
.takip h3{font-weight:900;letter-spacing:-.015em;line-height:1.13}
.kn-t{font-weight:800;letter-spacing:-.01em}

/* --- büyük giriş paragrafı: site .mintro (ince ağırlık, ferah) --- */
.big{font-weight:400;letter-spacing:-.006em;line-height:1.34}
.lede{font-weight:400;letter-spacing:-.004em;line-height:1.6}

/* --- dev sayılar: site .bignum ağırlığı --- */
.fnum{font-weight:900;letter-spacing:-.015em}
.kn-pod .t,.pod-t{font-weight:800;letter-spacing:-.01em}

/* --- mono etiketler: site .eyebrow / .slabel / .pmeta / .trole --- */
.mono,.tagline,.mno,.sig-n,.kicker,.sl,.viz-s,.src,.kn-c .l,.kunye-h .kh-k,
.kunye-h .kh-o,.oneri-h,.orow .who,.kn-pod .k,.takip .tk,.takip-r .rk,
.takip-r a i,.ekbul>summary .cnt,.beyan-d>summary .cnt,details.colo summary .cnt,
.kn-terim .t code,.beyan-k,.kaynak-k{font-weight:500}
.tagline,.mno,.sl,.kicker{letter-spacing:.2em}
.takip .tk,.takip-r .rk{letter-spacing:.28em}

/* --- buton: site .btn --- */
.btn{font-weight:700;letter-spacing:.02em}
.takip .ana{font-weight:700;letter-spacing:.02em}

/* ============================================================================
   ÇAĞDAŞ GERİ BİLDİRİM PAKETİ — 2026-08-05 / ikinci tur (No. 003)
   Dört talep + bir hata düzeltmesi. Bu katman en sonda: önceki katmanları
   bilerek geçersiz kılar (kaskad sırası kasıtlı, silme yerine üstüne yazma —
   eski kuralların gerekçe yorumları kayıt olarak yerinde kalsın).
   ============================================================================ */

/* --- 1) ÜST BANT: kurumsal siteye buton -------------------------------------
   Mavi bant (#0366E6) üzerinde DOLU BEYAZ pill. Neden dolu: bantta zaten beyaz
   "S" markası ve beyaz metin var; ince çerçeveli bir pill "buton" okunmuyor,
   etiket gibi duruyordu. Dolu zemin + koyu metin tartışmasız buton işareti. */
.mast-sag{display:flex;align-items:center;gap:14px;min-width:0}
.mast-cta{display:inline-flex;align-items:center;gap:7px;flex:none;
  padding:8px 14px;border-radius:11px;background:#fff;color:#0F2A6B;
  font-size:12.5px;font-weight:700;letter-spacing:.01em;text-decoration:none;
  box-shadow:0 6px 16px rgba(9,32,86,.22);transition:transform .16s,box-shadow .16s}
.mast-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(9,32,86,.28)}
.mast-cta .ikon-a{width:.9em;height:.9em;opacity:1;stroke-width:2.6;margin:0}

/* --- 2) TAKİP BLOĞU: alçak, ikon-only, mor -----------------------------------
   Önceki hâli iki kolonlu, ~300 px yüksek yeşil bir bölümdü; Çağdaş "çok büyük"
   dedi ve platform adlarının yazılmasını istemedi. Şimdi TEK satır, ~92 px.
   Fon MOR: sayfada büyük dolgu olarak kullanılmayan tek palet rengi. */
.takip{margin:52px 0 0;padding:0;border-radius:16px;overflow:hidden;color:#fff;
  background:#47BF78;
  background-image:radial-gradient(420px 200px at 92% -30%,rgba(255,255,255,.16),transparent 62%);
  box-shadow:0 16px 40px rgba(79,24,123,.24)}
.takip-in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:20px 24px;grid-template-columns:none}
.takip-l{padding:0;min-width:0}
.takip .tk{margin-bottom:5px;font-size:9.5px;letter-spacing:.22em;color:rgba(255,255,255,.72)}
.takip .tk::before{width:20px}
.takip h3{margin:0;font-size:19px;line-height:1.22;letter-spacing:-.015em;color:#fff}
/* flex-direction ACIKCA yazilir: eski katman .takip-r'yi `column` yapiyordu ve
   yalniz display/gap yazmak onu gecersiz kilmiyor - ikonlar dikey diziliyor,
   kutu yine yuksek kaliyordu (render QC'de gorüldü). */
.takip-r{display:flex;flex-direction:row;align-items:center;gap:9px;padding:0;flex:none;
  justify-content:flex-end}
/* Dolgulu blokta iç metin/ikon rengi BLOK BAŞINA bildirilir — etikete bırakılmaz
   (miras alınan CSS'ten renk sızması bu sayfada bir kez yaşandı). */
/* Miras alinan .takip-r a kurali RESETLENIR. place-items yalniz align/justify-ITEMS
   verir; eski kuraldaki justify-CONTENT:space-between grid'de tek sutunu basa atiyor
   ve ikon sola yapisiyordu (38 px'lik pill'de fark edilmiyor, 52 px'lik mobil pill'de
   bariz). Ayni kuralin padding/border-top/gap'i de burada sifirlanir - yoksa satir
   listesi gorunumunden kalintilar sizar. */
.takip-r .tikon{display:grid;place-items:center;place-content:center;
  justify-content:center;align-content:center;
  width:38px;height:38px;border-radius:11px;padding:0;gap:0;border-top:0;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.30);
  color:#fff;text-decoration:none;transition:background .16s,color .16s,transform .16s}
.takip-r .tikon:last-child{border-bottom:1px solid rgba(255,255,255,.30)}
.takip-r .tikon:hover{background:#fff;color:#47BF78;transform:translateY(-2px)}
.takip-r .tikon .ikon,.takip-r .tikon .ikon-c{width:17px;height:17px;opacity:1}
.takip-r .tikon .ikon{fill:currentColor}
.takip-r .tikon .ikon-c{stroke:currentColor;fill:none}

/* --- 3) KUTULAR: "çok beyaz" ------------------------------------------------
   Sayfa fonu beyaz kalır (Çağdaş onayı), ama beyaz zeminde beyaz kart görünmez:
   kenar .12 alfa + gölge .07 fazla zayıftı, kartlar sayfadan ayrışmıyordu.
   Çözüm: hafif mavi-gri dolgu + belirgin kenar + derin gölge. KÜNYE HARİÇ —
   Çağdaş "künye bölümü güzel" dedi, ona dokunulmaz. */
.viz,.kaynak,.beyan-d{background:rgba(23,17,127,.055);border-color:rgba(23,17,127,.17);
  box-shadow:0 16px 44px rgba(23,17,127,.10)}
.viz{backdrop-filter:none}
/* renkli kutular da bir kademe doygunlaşır (aynı şikâyet: "açık renk gibi") */
.oneri{background:rgba(71,191,120,.11);border-color:rgba(71,191,120,.42)}
.ekbul{background:rgba(254,187,114,.23);border-color:rgba(254,187,114,.62)}

/* --- 4) EK BULGULAR: varsayılan AÇIK ---------------------------------------
   `open` HTML'de; burada yalnız açık hâlin görünümü. Kapatılabilirlik korunur:
   summary tıklanabilir kalır, ok işareti açık durumda döner. */
.ekbul[open]{background:rgba(254,187,114,.23)}
.ekbul[open]>summary{border-bottom:1px solid rgba(254,187,114,.55)}

@media (max-width:960px){
  .takip-in{padding:18px 20px;gap:18px}
  .takip h3{font-size:17.5px}
}
@media (max-width:640px){
  /* Alçak kutu dar ekranda iki satıra iner ama YİNE alçak kalır: ikon sırası
     tam genişlikte yayılır, metnin altına geçer. */
  .takip-in{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}
  .takip-r{width:100%;justify-content:space-between;gap:8px}
  .takip-r .tikon{width:100%;max-width:52px;height:40px}
  .takip h3{font-size:18px}
  /* Üst bantta yer yok: bölüm numarası düşer, buton kalır (asıl işlev o). */
  .mno{display:none}
  .mast-cta{padding:7px 12px;font-size:12px}
}

/* --- 6) KART ↔ ARA-CÜMLE MESAFESİ ------------------------------------------
   Çağdaş (2026-08-05): "bu ifade üstündeki kutuya çok yakın duruyor, mesafeyi aç".
   .big'in kendi margin'i yoktu; tarayıcının <p> varsayılanı (~1em = 26px) kalıyordu
   ve kartın 44px'lik gölgesi de aşağı taştığı için optik mesafe daha da kapanıyordu.
   Kart-sonrası ara cümle artık kartın nefes payını alır. */
.viz+.big,.diag+.big,.kaynak+.big,.oneri+.big{margin-top:56px}
.big+.sl,.big+.sig{margin-top:52px}
@media (max-width:640px){
  .viz+.big,.diag+.big,.kaynak+.big,.oneri+.big{margin-top:38px}
}

/* --- 7) PODCAST OYNATICI (künye ayağı) -------------------------------------
   Ses kaydı yayına girdi; "hazırlanıyor" çipinin yerine yerel oynatıcı geldi.
   Yerli <audio controls> kullanılıyor: klavye erişimi, hız kontrolü ve indirme
   tarayıcıdan hazır gelir — özel oynatıcı yazmak bunları elle kurmak demekti.
   Yeşil şerit üzerinde koyu bir kap: tarayıcının kendi denetimleri açık zeminde
   okunmuyordu (Chrome denetimleri koyu gri çiziyor). */
.kn-pod .s-oynat{display:flex;align-items:center;gap:12px;flex:none;margin-left:auto}
.kn-pod .s-oynat audio{height:38px;width:250px;border-radius:10px;
  background:rgba(9,48,26,.30);color-scheme:dark}
.kn-pod .s-ind{font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);
  padding-bottom:2px;white-space:nowrap}
.kn-pod .s-ind:hover{border-bottom-color:#fff}
@media (max-width:760px){
  .kn-pod{flex-wrap:wrap}
  .kn-pod .s-oynat{margin-left:0;width:100%}
  .kn-pod .s-oynat audio{width:100%}
}

/* ---- 9. KAPI (KONTRAST) ONARIMI · 20260807_220042 ---- */
/* takip kutusu ACIK dolgu tasiyor; krem etiket ve beyaz baslik okunmuyordu */
.takip .takip-l .tk{color:#17117F}
.takip .takip-l h3{color:#17117F}