/* ==========================================================================
   YAZI SAYFALARI — GÖVDE TİPOGRAFİSİ ÜST KATMANI
   Beyar, 2026-09-15: "Yazı sayfalarında gövde metni iki yana yaslı olacak ve
   boşluk ritmi düzelecek. Bu, 14 Eylül'deki 'gövde metni her yerde sola yaslı'
   kararının YAZI SAYFALARI İÇİN geri alınmasıdır. Kurumsal ve yasal sayfalar
   mevcut hâlinde kalıyor."

   DESEN: `kurumsal-yasal-hiza.css` ile birebir aynı — donör dosyasına dokunmadan,
   sayfa CSS'inden SONRA bağlanan ayrı bir katman. Aile CSS'leri
   (`kac-kalori-detay-v1.css`, `ipucu-detay-v1.css`, `puf-detay-v1.css`) donörden
   bayt bayt çıkarılmıştır ve CLAUDE.md'nin birinci maddesi onları değiştirmeyi
   yasaklar; bu dosya onların üstüne yazar, içlerine değil.

   KAPSAM — 2026-09-16'da GENİŞLETİLDİ. Beyar: "referans sayfanın gövde
   tipografisini ölç ve BÜTÜN içerik sayfa türlerine uygula … tek bir ortak stil
   olsun, sayfa başına ayrı kural yazma." Artık beş yazı ailesinin hepsi:
   `/beslenme/{slug}` (rehber), `/makro-rehberi/{slug}`, `/ipuclari/{slug}`,
   `/kac-kalori/{slug}`, `/puflar/{slug}` ve EN karşılıkları.
   Referans sayfa: `/puflar/etiketteki-besin-degeri-tablosu-nasil-okunur` —
   aşağıdaki bütün sayılar onun ÖLÇÜLEN değerleridir, uydurma yok.

   🔴 GÖVDE İKİ FARKLI YERDE DURUYOR. `beslenme/show.blade.php` gövdeyi
   `$makaleKabuguVar` ise `.reh-article`ın DOĞRUDAN çocuğu olarak, değilse
   `<article>` sarmalının içinde basıyor (makro-rehberi ikinci yol). Tek seçici
   listesi ikisini de saymak zorunda; yoksa katman makro-rehberi'ye hiç değmez.

   ÖLÇÜLDÜ 2026-09-16, bu genişletmeden ÖNCE (Chromium 1440):
     referans (püf) · kolon 860 · yaslı · satır 31,45px · p alt 24px ·
       h2 48/12 · kart üstü 26px
     rehber        · kolon 1240 · start · satır 24,8px · p alt 0 ·
       h2 0/0 · kart üstü 0        ← Beyar'ın saydığı dört kusurun dördü de burada
     makro-rehberi · kolon 1240 · aynı, üstelik gövde `<article>` içinde
   Seçiciler makale kolonunun DOĞRUDAN çocuklarına bağlı: başlık bandı, künye
   çipleri, kartlar, `.reh-note` uyarı kutusu, etiketler ve paylaş satırı
   etkilenmez.

   ÖNCESİ ÖLÇÜLDÜ (Chromium, 2026-09-15, bu katman bağlanmadan):
     kaç-kalori @1440 · hiza start · satır 24,8px · paragraf alt boşluk 0px ·
       ara başlık üst/alt 0px/0px · kolon 1176px
     ipuçları   @1440 · aynı
     püf        @1440 · hiza start · satır 31,45px · alt boşluk 24px ·
       ara başlık 42px/16px · kolon 1176px
   Yani üç ailenin ikisinde paragraf ve ara başlık ritmi HİÇ yoktu: aile CSS'i
   `.reh-article > p` kuralını yalnız püf dosyasında taşıyor, öteki iki aile
   kabuğun genel `p` kuralına düşüyordu — "sayfa tek blok gibi okunuyor"un ölçülen
   sebebi budur.

   🔴 KOLON GENİŞLİĞİ — Beyar "zaten 860, dokunma" dedi, ölçüm aksini söyledi:
   çalışan değer 1176px. Aile CSS'lerindeki `.reh-article{max-width:860px}` aynı
   özgüllükte ama DAHA ERKEN yüklenen bir kural; `dm-diet-*`/`hero.css` katmanının
   `.wrap` genişliği sonradan gelip eziyor (aynı düşüş `puf-detay-v1.css`in kendi
   yorumunda da not edilmiş: "15. turda düşmüştü, gövde .wrap'in tam genişliğine
   yayılıyordu"). Burada YENİ bir sayı uydurulmuyor — donörün KENDİ 860'ı, ezildiği
   yerden sonra yeniden yazılıyor.
   ========================================================================== */

/* Donörün kendi okuma kolonu — yukarıdaki nota bakın, yeni değer değil. */
.reh-article{max-width:860px}

/* Gövde paragrafı: nefes alan satır ve paragraf arası — her genişlikte.
   `> article >` ikizi makro-rehberi ailesi için (bkz. başlıktaki şerh). */
.reh-article > p,
.reh-article > .lead,
.reh-article > article > p,
.reh-article > article > .lead{
  -webkit-hyphens:auto;
  hyphens:auto;
  line-height:1.85;
  margin-bottom:24px;
}

/* İKİ YANA YASLAMA YALNIZ ≥641px — KARAR VERİLDİ, Beyar 2026-09-16:
   "390'da metin sola yaslı kalsın, justify yalnız geniş ekranda." Bu media
   sorgusu artık bekleyen bir kalem değil, kapanmış bir karardır; ölçüm aşağıda.
   390'da ölçüldü (Chromium, 2026-09-15, kaç-kalori sayfası, aynı paragraf):
     sola yaslı ....................... kelime arası en büyük 4,0px · ortalama 4,0px
     iki yana yaslı + tireleme ........ en büyük 18,6px · ortalama 8,7px
     iki yana yaslı + tirelemesiz ..... en büyük 18,6px · ortalama 8,7px  ← AYNI
   Üçüncü satır kararı belirledi: `hyphens:auto` 390'da HİÇBİR ŞEY değiştirmiyor
   (Chromium'da Türkçe tireleme sözlüğü yok, iki ölçüm birebir aynı çıktı), yani
   yaslamanın kelime aralarını 4,6 katına çıkarması tirelemeyle dengelenemiyor.
   Beyar "aralıklar çirkin açılıyorsa DUR ve söyle" demişti; ölçüm gösterildi ve
   16 Eylül'de dar ekranın sola yaslı kalmasına karar verildi. Media sorgusu
   kaldırılmaz; `YaziTipografisiTest` onu kilitler.
   1440'ta aynı ölçüm sorun göstermiyor: en büyük 7,5px, ortalama 5,9px (normal
   boşluk 4,0px), yani en kötü satırda 1,9 kat.
   Referans sayfa da tam olarak böyle davranıyor: 1440'ta `justify`, 390'da
   `start` — yani "referansı uygula" bu media sorgusunu KORUMAK demek. */
@media (min-width:641px){
  .reh-article > p,
  .reh-article > .lead,
  .reh-article > article > p,
  .reh-article > article > .lead{
    text-align:justify;
    text-justify:inter-word;
  }
}

/* Ara başlık: üstünde belirgin, altında az boşluk — paragraf öbeği başlığa bağlansın,
   bir önceki öbekten ayrılsın. Donörün 42/16'sı aynı yönde ama fark yeterince
   okunmuyordu; 48/12 ölçüldü ve bu turda seçildi. */
.reh-article > h2,
.reh-article > article > h2{
  margin-top:48px;
  margin-bottom:12px;
}

/* İlk öğe başlıksa üstteki büyük boşluk gövdeyi künyeden koparıyor. */
.reh-article > h2:first-child,
.reh-article > article > h2:first-child{margin-top:0}

/* Gövdenin ardından gelen kutular: paylaş satırı ve bilgi kartı. Referansta
   ikisi de 26px taşıyor (`puf-detay-v1.css`); rehber ve makro-rehberi'de 0'dı,
   kart metne yapışıyordu. Kutunun İÇİ (kendi dolgusu, yazı boyu, satırı)
   değişmez — yalnız gövdeyle arasındaki boşluk. */
.reh-article > .macro-note,
.reh-article > .reh-note{margin-top:26px}