/* ============================================================
   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 #4FA8BB · sıcak #FD6699 · parlak #47BF78
   ============================================================================ */

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

/* ---- 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(79,168,187,.055);border:1px solid rgba(79,168,187,.14)}
.sig:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:7px;
  border-radius:0 5px 5px 0}
.sig.s1:before{background:#4FA8BB}
.sig.s2:before{background:#FD6699}
.sig.s3:before{background:#47BF78}
.sig .viz{box-shadow:0 16px 44px rgba(79,168,187,.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:#4FA8BB;color:#fff;border:0}
.big b{color:#fff;font-weight:800}
.big.warm{background:#FD6699;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:#FD6699;border-color:transparent}
.viz.f-parlak{background:#47BF78;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(79,168,187,.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. 012 · IEA · Electricity Mid-Year Update 2026
   ------------------------------------------------------------
   Kimlik: TEAL hakimiyeti + pembe (fiyat) + yeşil (yenilenebilir)
   + mor (esneklik) + indigo (teşhis). Bu bölümün lider rengi
   BİLEREK açık: teal beyaz metinle 2,7:1 veriyor, o yüzden lider
   dolgu KOYU METİNLE kullanılıyor (§5.7 kural 7). Aynı sebeple
   .big alıntı şeridi de koyu metne çevrildi.

   Lider renk penceresi: son üç bölüm 011 magenta · 010 indigo ·
   009 mor. Teal son kez No. 006'da liderdi (altı bölüm arayla
   pencere temiz).

   Aksan takımı:
     teal     #4FA8BB  → kimlik + amiral görsel (koyu metin)
     pembe    #FD6699  → fiyat bloğu (koyu metin)
     yeşil    #47BF78  → yenilenebilir bloğu (koyu metin)
     mor      #4F187B  → esneklik bloğu (beyaz metin)
     indigo   #17117F  → metin + teşhis
     mavi     #0366E6  → seri çapası (üst bant, künye, CTA)
     amber    #FEBB72  → YALNIZ takip kutusu
   Kompozisyon hamlesi: hero altında İKİ UÇ — tek eksen, ortada
   şok, iki uçta zıt yönde iki pazar. 011'in kaydırılmış bandı,
   010'un çapraz oku, 009'un dikey bölmesi tekrarlanmadı.
   ============================================================ */

:root{
  --b1:#0366E6; --b2:#4FA8BB; --b3:#FD6699; --b4:#47BF78; --deep:#17117F;
  --pos:#0366E6;
  --neg:#E648A1;
  --alt:#4F187B;
  --pos-in:#31E9C7;
  --neg-in:#FD6699;
  --peach:#F8CEA4;
  --krem:#F7F5EE;
}

body:before{
  background:
    radial-gradient(880px 700px at 0% -8%, rgba(79,168,187,.16) 0%, transparent 56%),
    radial-gradient(840px 660px at 100% 104%, rgba(253,102,153,.11) 0%, transparent 58%),
    #FFFFFF;
}

h1.disp{font-size:clamp(35px,5.5vw,64px)}
.bmark{background:#0366E6;color:#fff}
.tagline i{background:#4FA8BB;box-shadow:none}
h1 .hl{color:#2E6E72}
h1 .hl-m{color:#E648A1}

/* LİDER RENK AÇIK OLDUĞU İÇİN: alıntı şeridi koyu metne çevrilir.
   Ortak renk katmanı .big'i lider dolgu + BEYAZ metin kuruyor; teal
   üstünde beyaz 2,7:1 veriyor -> okunmaz. §5.7 kural 7. */
.big{background:#4FA8BB;color:#17117F}
.big b{color:#17117F}

/* ---------- kompozisyon hamlesi: İKİ UÇ ---------- */
.ikiuc{margin:34px 0 0;max-width:760px}
.iu-ax{position:relative;height:64px}
.iu-ax:before{content:"";position:absolute;left:0;right:0;top:31px;height:2px;
  background:linear-gradient(90deg,#47BF78,rgba(23,17,127,.22),#E648A1);border-radius:2px}
.iu-m{position:absolute;top:20px;width:24px;height:24px;border-radius:50%;
  transform:translateX(-50%);display:grid;place-items:center;
  font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:11px;color:#fff}
.iu-m.a{left:6%;background:#47BF78}
.iu-m.b{left:94%;background:#E648A1}
.iu-sok{position:absolute;left:50%;top:14px;transform:translateX(-50%);
  width:38px;height:38px;border-radius:50%;background:#fff;border:2px dashed rgba(23,17,127,.42);
  display:grid;place-items:center;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:9px;letter-spacing:.06em;color:#17117F}
.iu-et{display:flex;justify-content:space-between;gap:16px;margin-top:2px}
.iu-c{max-width:230px}
.iu-c.sag{text-align:right;margin-left:auto}
.iu-c .n{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:30px;line-height:1;
  letter-spacing:-.02em;display:block}
.iu-c.sol .n{color:#2E6E72}
.iu-c.sag .n{color:#E648A1}
.iu-c .t{font-size:13px;line-height:1.45;color:var(--w80);display:block;margin-top:6px}
.iu-c .t b{color:var(--w)}
.iu-not{font-size:13.5px;line-height:1.55;color:var(--w80);margin:16px 0 0}
.iu-not b{color:#2E6E72}

/* ---------- ÜÇ SAYI: teal · yeşil · pembe ---------- */
.fcard.a{background:#4FA8BB} .fcard.a .fnum{color:#17117F}
.fcard.a .ftxt{color:rgba(23,17,127,.80)} .fcard.a .ftxt b{color:#17117F}
.fcard.b{background:#17117F} .fcard.b .fnum{color:#31E9C7}
.fcard.c{background:#47BF78} .fcard.c .fnum{color:#17117F}
.fcard.c .ftxt{color:rgba(23,17,127,.80)} .fcard.c .ftxt b{color:#17117F}

/* ---------- TEAL DOLGU (amiral, KOYU METİN) ---------- */
.viz.f-teal2{background:#4FA8BB;border-color:transparent;box-shadow:0 20px 56px rgba(79,168,187,.28)}
.viz.f-teal2,.viz.f-teal2 .viz-h,.viz.f-teal2 b,.viz.f-teal2 p,.viz.f-teal2 p b{color:#17117F}
.viz.f-teal2 .viz-s{color:rgba(23,17,127,.74)}
.viz.f-teal2 .src{color:rgba(23,17,127,.70);border-top-color:rgba(23,17,127,.22)}
.viz.f-teal2 .src b{color:#17117F}

/* ---------- MOR DOLGU (esneklik, beyaz metin) ---------- */
.viz.f-violet .viz-s{color:rgba(255,255,255,.80)}
.viz.f-violet .src{color:rgba(255,255,255,.72);border-top-color:rgba(255,255,255,.24)}
.viz.f-violet b,.viz.f-violet .src b{color:#fff}

/* ---------- Türkiye bloğu: teal tonlu sakin zemin ---------- */
.viz.tr-blok{background:rgba(79,168,187,.16);border-color:rgba(46,110,114,.28)}

/* ---------- SİNYAL ETİKETLERİ ---------- */
.sig-n{background:#fff}
.sig-n.a{color:#4F187B;border-color:rgba(79,24,123,.46)}
.sig-n.b{color:#E648A1;border-color:rgba(230,72,161,.44)}
.sig-n.c{color:#2E6E72;border-color:rgba(46,110,114,.44)}

/* ---------- Ç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 #4FA8BB;
  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:#2E6E72;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(253,102,153,.22);border:1px solid rgba(253,102,153,.50)}
.qout b{color:#FD6699}

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

@media(max-width:640px){
  .beyan{padding:24px 20px}
  .ikiuc{max-width:100%}
  .iu-c .n{font-size:24px}
  .iu-et{flex-direction:column;gap:14px}
  .iu-c.sag{text-align:left;margin-left:0}
}


/* ============================================================
   GRAFİK KÜTÜPHANESİ — No. 012
   Dört tip, dördü de seride İLK:
     .yelpaze  karşıt yelpaze (sıfırdan iki yöne pazar sıralaması)
     .saatpay  saat payı (aynı ölçüde iki tarih, eşli çubuk)
     .gecis    geçiş kesişmesi (iki eğri, kesişme yılı işaretli)
     .dilim    bölge merdiveni (kademeli büyüme sıralaması)
   008'in `.uclar`ı tek eksende iki UÇ gösteriyordu; `.yelpaze`
   sıfır merkezli ve dokuz pazarı sıralar — farklı alet.
   ============================================================ */

/* ---- 1. KARŞIT YELPAZE ----
   Ne zaman: aynı olay farklı yerlerde ZIT yön üretmişse. Merkez sıfır;
   uzunluk büyüklük, yön işaret. Yığın çubuk bunu gizler. */
.yelpaze{margin-top:26px}
.yp-mid{display:grid;grid-template-columns:158px 1fr 58px;gap:12px;margin-bottom:2px}
.yp-mid i{grid-column:2;position:relative;height:22px}
.yp-mid i:before{content:"";position:absolute;left:50%;top:15px;bottom:-4px;width:1px;
  background:rgba(23,17,127,.50)}
.yp-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:11.5px;
  font-weight:700;letter-spacing:.06em;color:#17117F;line-height:1.1}
.yp-r{display:grid;grid-template-columns:158px 1fr 58px;gap:12px;align-items:center;padding:8px 0;
  border-bottom:1px solid rgba(23,17,127,.14)}
.yp-ad{font-size:13.5px;line-height:1.28;color:#17117F}
.yp-ad small{display:block;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:10px;letter-spacing:.08em;color:rgba(23,17,127,.62);margin-top:2px}
.yp-t{position:relative;height:20px;
  background:linear-gradient(90deg,transparent 49.7%,rgba(23,17,127,.30) 49.7%,rgba(23,17,127,.30) 50.3%,transparent 50.3%)}
.yp-t i{position:absolute;top:5px;height:10px;border-radius:2px}
.yp-t i.arti{left:50%;background:#E648A1}
.yp-t i.eksi{right:50%;background:#17117F}
.yp-v{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:14.5px;text-align:right}
/* Teal dolgu uzerinde magenta metin ~1,4:1 -> sayilar bordoya cekildi.
   Cubuk magenta kalir (buyuk alan), metin kalmaz (kucuk alan). */
.yp-r.u .yp-v{color:#66184C} .yp-r.d .yp-v{color:#17117F}
.yp-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,.74)}
.yp-key span{display:flex;align-items:center;gap:7px}
.yp-key i{width:14px;height:9px;border-radius:2px}
.yp-key i.a{background:#E648A1} .yp-key i.b{background:#17117F}
.yp-not{margin-top:14px;font-size:13px;line-height:1.6;color:rgba(23,17,127,.84)}
.yp-not b{color:#17117F}

/* ---- 2. SAAT PAYI ----
   Ne zaman: aynı ölçünün iki tarih arası hareketi ve YÖNÜN yeri
   birbirinden farklıysa. Eşli çubuk: solda geçen yıl, sağda bu yıl. */
.saatpay{margin-top:26px}
.sp-h{display:grid;grid-template-columns:minmax(0,1fr) 152px 152px;gap:12px;padding-bottom:9px;
  border-bottom:1px solid rgba(255,255,255,.24);
  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(255,255,255,.70)}
.sp-h span:nth-child(n+2){text-align:center}
.sp-r{display:grid;grid-template-columns:minmax(0,1fr) 152px 152px;gap:12px;align-items:center;padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.16)}
.sp-ad{font-size:13.5px;line-height:1.3;color:#fff}
.sp-c{position:relative;height:38px}
.sp-c .tr{position:absolute;left:0;right:0;top:24px;height:9px;border-radius:5px;
  background:rgba(255,255,255,.18)}
.sp-c .fi{position:absolute;left:0;top:24px;height:9px;border-radius:5px}
.sp-c.eski .fi{background:rgba(255,255,255,.62)}
.sp-c.yeni .fi{background:#31E9C7}
.sp-c.yeni.kotu .fi{background:#FD6699}
.sp-c .lb{position:absolute;top:0;left:0;font-family:'Saira Semi Condensed',sans-serif;
  font-weight:800;font-size:14px;color:#fff;white-space:nowrap}
.sp-not{margin-top:16px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.86)}
.sp-not b{color:#31E9C7}
.sp-kut{margin-top:18px;background:rgba(255,255,255,.13);border-radius:14px;padding:15px 17px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sp-kut .n{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:27px;line-height:1;
  color:#31E9C7;flex:none}
.sp-kut .t{font-size:13px;line-height:1.45;color:rgba(255,255,255,.88);min-width:0}
.sp-kut .t b{color:#fff}

/* ---- 3. GEÇİŞ KESİŞMESİ ----
   Ne zaman: iki serinin SIRA DEĞİŞTİRDİĞİ yıl asıl bilgiyse.
   İki çubuk grubu bunu gizler; kesişen iki eğri gösterir. SVG ile
   çizilir, eksen ve noktalar aynı koordinat sisteminde (§5.7 kural 8). */
.gecis{margin-top:26px}
.gs-svg{width:100%;height:auto;display:block;overflow:visible}
.gs-key{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;
  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,.76)}
.gs-key span{display:flex;align-items:center;gap:7px}
.gs-key i{width:16px;height:4px;border-radius:2px}
.gs-key i.a{background:#17117F} .gs-key i.b{background:#4F187B}
.gs-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.gs-p{background:rgba(23,17,127,.10);border-radius:14px;padding:14px 16px}
.gs-p .n{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:24px;line-height:1;
  color:#17117F;display:block;margin-bottom:5px}
.gs-p .t{font-size:12.5px;line-height:1.45;color:rgba(23,17,127,.82)}
.gs-p .t b{color:#17117F}
.gs-not{margin-top:16px;font-size:13px;line-height:1.6;color:rgba(23,17,127,.84)}
.gs-not b{color:#17117F}

/* ---- 4. BÖLGE MERDİVENİ ----
   Ne zaman: bir büyümenin GENİŞ TABANLI mı yoksa tek kaynaklı mı
   olduğunu göstermek gerekiyorsa. Sıralı kademe, dünyanın çizgisiyle. */
.dilim{margin-top:26px}
.dl-r{display:grid;grid-template-columns:170px 1fr 52px;gap:12px;align-items:center;padding:9px 0;
  border-bottom:1px solid rgba(23,17,127,.14)}
.dl-ad{font-size:13.5px;line-height:1.28;color:#17117F}
.dl-ad small{display:block;font-family:'Saira Semi Condensed',ui-monospace,'Segoe UI',system-ui,sans-serif;
  font-size:10px;letter-spacing:.08em;color:rgba(23,17,127,.64);margin-top:2px}
.dl-t{position:relative;height:20px;background:rgba(23,17,127,.12);border-radius:3px}
.dl-t i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#17117F}
.dl-t .dunya{position:absolute;top:-5px;bottom:-5px;width:2px;background:#E648A1;border-radius:2px}
.dl-v{font-family:'Saira Semi Condensed',sans-serif;font-weight:800;font-size:14.5px;text-align:right;color:#17117F}
.dl-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,.76)}
.dl-key span{display:flex;align-items:center;gap:7px}
.dl-key i.d{width:3px;height:14px;background:#E648A1;border-radius:2px}
.dl-not{margin-top:14px;font-size:13px;line-height:1.6;color:rgba(23,17,127,.84)}
.dl-not b{color:#17117F}

@media(max-width:760px){
  .yp-mid,.yp-r{grid-template-columns:104px 1fr 46px;gap:8px}
  .yp-ad{font-size:12px}
  .sp-h,.sp-r{grid-template-columns:minmax(0,1fr) 96px 96px;gap:8px}
  .sp-ad{font-size:12px}
  .gs-pay{grid-template-columns:1fr}
  .dl-r{grid-template-columns:116px 1fr 44px;gap:8px}
  .dl-ad{font-size:12px}
}
/* ============================================================
   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:#FEBB72;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:#FEBB72;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:#FEBB72;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:#FEBB72;
  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:#FEBB72;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(79,168,187,.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}

/* bolum etiketi turkuaz, beyaz zeminde 2,74 (013'te amber ile ayni sinif) */
.sl{color:#0F2A6B}
/* turkuaz ve yesil dolgular uzerindeki 10px etiketler (3,03 / 3,56) */
.viz.f-turkuaz small, .viz.f-parlak small{color:rgba(23,17,127,.92)}
/* iki uc ekseninde yesil uzerine beyaz 2,34 */
.ikiuc .iu-ax span.iu-m.a{color:#17117F}