/* post_template.php'nin kart bileşen stilleri (fix/duplicate-inline-styles).
   Önceden post_template.php'nin başına <style> olarak gömülüydü; bu partial
   home/quote sayfasında (quote_template.php'nin foreach döngüsünde) bir sayfada
   onlarca kez load->view() ile basıldığı için aynı <style> bloğu da o kadar kez
   tekrarlanıyordu (ör. ana sayfada 30 kez, ~55KB gereksiz HTML). Selector'lar
   (.post-image-style/.post-source/.post-source-badge/.author-img-letter)
   yalnızca post_template.php'nin markup'ında kullanılıyor, başka hiçbir CSS
   dosyasında/partial'da tanımlı değil (grep ile teyit) → çakışma riski yok.
   Token bağları Bölüm 3 / adım 3.6'dan aynen taşındı, DEĞİŞTİRİLMEDİ. */

/* Boyutlandırma (fix/post-image-upload): görseller yüklenmeye başlayınca ortaya
   çıktı — kural yalnız `max-width` veriyordu, ama `.fancy-post` bir
   `flex-direction:column` konteyneri ve `align-self:normal` = stretch olduğu için
   HER görsel kart genişliğine ÇEKİLİYORDU. Sonuçları ölçüldü (kart 579px):
     800×1200 dikey → 508×762 (kartı eziyordu)
     300×200 küçük  → 508×339 (1.7× BÜYÜTÜLÜP bulanıklaşıyordu)
   Düzeltme: stretch kapatıldı (align-self:flex-start) + width/height auto →
   görsel doğal boyutunu aşmaz, yukarıdaki ikisi 240×360 ve 300×200 olur.
   max-height 360px feed kartında dikey görselin sayfayı ele geçirmesini önler.
   `float:left` KALDIRILDI: flex item'da zaten etkisizdi (ölü bildirim). */
.post-image-style {
	max-width: 95%;
	max-height: 360px;
	width: auto;
	height: auto;
	margin: 15px 15px;
	border-radius: var(--r-md);   /* 8px, birebir */
	align-self: flex-start;
}

/* Post source styling */
.post-source {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	margin-top: 6px;
	font-size: 13px;              /* P3: --fs-sm .85rem ile eşleşmiyor */
	/* P1: #555 koyu kartta 2.15:1 ile okunmuyordu → --text-muted (4.82:1). */
	color: var(--text-muted);
}
/* P1: beyaz rozet (#fff/#333) koyu kartın üzerinde parlak bir ada oluyordu.
   Rozet kartın İÇİNDE olduğu için --card değil --inset ("kart içi gömük zemin")
   seçildi; --card olsaydı zeminiyle birebir aynı renk olurdu.
   Metin --text-soft → 13.70:1. Açık temada #f0f0f0 + #222'ye çözülür.
   box-shadow KALDIRILDI (koyuda 1.02:1, ölü) → yerine --border kenarlığı,
   çünkü --inset/--card farkı 1.11:1. ⚠️ Rozeti 2px büyütür; ayrım hâlâ
   "zayıf ama var" (C6 ailesi → 3.7). */
.post-source-badge {
	background: var(--inset);
	color: var(--text-soft);
	border: 1px solid var(--border);
	padding: var(--sp-1) var(--sp-2);
	border-radius: var(--r-lg);
}

/* Bu blok ZATEN koyu tema renklerindeydi (envanter D2: 12.07:1 ✓).
   P2: #203043 = --dk-avatar ile birebir → bağlandı, renk DEĞİŞMEDİ.
   #dff7ff ham kaldı: tokens.css bu tonu --dk-text-soft (#cfe3ff) altında
   kanonikleştirmişti ama DEĞER farklı → çevirmek pikseli kaydırırdı. */
.author-img-letter {
	width: 40px;
	height: 40px;
	border-radius: var(--r-circle);
	background: var(--dk-avatar);
	color: #dff7ff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 16px;
}