/*!
 * sezer.in tekil yazı düzeni (sezerin-yazi.php). Haber sayfasının oranları, kendi kopyası.
 *
 * Kurallar: --sz-* token TANIMLANMAZ, yalnız kullanılır; bileşen değişkenleri --szy-*
 * ve yalnız .szy-main üzerinde. Marka yeşili #10b981 metin olmaz. Haber CSS'ine
 * bağımlılık yok: szh- sınıfı kullanılmaz.
 *
 * Yapışkan yükseklik ölçülür: --szy-baslik değerini sezerin-yazi.js yapışkan başlığa
 * ve üstteki bantlara göre yazar; betik çalışmazsa buradaki yedek geçerlidir. Sağ sütun
 * `top` ve başlık `scroll-margin-top` aynı --szy-ust değerini okur.
 */

.szy-main{
  --szy-cizgi:var(--sz-border-subtle);
  --szy-baslik-font:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --szy-govde-font:Roboto,Helvetica,Arial,sans-serif;
  --szy-kenar:30px;
  --szy-baslik:72px;
  --szy-ust:calc(var(--szy-baslik) + 16px);
  --szy-konu:var(--sz-accent-text);
  --szy-kapak:#0e3a30;
  background:var(--sz-bg);
  color:var(--sz-text);
  font-family:var(--szy-govde-font);
  font-size:15px;
  line-height:1.5;
  padding-bottom:clamp(40px,4.4vw,60px);
}

/* Konu renkleri: ana sayfayla aynı doğrulanmış tonlar, koyu zeminde AA metin. */
.szy-k-yesil{--szy-konu:#34d399;--szy-kapak:#0e3a30}
.szy-k-amber{--szy-konu:#fbbf24;--szy-kapak:#40300a}
.szy-k-mavi{--szy-konu:#7cb7ff;--szy-kapak:#14305c}
.szy-k-pembe{--szy-konu:#f49ac1;--szy-kapak:#4a1838}
.szy-k-limon{--szy-konu:#b5e853;--szy-kapak:#2c3a0e}
.szy-k-mor{--szy-konu:#c4a5ff;--szy-kapak:#2f2166}
.szy-k-mercan{--szy-konu:#ff9a8b;--szy-kapak:#47181f}
.szy-k-camgobegi{--szy-konu:#5eead4;--szy-kapak:#0c3a44}

/* Tema sıfırlaması yalnız bizim parçalarda: yazar kutusu, yorumlar ve makale gövdesi
   kendi stilini korur. */
.szy-ic,.szy-bant *,.szy-ray *,.szy-yan *,.szy-toc-dar *{box-sizing:border-box}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(h1,h2,h3){margin:0;padding:0;color:var(--sz-text);font-family:var(--szy-baslik-font);font-weight:600;letter-spacing:-.01em;text-transform:none}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(p,dl,dt,dd,figure){margin:0;padding:0}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(ul,ol){list-style:none;margin:0;padding:0}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(li){margin:0;padding:0;text-align:left}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(a){color:inherit;text-decoration:none}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(time){text-transform:none;letter-spacing:0}
:is(.szy-bant,.szy-ray,.szy-yan,.szy-toc-dar) :where(a,button,summary):focus-visible{outline:2px solid var(--sz-accent-fill);outline-offset:2px;border-radius:3px}

/* Temanın `aside:before` kuralı her aside'a dikey çizgi basar. */
aside.szy-yan::before,aside.szy-ray::before{display:none}

.szy-ic{width:100%;max-width:1260px;margin-left:auto;margin-right:auto;padding-left:var(--szy-kenar);padding-right:var(--szy-kenar)}

/* ---------- Okuma çubuğu ----------
   Yükleme sırasındaki yeşil çizgi temanın Pace.js'idir; bununla ilgisi yok. */
.szy-okuma{position:fixed;top:0;left:0;right:0;z-index:100000;height:3px;pointer-events:none}
.szy-okuma[hidden]{display:none}
.szy-okuma__cubuk{height:100%;background:var(--szy-konu);transform:scaleX(0);transform-origin:left center}

/* ---------- Üst bant ---------- */
.szy-bant{
  padding:26px 0 34px;
  border-bottom:1px solid var(--szy-cizgi);
  background:var(--sz-surface);
  background:color-mix(in oklab,var(--szy-konu) 7%,var(--sz-surface));
}
.szy-bant__duzen{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;align-items:center}
.szy-bant__metin{min-width:0}

.szy-izlek{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-bottom:12px;color:var(--sz-text-subtle);font-size:14px}
.szy-izlek li{display:inline-flex;align-items:center;gap:10px;min-width:0}
.szy-izlek li+li::before{content:"/";color:var(--sz-border-strong)}
.szy-izlek a{display:inline-flex;align-items:center;min-height:28px;color:var(--sz-text-subtle)}
.szy-izlek a:hover{color:var(--sz-text)}
.szy-izlek li:last-child:not(:first-child) a{color:var(--szy-konu);font-weight:500}

.szy-cipler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.szy-cipler a{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--sz-border);border-radius:999px;background:var(--sz-surface);color:var(--sz-text-muted);font-size:13px;font-weight:500;line-height:1.3}
.szy-cipler a:hover{border-color:var(--szy-konu);color:var(--szy-konu)}

.szy-bant .szy-baslik{color:var(--sz-ink-strong);font-size:clamp(28px,3.1vw,42px);line-height:1.16;letter-spacing:-.022em;text-wrap:balance;overflow-wrap:break-word}
.szy-ozet{margin-top:14px;max-width:62ch;color:var(--sz-text-muted);font-size:clamp(17px,1.4vw,19px);line-height:1.5}

.szy-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:20px}
.szy-meta>div{min-width:0}
.szy-meta dt{color:var(--sz-text-subtle);font-size:13px;line-height:1.35}
.szy-meta dd{color:var(--sz-text);font-size:14.5px;font-weight:500;line-height:1.4}

.szy-kapak{min-width:0}
.szy-kapak__ic{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:var(--sz-surface-2)}
.szy-kapak__gorsel{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover}
.szy-kapak__ic--bicim{aspect-ratio:auto}
/* Tema biçim parçaları kategori etiketini görselin üstüne basar; bantta çip olarak var. */
.szy-kapak__ic--bicim .tags.absolute{display:none}
.szy-kapak__ic--bicim iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
/* Tipografik kapak: görselsiz yazıda kategori adı. Desen maske, renk konudan. */
.szy-tipo{position:absolute;inset:0;display:block;overflow:hidden;container-type:inline-size;background:var(--szy-kapak);color:var(--szy-konu)}
.szy-tipo__desen{position:absolute;inset:0;background:currentColor;opacity:.3;-webkit-mask:radial-gradient(circle at 1px 1px,#000 1.4px,transparent 1.5px) 0 0/22px 22px;mask:radial-gradient(circle at 1px 1px,#000 1.4px,transparent 1.5px) 0 0/22px 22px}
.szy-tipo__ad{position:absolute;left:6.5cqw;right:6.5cqw;bottom:6.5cqw;color:#f2f5f8;font-family:var(--szy-baslik-font);font-size:clamp(20px,9.5cqw,52px);font-weight:600;letter-spacing:-.02em;line-height:1.08;overflow-wrap:anywhere}
.szy-kapak__altyazi{margin-top:8px;color:var(--sz-text-subtle);font-size:13px;line-height:1.45}

/* ---------- Gövde ----------
   Haber düzeninin oranları; yalnız metin sütunu 600 yerine 700 px, çünkü yazılarda kod
   çok. Ölçüm (25 canlı yazı, 1.469 kod satırı): sarılan satır 600 px'te %10,3, 700
   px'te %5,7. Düz metin 640 px'te kalır (~78 karakter); kod, tablo ve görsel 700. */
.szy-duzen{display:grid;grid-template-columns:52px 56px minmax(0,700px) minmax(32px,1fr) 352px;grid-template-areas:"ray . govde . yan";align-items:start;margin-top:36px}
.szy-govde{grid-area:govde;min-width:0}

#single div.szy-metin.text{min-width:0;font-family:var(--szy-govde-font);font-size:clamp(17px,.96rem + .32vw,19px);overflow-wrap:break-word}
#single div.szy-metin.text :is(h2,h3,h4){font-family:var(--szy-baslik-font);font-weight:600}
/* Tasarım katmanının html scroll-padding-top değeri scroll-margin'e eklenir; hedef 96 px aşağıda kalıyordu. */
html:has(.szy-main){scroll-padding-top:0}
#single div.szy-metin.text :is(h2,h3,h4,.ez-toc-section){scroll-margin-top:calc(var(--szy-ust) + 8px)}
#single div.szy-metin.text .ez-toc-section{display:block;height:0}
#single div.szy-metin.text :is(h2,h3):focus{outline:0}
#single div.szy-metin.text>:is(p,ul,ol,dl,h1,h2,h3,h4,h5,h6,blockquote){max-width:640px}

/* Geniş içerik sütun içinde kayar, belgeyi taşırmaz. figure.wp-block-table ve doğrudan
   çocuk tablo tasarım katmanında çözülü; burada blok içine gömülü tablolar kalıyor. */
#single div.szy-metin.text :not(figure)>table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
#single div.szy-metin.text :is(img,video,iframe,embed,object){max-width:100%}
#single div.szy-metin.text img{height:auto}

/* ---------- Paylaşım rayı ---------- */
.szy-ray{grid-area:ray;position:sticky;top:var(--szy-ust);z-index:3}
.szy-paylas{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.szy-paylas__etiket{color:var(--sz-text-subtle);font-size:13px;line-height:1.2}
.szy-paylas__liste{display:flex;flex-direction:column;gap:6px}
.szy-paylas__dugme{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--szy-cizgi);border-radius:50%;background:var(--sz-surface);box-shadow:none;color:var(--sz-text-muted);cursor:pointer}
.szy-paylas__dugme:hover{border-color:var(--sz-border-strong);background:var(--sz-surface-2);color:var(--sz-text)}
.szy-paylas__dugme.is-kopyalandi{border-color:var(--szy-konu);color:var(--szy-konu)}
.szy-paylas__dugme svg{display:block;width:16px;height:16px;margin:0}
/* Boşken kutusu yok, ama öğe DOM'da kalır: role="status" duyurusu kaybolmasın. */
.szy-paylas__durum{position:absolute;left:calc(100% + 8px);bottom:0;color:var(--sz-text);font-size:13px;line-height:1.35;white-space:nowrap}
.szy-paylas__durum:not(:empty){padding:5px 9px;border:1px solid var(--szy-cizgi);border-radius:6px;background:var(--sz-surface-2)}

/* ---------- Sağ sütun ---------- */
.szy-yan{
  grid-area:yan;
  position:sticky;
  top:var(--szy-ust);
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
  max-height:calc(100vh - var(--szy-ust) - 16px);
  max-height:calc(100dvh - var(--szy-ust) - 16px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--sz-border-strong) transparent;
}
.szy-kart{flex:0 0 auto;padding:16px;border:1px solid var(--szy-cizgi);border-radius:10px;background:var(--sz-surface)}
.szy-yan .szy-kart__baslik{margin-bottom:10px;font-size:16px;line-height:1.3}

/* İçindekiler sütunda kalan yeri alır, uzun listede kendi içinde kayar. */
.szy-toc{display:flex;flex:0 1 auto;flex-direction:column;min-height:180px}
.szy-toc__kaydir{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sz-border-strong) transparent}
.szy-toc__liste a{display:block;padding:7px 8px 7px 12px;border-left:2px solid var(--szy-cizgi);color:var(--sz-text-muted);font-size:14.5px;line-height:1.35}
.szy-toc__liste ol a{padding-left:26px;font-size:13.5px}
.szy-toc__liste a:hover{color:var(--sz-text)}
.szy-toc__liste a[aria-current]{border-left-color:var(--szy-konu);color:var(--sz-text);font-weight:500}
.szy-toc__kaydir :where(a):focus-visible{outline-offset:-2px}

.szy-son li{position:relative;padding:10px 0;border-top:1px solid var(--szy-cizgi)}
.szy-son li:first-child{padding-top:0;border-top:0}
.szy-son li:last-child{padding-bottom:0}
.szy-son a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--sz-text);font-size:14.5px;font-weight:500;line-height:1.4}
.szy-son a::after{content:"";position:absolute;inset:0}
.szy-son li:hover a{color:var(--szy-konu)}
.szy-son time{display:block;margin-top:2px;color:var(--sz-text-subtle);font-size:13px;line-height:1.35}

/* Dar ekran açılır içindekiler */
.szy-toc-dar{display:none;margin-bottom:22px;border:1px solid var(--szy-cizgi);border-radius:10px;background:var(--sz-surface)}
.szy-toc-dar summary{display:flex;align-items:center;min-height:46px;padding:0 16px;color:var(--sz-text);font-family:var(--szy-baslik-font);font-size:15px;font-weight:600;cursor:pointer}
.szy-toc-dar .szy-toc__liste{max-height:60vh;padding:0 12px 12px;overflow-y:auto;overscroll-behavior:contain}
.szy-toc-dar .szy-toc__liste a{display:flex;align-items:center;min-height:44px;padding-top:6px;padding-bottom:6px}

/* ---------- Yazı sonu ----------
   `.left-content` yalnız sezerin-baslik.css'teki önceki/sonraki kuralı için; temanın
   dolgu ve kenarlığı sıfırlanır. */
#single div.szy-alt.left-content{float:none;width:auto;margin:32px 0 0;padding:0;border:0}
/* Temanın negatif kenarı dar ekranda belgeyi taşırıyordu; sezerin-baslik.css yalnız 768 px üstünü sıfırlıyor. */
#single .szy-alt section.related{margin-left:0;margin-right:0}
#single .szy-alt #comments{max-width:760px}

/* ---------- Duyarlı ---------- */
@media (max-width:1199px){
  .szy-main{--szy-kenar:24px}
  .szy-duzen{grid-template-columns:52px 24px minmax(0,700px) minmax(24px,1fr) 280px}
  .szy-bant__duzen{gap:32px}
}

@media (max-width:1024px){
  .szy-bant__duzen{grid-template-columns:minmax(0,1fr)}
  .szy-kapak__ic{aspect-ratio:2/1}
  .szy-kapak__ic--bicim{aspect-ratio:auto}
  .szy-izlek a,.szy-cipler a{min-height:44px}
  .szy-duzen{grid-template-columns:minmax(0,1fr);grid-template-areas:"govde" "ray" "yan";row-gap:24px}
  .szy-govde,.szy-ray,.szy-yan{max-width:760px}
  .szy-ray,.szy-yan{position:static}
  .szy-yan{max-height:none;overflow:visible}
  .szy-ray{padding:10px 12px 10px 16px;border:1px solid var(--szy-cizgi);border-radius:10px;background:var(--sz-surface)}
  .szy-paylas{flex-direction:row;justify-content:space-between}
  .szy-paylas__etiket{color:var(--sz-text);font-family:var(--szy-baslik-font);font-size:15px;font-weight:600}
  .szy-paylas__liste{flex-direction:row;gap:4px}
  .szy-paylas__dugme{border-color:transparent;background:transparent}
  .szy-paylas__durum{left:auto;right:0;bottom:auto;top:calc(100% + 6px)}
  .szy-toc{display:none}
  .szy-toc-dar{display:block}
  .szy-son a{padding:6px 0}
}

@media (pointer:coarse){
  .szy-izlek a,.szy-cipler a{min-width:44px;min-height:44px;justify-content:center}
  #single div.szy-metin.text .hljs-copy-button{min-width:44px;min-height:44px}
}

@media (max-width:767px){
  .szy-main{--szy-kenar:16px}
  .szy-bant{padding:12px 0 24px}
  .szy-kapak__ic{aspect-ratio:16/9}
  .szy-kapak__ic--bicim{aspect-ratio:auto}
  .szy-duzen{margin-top:24px}
  .szy-ray{padding:6px 8px 6px 14px}
}

@media print{
  .szy-okuma,.szy-ray,.szy-yan,.szy-toc-dar{display:none}
  .szy-duzen{display:block}
  .szy-bant{background:none}
}

/* Yorum kabı: temanın negatif kenar boşluğu 390 px'te belgeyi taşırıyor, çizgiyi sola kaydırıyordu. */
.szy-alt>.bordered.section{margin-right:0;margin-left:0}

/* Tablo overflow:hidden taşırsa dar ekranda son sütun kırpılır; kaydırmayı figure yapar. */
#single div.szy-metin.text figure>table{overflow:visible}