/* kcbdash.com/yazilar — okuma sayfası. Kaynak: yazilar/sablon/yazi.css → uret.py içerik özetli adla
   public/yazilar/v/ altına yazar (1 yıl önbellek). Elle public/ altındakini düzenleme, burayı düzenle.
   Renkler BASİT sayfasının (eski.html) jetonları; site yalnız koyu tema (8 Tem 2026 kararı). */
@font-face{font-family:"NR Metin";font-style:normal;font-weight:200 800;font-display:swap;src:url(/yazilar/v/nr-metin-latin.dabf091bc7.woff2) format("woff2");unicode-range:U+0020-007E,U+00A7,U+00AB,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00C2,U+00C7,U+00CE,U+00D6-00D7,U+00DB-00DC,U+00E0-00E2,U+00E4,U+00E7-00EB,U+00EE-00EF,U+00F1-00F4,U+00F6-00F7,U+00F9-00FC,U+0131,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"NR Metin";font-style:normal;font-weight:200 800;font-display:swap;src:url(/yazilar/v/nr-metin-latin-ext.796177c9e7.woff2) format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F,U+2020,U+20BA}
@font-face{font-family:"NR Baslik";font-style:normal;font-weight:200 800;font-display:swap;src:url(/yazilar/v/nr-baslik-latin.45b41043c4.woff2) format("woff2");unicode-range:U+0020-007E,U+00A7,U+00AB,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00C2,U+00C7,U+00CE,U+00D6-00D7,U+00DB-00DC,U+00E0-00E2,U+00E4,U+00E7-00EB,U+00EE-00EF,U+00F1-00F4,U+00F6-00F7,U+00F9-00FC,U+0131,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"NR Baslik";font-style:normal;font-weight:200 800;font-display:swap;src:url(/yazilar/v/nr-baslik-latin-ext.b8dfaceac3.woff2) format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F,U+2020,U+20BA}
@font-face{font-family:"NR Italik";font-style:italic;font-weight:300;font-display:swap;src:url(/yazilar/v/nr-italik-latin.9486929e4d.woff2) format("woff2");unicode-range:U+0020-007E,U+00A7,U+00AB,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00C2,U+00C7,U+00CE,U+00D6-00D7,U+00DB-00DC,U+00E0-00E2,U+00E4,U+00E7-00EB,U+00EE-00EF,U+00F1-00F4,U+00F6-00F7,U+00F9-00FC,U+0131,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"NR Italik";font-style:italic;font-weight:300;font-display:swap;src:url(/yazilar/v/nr-italik-latin-ext.5b48c65b12.woff2) format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F,U+2020,U+20BA}

:root{
  --bg:#0C0D10; --surface:#16181C; --surface-2:#1E2126; --border:#262930; --border-strong:#383C44;
  --text-primary:#F3F3F1; --text-secondary:#A9ABB0; --text-muted:#6E7178;
  --okuma:#DEDCD6;                       /* uzun metin: saf beyazdan bir ton sıcak ve kısık (koyu zeminde ışıma azalır) */
  --vurgu:#E8A83C; --vurgu-yazi:#F2C36B; --vurgu-zemin:#2A2013;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"NR Metin",Georgia,"Times New Roman",serif;
  --serif-baslik:"NR Baslik","NR Metin",Georgia,"Times New Roman",serif;
  --olcu:34rem;                          /* satır uzunluğu: ~65-72 karakter */
  color-scheme:dark;
}
.tema-sevda{ --vurgu:#9085E9; --vurgu-yazi:#B9B1F4; --vurgu-zemin:#1C1A33; }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;padding:0}
body{
  background:var(--bg);color:var(--text-primary);
  font-family:var(--sans);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:var(--vurgu);color:#111}
a{color:inherit}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:3px}

/* Okuma çubuğu: yalnız CSS (kaydırma zaman çizelgesi). Desteklemeyen tarayıcıda hiç görünmez. */
.ilerleme{display:none}
@supports (animation-timeline: scroll()){
  .ilerleme{display:block;position:fixed;inset:0 0 auto 0;height:2px;z-index:20;background:var(--vurgu);
    transform-origin:0 50%;transform:scaleX(0);animation:ilerle linear both;animation-timeline:scroll(root)}
  @keyframes ilerle{to{transform:scaleX(1)}}
}
@media (prefers-reduced-motion:reduce){ .ilerleme{display:none} }

/* ── Üst şerit ───────────────────────────────────────────── */
.ust{max-width:46rem;margin:0 auto;padding:22px 20px 0;display:flex;align-items:center;gap:18px;font-size:13.5px}
.ust a{text-decoration:none;color:var(--text-secondary)}
.ust a:hover{color:var(--text-primary)}
.ust .marka{display:inline-flex;align-items:center;gap:9px;color:var(--text-primary);font-weight:600;letter-spacing:-.01em}
.ust .marka img{width:22px;height:22px;display:block}
.ust .bosluk{flex:1}

/* ── Yazı başlığı ────────────────────────────────────────── */
main{padding:0 20px}
.yazi-bas{max-width:40rem;margin:0 auto;padding:clamp(48px,9vw,96px) 0 28px}
.ust-etiket{font-size:12.5px;letter-spacing:.09em;color:var(--vurgu-yazi);margin:0 0 18px}
.ust-etiket a{text-decoration:none}
h1{
  font-family:var(--serif-baslik);font-weight:420;font-size:clamp(36px,6.4vw,58px);line-height:1.06;
  letter-spacing:-.018em;margin:0;color:var(--text-primary);text-wrap:balance;
}
.ozet{font-family:"NR Italik",var(--serif);font-style:italic;font-weight:300;font-size:clamp(20px,2.6vw,24px);
  line-height:1.4;color:var(--text-secondary);margin:20px 0 0;text-wrap:pretty}
.kunye{margin:26px 0 0;font-size:13.5px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:4px 14px}
.kunye .yazar{color:var(--text-secondary)}
.kunye span+span::before{content:"·";margin-right:14px;color:var(--border-strong)}

/* ── Gövde ───────────────────────────────────────────────── */
.govde{max-width:var(--olcu);margin:0 auto;padding:12px 0 24px;
  font-family:var(--serif);font-size:20px;line-height:1.66;color:var(--okuma);
  font-variant-numeric:oldstyle-nums proportional-nums;hyphens:manual}
.govde > *{margin:0}
.govde > * + *{margin-top:1.05em}
.govde p{text-wrap:pretty}
.govde .giris::first-letter{
  font-family:var(--serif-baslik);float:left;font-size:4.1em;line-height:.82;font-weight:500;
  /* alt pay eksi: yoksa kutu 2 satırı ~6 px aşıyor, 3. satır içeri kayıyordu (İ'de göze batıyordu; B/Ç/İ ölçüldü) */
  margin:.06em .1em -.1em -.02em;color:var(--vurgu-yazi);
}
.govde h2{font-family:var(--serif-baslik);font-weight:480;font-size:1.55em;line-height:1.18;letter-spacing:-.012em;
  color:var(--text-primary);margin-top:2.1em;text-wrap:balance;scroll-margin-top:24px}
.govde h3{font-family:var(--sans);font-weight:600;font-size:.82em;letter-spacing:.02em;color:var(--text-primary);
  margin-top:1.9em;scroll-margin-top:24px}
.govde h2 + *, .govde h3 + *{margin-top:.55em}
.govde strong{font-weight:600;color:var(--text-primary)}
.govde em{font-family:"NR Italik",var(--serif);font-style:italic;font-weight:300}
.govde a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--vurgu) 70%,transparent);
  text-decoration-thickness:1px;text-underline-offset:.18em;transition:text-decoration-color .15s}
.govde a:hover{text-decoration-color:var(--vurgu)}
.govde ul,.govde ol{padding-left:1.25em}
.govde li + li{margin-top:.4em}
.govde li::marker{color:var(--text-muted)}
.govde code{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:.82em;background:var(--surface);
  padding:.1em .35em;border-radius:4px}
.govde hr{border:0;height:auto;margin:2.4em 0;text-align:center;color:var(--text-muted)}
.govde hr::after{content:"·  ·  ·";letter-spacing:.3em;font-size:1em}

/* Alıntı: şarkı sözü ya da altını çizdiğimiz cümle */
.govde blockquote{margin-left:0;margin-right:0;padding:.1em 0 .1em 1.1em;border-left:2px solid var(--vurgu);
  font-family:"NR Italik",var(--serif);font-style:italic;font-weight:300;font-size:1.12em;line-height:1.5;color:var(--text-primary)}
.govde blockquote p + p{margin-top:.6em}
.govde blockquote cite{display:block;margin-top:.55em;font-family:var(--sans);font-style:normal;font-size:.62em;
  letter-spacing:.02em;color:var(--text-muted)}

/* Kenar notu: yöntem, uyarı, "bunu nasıl ölçtük" */
.govde .not{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--text-secondary);
  background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px}
.govde .not > * {margin:0}
.govde .not > * + *{margin-top:.7em}
.govde .not strong{color:var(--text-primary)}
.govde .not .not-baslik{font-size:12px;letter-spacing:.08em;color:var(--vurgu-yazi)}
/* Kapalı başlayan not: başlık satırı düğme gibi, içerik tıklayınca açılır */
.govde .ayrinti{padding:0}
.govde .ayrinti > summary{list-style:none;cursor:pointer;padding:14px 20px;font-size:12px;letter-spacing:.08em;
  color:var(--vurgu-yazi);display:flex;align-items:center;gap:10px;border-radius:12px}
.govde .ayrinti > summary::-webkit-details-marker{display:none}
.govde .ayrinti > summary::before{content:"+";font-size:16px;line-height:1;width:1em;text-align:center}
.govde .ayrinti[open] > summary::before{content:"–"}
.govde .ayrinti > summary:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
.govde .ayrinti > :not(summary){padding:0 20px}
.govde .ayrinti > :last-child{padding-bottom:18px}
.govde .ayrinti > summary + *{margin-top:0}

/* Öne çıkan sayı */
.govde .rakam{font-family:var(--sans);display:grid;grid-template-columns:repeat(auto-fit,minmax(7.4rem,1fr));gap:12px}
.govde .rakam > div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 16px 14px}
.govde .rakam b{display:block;font-family:var(--serif-baslik);font-weight:450;font-size:31px;line-height:1.05;
  color:var(--text-primary);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.govde .rakam span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--text-secondary)}

/* Grafik: satır içi SVG. Renkler sınıftan gelir (CSP style-src 'self': satır içi style YOK). */
.govde figure{margin-left:0;margin-right:0}
.govde figure.genis{margin-left:calc(50% - min(50vw - 20px, 22rem));margin-right:calc(50% - min(50vw - 20px, 22rem))}
.govde figure svg{display:block;width:100%;height:auto;overflow:visible}
.govde figcaption{font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--text-muted);margin-top:10px}
.govde figcaption b{color:var(--text-secondary);font-weight:600}
.g-yazi{font-family:var(--sans);font-size:12.5px;fill:var(--text-secondary)}
.g-yazi-k{font-family:var(--sans);font-size:11px;fill:var(--text-muted)}
.g-deger{font-family:var(--sans);font-size:12.5px;font-weight:600;fill:var(--text-primary);font-variant-numeric:tabular-nums}
.g-cubuk{fill:color-mix(in srgb,var(--vurgu) 55%,var(--surface-2))}
.g-cubuk-vurgu{fill:var(--vurgu)}
.g-cubuk-soluk{fill:var(--surface-2)}
.g-cizgi{stroke:var(--border);stroke-width:1}
.g-cizgi-vurgu{stroke:var(--vurgu);stroke-width:1.5;stroke-dasharray:3 3}

/* Çubuk grafik (HTML): etiket | çubuk | değer. Genişlik .w-N sınıflarından (uret.py üretir). */
.govde figure.cb{font-family:var(--sans)}
.cb-govde{display:grid;grid-template-columns:max-content 1fr max-content;gap:9px 12px;align-items:center}
.cb-satir{display:contents}
.cb-ad{font-size:14px;color:var(--text-secondary);text-align:right}
.cb-iz{display:block;height:20px;background:var(--surface);border-radius:4px;overflow:hidden}
.cb-cubuk{display:block;height:100%;background:color-mix(in srgb,var(--vurgu) 42%,var(--surface-2));border-radius:4px}
.cb-vurgu .cb-cubuk{background:var(--vurgu)}
.cb-vurgu .cb-ad,.cb-vurgu .cb-deger{color:var(--text-primary)}
.cb-deger{font-size:14px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.w-0{width:0%}.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.w-100{width:100%}

/* ── Kanal tanıtımı (yazının sonunda) ───────────────────── */
.tanitim{max-width:var(--olcu);margin:28px auto 0;padding:22px;border-radius:16px;
  background:linear-gradient(180deg,var(--vurgu-zemin),var(--surface));border:1px solid var(--border-strong);
  display:grid;grid-template-columns:64px 1fr;gap:4px 18px;align-items:start}
.tanitim img{width:64px;height:64px;border-radius:50%;display:block;grid-row:span 2}
.tanitim .t-ad{font-family:var(--serif-baslik);font-size:24px;font-weight:480;line-height:1.2;margin:2px 0 0;color:var(--text-primary)}
.tanitim .t-metin{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--text-secondary)}
.tanitim .t-dugmeler{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tanitim .t-dugmeler a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:600;
  padding:10px 16px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-primary);
  transition:background .15s,border-color .15s}
.tanitim .t-dugmeler a.birincil{background:var(--vurgu);border-color:var(--vurgu);color:#121018}
.tanitim .t-dugmeler a:hover{border-color:var(--vurgu)}
.tanitim .t-dugmeler a.birincil:hover{filter:brightness(1.08)}

/* ── Alt bilgi ───────────────────────────────────────────── */
.alt{max-width:var(--olcu);margin:56px auto 0;padding:24px 0 56px;border-top:1px solid var(--border);
  font-size:13.5px;line-height:1.6;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:8px 20px}
.alt a{color:var(--text-secondary);text-decoration:none}
.alt a:hover{color:var(--text-primary)}
.alt .gizlilik{flex-basis:100%;font-size:12.5px}

/* ── Yazılar listesi ─────────────────────────────────────── */
.liste-bas{max-width:var(--olcu);margin:0 auto;padding:clamp(48px,9vw,88px) 0 18px}
.liste-bas h1{font-size:clamp(40px,7vw,60px)}
.liste-bas p{margin:14px 0 0;font-family:var(--serif);font-size:19px;color:var(--text-secondary)}
.liste{max-width:var(--olcu);margin:0 auto;padding:0;list-style:none}
.liste li{border-top:1px solid var(--border)}
.liste li:last-child{border-bottom:1px solid var(--border)}
.liste a{display:block;padding:26px 0;text-decoration:none}
.liste .l-etiket{font-size:12px;letter-spacing:.09em;color:var(--vurgu-yazi)}
.liste .l-baslik{display:block;margin-top:8px;font-family:var(--serif-baslik);font-size:28px;font-weight:450;line-height:1.15;
  color:var(--text-primary);letter-spacing:-.01em;text-wrap:balance}
.liste a:hover .l-baslik{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.liste .l-ozet{display:block;margin-top:8px;font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--text-secondary)}
.liste .l-kunye{display:block;margin-top:10px;font-size:13px;color:var(--text-muted)}

@media (max-width:600px){
  .govde{font-size:18.5px;line-height:1.64}
  .govde h2{font-size:1.45em}
  .tanitim{grid-template-columns:52px 1fr;padding:18px}
  .tanitim img{width:52px;height:52px}
  .tanitim .t-ad{font-size:21px}
}