/*
 * Makale gövdesi (.ct-makale) düzeltmeleri - AÇIK MOD ve ortak kurallar.
 *
 * Neden ayrı dosya: 213 yazının her biri gövdesinde kendi <style> bloğunu
 * taşıyor ve ölçüleri sabit yazıyor. O blok <body> içinde, yani bu dosyadan
 * SONRA geliyor; eşit özgüllükte yazının kendi kuralı kazanır. Bu yüzden her
 * seçici `html` ile başlatılıp özgüllük bir basamak yükseltiliyor
 * (makale-koyu.css'teki `html[data-theme="dark"]` deyimiyle aynı yöntem).
 * !important kullanılmıyor.
 *
 * Yazıların içeriğine dokunulmuyor: 213 gövdeyi düzenlemek yerine tema
 * üzerinden eziliyor, böylece eski yazılar da yeni ölçülere uyuyor.
 */

/* --- Tipografi: gövde sistem fontundaydı, temanın Overpass'ına alındı. --- */
html .ct-makale{
	font-family:inherit;
	font-size:18px;        /* 17px idi */
	line-height:1.7;       /* Overpass'ın x-yüksekliği için 1.75'ten kısaltıldı */
	max-width:800px;       /* sütunun tamamı; 860px'te satır ~100 karaktere çıkıyordu */
	letter-spacing:.002em;
}

html .ct-makale h2{
	font-size:26px;
	letter-spacing:-.01em;
	margin:44px 0 14px;
}

html .ct-makale h3{
	font-size:19.5px;
	letter-spacing:-.005em;
	margin:28px 0 10px;
}

/*
 * Başlıkların yanındaki çubuk camgöbeği bir halo yayıyordu
 * (box-shadow:0 0 12px rgba(0,212,255,.45)). Sahibin kuralı: parlama yok.
 * Çubuk duruyor, ışıması kaldırıldı.
 */
html .ct-makale h2::before{
	box-shadow:none;
}

/* --- Adım ızgarası: minmax(150px) beş adımı sıska sütunlara bölüyordu. --- */
html .ct-makale .fd-stages{
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:16px;
}

/* --- Geniş öğeler dar metin sütununu aşabilsin (taşma korumalı). --- */
html .ct-makale table{
	display:block;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

/*
 * Sarmalayıcı (.fd-table-wrap) içindeki tablo tablo düzeninde kalır.
 * Taşmayı sarmalayıcının kendi overflow-x:auto'su karşılıyor. display:block
 * altında satırlar içerik kadar daralıyordu: kısa hücreli tablolarda
 * (İngilizce SSD yazısı, 29 Eyl) başlık şeridi kutunun %60'ında bitiyor,
 * sağ taraf boş kalıyordu. Uzun hücreli tablolar zaten tam genişlikteydi.
 */
html .ct-makale .fd-table-wrap table{
	display:table;
}

/* --- Küçük ekran: gövde 16px'e düşüyordu, 17px daha rahat. --- */
@media (max-width:680px){
	html .ct-makale{
		font-size:17px;
		line-height:1.68;
	}
	html .ct-makale h2{
		font-size:22px;
		margin:34px 0 12px;
	}
	html .ct-makale h3{
		font-size:18px;
	}
}

/* --- Hareket azaltma: yazı içindeki geçişler kapansın. --- */
@media (prefers-reduced-motion:reduce){
	html .ct-makale a,
	html .ct-makale details{
		transition:none;
	}
}