/* ============================================================
   YOYSTRO-WEB: KIYAS RAPORU SAYFALARI (rapor.html / report.html /
   rapor-kanit-eki.html / report-evidence-appendix.html)

   Bu dosya `tokenlar.css` (+ `karsilama.css` üst çubuk/alt bilgi,
   `k-` öneki) YÜKLENDİKTEN SONRA gelir. İçerik ve renk kaynağı
   ~/.orkestra/rapor-pdf-2026-09-20/kamu.html + public_en.html
   (PDF raporunun baskı şablonu): sınıf adları BİREBİR o şablondan
   alındı, yalnız birim mm/pt yerine px/rem'e çevrildi ve A4 kapak
   yerini web'e uygun bir "kahraman" bölümüne bıraktı. Renkler yeni
   uydurulmadı: hepsi tokenlar.css'in ZATEN tanımladığı değişkenler
   (--vurgu, --metin, --parlak, --soluk, --kucukgri, --cizgi, ...) —
   rapor PDF'i de aynı değişken adlarını panelden birebir almıştı, bu
   yüzden gece/gündüz burada ayrıca yazılmaz, tokenlar.css'in
   [data-theme="gunduz"] bloğu otomatik devreye girer.

   Kapsam: yalnız `.rapor-govde` içi. Sayfanın geri kalanı (üst çubuk,
   alt bilgi) karsilama.css'in `k-` sınıflarını kullanmaya devam eder,
   bu dosya onlara dokunmaz.
   ============================================================ */

.rapor-govde { color: var(--metin); }

/* ---------- KAHRAMAN (eski "kapak") ---------- */
.r-kapak {
  position: relative; overflow: clip;
  padding: var(--bosluk-9) 0 var(--bosluk-8);
  border-bottom: 1px solid var(--cizgi);
}
.r-kapak::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(60% 60% at 20% 0%, var(--vurgu-zemin) 0%, transparent 70%);
}
.r-logo-satir { display: flex; align-items: center; gap: var(--bosluk-3); margin-bottom: var(--bosluk-6); }
/* `display` BİLEREK burada YOK: .k-tema-koyu/.k-tema-acik (karsilama.css) gece/gündüz
   görünürlüğünü zaten yönetiyor; burada ikisine birden `display:block` yazmak onların
   `display:none` kuralını (aynı özgüllük, sonraki dosya) ezip iki simgeyi birden gösterirdi. */
.r-logo-satir img { height: 40px; width: auto; }
/* .r-marka-satir (2026-09-20 akşam, sahibi ölçümü "yan yana iki logo"):
   bir önceki dalgada bu span `varlik/logo-yazi-*.png` (kare, simge+yazı
   YIĞINI) GÖRSELİYLE değiştirilmişti; satırdaki ayrı simgeyle yan yana
   konunca iki simge birden görünüyordu — karsilama.css'teki üst bar
   arızasının BİREBİR aynısı. Metne geri dönüldü: solda simge (yukarıdaki
   `.r-logo-satir img`, 40px), sağda tek satır "YOYSTRO". Aile BİLEREK
   `--baslik` DEĞİL `--logo-aile` (Chakra Petch): A2 dalgası `--baslik`'ı
   Geist'e taşıdığından beri logotype kendi ailesini ayrı token'dan alır
   (tokenlar.css "LOGO DEĞİŞMEZ" notu); eski kural hâlâ `--baslik`
   kullanıyordu ve marka fontuna uymuyordu — burada da düzeltildi. */
.r-marka-satir {
  font-family: var(--logo-aile); font-size: var(--punto-nav); font-weight: var(--agirlik-orta);
  color: var(--soluk); letter-spacing: var(--aralik-sik);
}
.r-etiket {
  font-family: var(--baslik); font-size: var(--punto-mikro); font-weight: var(--agirlik-orta);
  letter-spacing: var(--aralik-mikro); text-transform: uppercase; color: var(--vurgu-metin);
  margin: 0 0 var(--bosluk-3);
}
.r-h1 {
  font-family: var(--baslik); font-weight: var(--agirlik-kalin); color: var(--parlak);
  font-size: clamp(28px, 4.4vw, 44px); line-height: var(--satir-h1); letter-spacing: var(--aralik-h1);
  margin: 0; max-width: 18ch;
}
.r-manset {
  font-family: var(--baslik); font-weight: var(--agirlik-kalin); color: var(--vurgu);
  font-size: clamp(20px, 3vw, 30px); line-height: 1.15; letter-spacing: var(--aralik-h2);
  margin: var(--bosluk-5) 0 0; max-width: 22ch;
}
.r-olcum-satir { margin-top: var(--bosluk-2); font-size: var(--punto-etiket); font-weight: var(--agirlik-orta); letter-spacing: var(--aralik-etiket); color: var(--soluk); }
.r-olcum-satir.r-soluk2 { color: var(--kucukgri-metin); }
.r-alt { margin-top: var(--bosluk-5); font-size: var(--punto-govde); color: var(--soluk); line-height: var(--satir-govde); max-width: 60ch; }

.r-mansett { display: flex; flex-wrap: wrap; gap: var(--bosluk-4); margin-top: var(--bosluk-7); }
.r-mansett-kutu {
  flex: 1 1 200px; background: var(--zemin2); border: 1px solid var(--cizgi);
  border-top: 2px solid var(--vurgu); border-radius: var(--yaricap); padding: var(--bosluk-5) var(--bosluk-4);
}
.r-mansett-sayi {
  display: block; font-family: var(--baslik); font-weight: var(--agirlik-sayi);
  font-size: 2rem; line-height: var(--satir-sayi); letter-spacing: var(--aralik-sayi); color: var(--vurgu);
}
.r-mansett-ad { display: block; margin-top: var(--bosluk-2); font-size: var(--punto-mikro); line-height: 1.4; color: var(--soluk); }

.r-kapak-ozet {
  max-width: 62ch; margin-top: var(--bosluk-7); border-left: 2px solid var(--vurgu-cizgi);
  padding-left: var(--bosluk-4); font-size: var(--punto-yardimci); line-height: 1.6; color: var(--soluk);
}
.r-kunye {
  margin-top: var(--bosluk-7); padding-top: var(--bosluk-4); border-top: 1px solid var(--cizgi-koyu);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--bosluk-4);
  align-items: flex-end; font-size: var(--punto-mikro);
}
.r-kunye-sol { color: var(--metin); font-weight: var(--agirlik-orta); }
.r-kunye-sag { color: var(--kucukgri-metin); text-align: right; line-height: 1.6; }

/* ---------- İÇİNDEKİLER ---------- */
.r-icindekiler { padding: var(--bosluk-8) 0; border-bottom: 1px solid var(--cizgi); }
.r-ic-baslik {
  font-family: var(--baslik); font-size: var(--punto-h2); font-weight: var(--agirlik-kalin);
  letter-spacing: var(--aralik-h2); color: var(--parlak); margin: 0 0 var(--bosluk-5);
  padding-bottom: var(--bosluk-3); border-bottom: 2px solid var(--vurgu);
}
.r-ic-liste { list-style: none; margin: 0; padding: 0; }
.r-ic-liste li { border-bottom: 1px solid var(--cizgi); }
.r-ic-liste li.r-ic-ana > a {
  display: block; padding: var(--bosluk-3) 0; font-weight: var(--agirlik-kalin); color: var(--parlak);
  font-size: var(--punto-nav); text-decoration: none;
}
.r-ic-liste li.r-ic-ana > a:hover { color: var(--vurgu-metin); }
.r-ic-liste .r-ic-alt { display: flex; flex-wrap: wrap; gap: var(--bosluk-2) var(--bosluk-5); padding: 0 0 var(--bosluk-3) var(--bosluk-5); }
.r-ic-liste .r-ic-alt a { font-size: var(--punto-etiket); color: var(--soluk); text-decoration: none; }
.r-ic-liste .r-ic-alt a:hover { color: var(--vurgu-metin); }
.r-ic-liste .r-ic-not-satir { padding: 0 0 var(--bosluk-3) var(--bosluk-5); font-size: var(--punto-etiket); color: var(--kucukgri-metin); }
.r-ic-not {
  margin-top: var(--bosluk-6); background: var(--zemin3); border-left: 2px solid var(--kucukgri);
  border-radius: var(--yaricap-kontrol); padding: var(--bosluk-4) var(--bosluk-5);
  font-size: var(--punto-yardimci); color: var(--soluk); line-height: 1.6;
}
.r-ic-not p { margin: 0 0 var(--bosluk-2); text-align: left; }
.r-ic-not p:last-child { margin: 0; }
.r-ic-not strong { color: var(--parlak); }

/* ---------- GÖVDE: BÖLÜMLER ---------- */
.rapor-govde section.bolum-bas { padding: var(--bosluk-9) 0; border-bottom: 1px solid var(--cizgi); scroll-margin-top: 90px; }
.rapor-govde section.bolum-bas:last-of-type { border-bottom: none; }

.rapor-govde h2.bolum {
  font-family: var(--baslik); font-size: clamp(22px, 3vw, 30px); font-weight: var(--agirlik-kalin);
  line-height: var(--satir-h2); letter-spacing: var(--aralik-h2); color: var(--parlak);
  margin: 0 0 var(--bosluk-5); padding-bottom: var(--bosluk-3); border-bottom: 2px solid var(--vurgu);
  scroll-margin-top: 90px;
}
.rapor-govde h2.bolum .bolum-no { display: inline-block; min-width: 1.4em; color: var(--vurgu); font-weight: var(--agirlik-sayi); }
.rapor-govde h3 {
  font-family: var(--baslik); font-size: 1.15rem; font-weight: var(--agirlik-kalin);
  color: var(--parlak); margin: var(--bosluk-7) 0 var(--bosluk-3); letter-spacing: var(--aralik-h2);
  scroll-margin-top: 90px;
}
.rapor-govde h4 {
  font-family: var(--baslik); font-size: var(--punto-etiket); font-weight: var(--agirlik-kalin);
  color: var(--vurgu-metin); margin: var(--bosluk-5) 0 var(--bosluk-2);
  letter-spacing: var(--aralik-mikro); text-transform: uppercase;
}
.rapor-govde p { margin: 0 0 var(--bosluk-4); line-height: var(--satir-govde); }
.rapor-govde strong { font-weight: var(--agirlik-kalin); color: var(--parlak); }
.rapor-govde a { color: var(--vurgu-metin); text-decoration: underline; text-underline-offset: 2px; }
.rapor-govde a:hover { color: var(--vurgu); }
.rapor-govde .giris-cumle { font-size: var(--punto-vurgulu); color: var(--soluk); line-height: 1.5; margin-bottom: var(--bosluk-5); }

/* ---------- TABLO ---------- */
.r-tablo-kaydir { overflow-x: auto; margin: var(--bosluk-3) 0 var(--bosluk-5); -webkit-overflow-scrolling: touch; }
.rapor-govde table { width: 100%; min-width: 480px; border-collapse: collapse; margin: 0; font-size: var(--punto-etiket); font-variant-numeric: tabular-nums; }
.rapor-govde caption { caption-side: top; text-align: left; font-size: var(--punto-mikro); font-weight: var(--agirlik-orta); letter-spacing: var(--aralik-mikro); text-transform: uppercase; color: var(--kucukgri-metin); padding-bottom: var(--bosluk-2); }
.rapor-govde th { font-weight: var(--agirlik-orta); font-size: 11px; letter-spacing: var(--aralik-mikro); text-transform: uppercase; color: var(--soluk); text-align: left; border-bottom: 1.4px solid var(--cizgi-koyu); padding: var(--bosluk-2) var(--bosluk-2); vertical-align: bottom; white-space: nowrap; }
.rapor-govde td { padding: var(--bosluk-2); border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.rapor-govde tbody tr:nth-child(even) td { background: var(--zemin3); }
.rapor-govde .sag { text-align: right; }
.rapor-govde tr.one-cikan td { background: var(--vurgu-zemin) !important; color: var(--parlak); font-weight: var(--agirlik-kalin); }
.rapor-govde tr.one-cikan td:first-child { box-shadow: inset 2px 0 0 var(--vurgu); }
.rapor-govde tfoot td { border-bottom: none; font-size: var(--punto-mikro); color: var(--kucukgri-metin); padding-top: var(--bosluk-2); }
.rapor-govde table.hakem { font-size: 12px; }
.rapor-govde table.hakem td, .rapor-govde table.hakem th { padding: 6px 7px; }
.rapor-govde .kod { font-family: var(--kod); font-size: 11px; letter-spacing: 0; }

/* ---------- KUTULAR ---------- */
.rapor-govde .vurgu-kutu { background: var(--vurgu-zemin); border: 1px solid var(--vurgu-cizgi); border-left: 3px solid var(--vurgu); border-radius: var(--yaricap); padding: var(--bosluk-4) var(--bosluk-5); margin: var(--bosluk-5) 0; }
.rapor-govde .vurgu-kutu h4 { margin-top: 0; color: var(--vurgu); }
.rapor-govde .vurgu-kutu p:last-child { margin-bottom: 0; }
.rapor-govde .notr-kutu { background: var(--zemin3); border: 1px solid var(--cizgi); border-left: 3px solid var(--kucukgri); border-radius: var(--yaricap); padding: var(--bosluk-4) var(--bosluk-5); margin: var(--bosluk-5) 0; }
.rapor-govde .notr-kutu h4 { margin-top: 0; color: var(--soluk); }
.rapor-govde .notr-kutu p:last-child { margin-bottom: 0; }

.rapor-govde .kazanim-liste { list-style: none; margin: 0; padding: 0; }
.rapor-govde .kazanim-liste li { display: flex; flex-wrap: wrap; gap: var(--bosluk-3); align-items: baseline; padding: var(--bosluk-3) 0; border-bottom: 1px solid var(--vurgu-cizgi); font-size: var(--punto-yardimci); line-height: 1.5; }
.rapor-govde .kazanim-liste li:last-child { border-bottom: none; padding-bottom: 0; }
.rapor-govde .kazanim-ad { flex: 0 0 auto; min-width: 9ch; font-weight: var(--agirlik-kalin); color: var(--vurgu); font-size: var(--punto-mikro); letter-spacing: var(--aralik-mikro); text-transform: uppercase; }
.rapor-govde .kazanim-metin { flex: 1 1 260px; }
.rapor-govde .kazanim-metin b { color: var(--parlak); font-weight: var(--agirlik-kalin); }

/* ---------- METRİK ŞERİDİ ---------- */
.rapor-govde .serit { display: flex; flex-wrap: wrap; gap: var(--bosluk-3); margin: var(--bosluk-3) 0 var(--bosluk-5); }
.rapor-govde .serit-kutu { flex: 1 1 130px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: var(--bosluk-3); background: var(--zemin2); }
.rapor-govde .serit-sayi { display: block; font-family: var(--baslik); font-weight: var(--agirlik-sayi); font-size: 1.4rem; line-height: var(--satir-sayi); letter-spacing: var(--aralik-sayi); color: var(--vurgu); }
.rapor-govde .serit-ad { display: block; margin-top: var(--bosluk-2); font-size: var(--punto-mikro); color: var(--soluk); line-height: 1.35; }

/* ---------- GRAFİK ---------- */
.rapor-govde figure.grafik { margin: var(--bosluk-4) 0 var(--bosluk-6); padding: var(--bosluk-4); border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--zemin2); }
.rapor-govde figure.grafik svg { width: 100%; height: auto; display: block; }
.rapor-govde figure.grafik figcaption { font-size: var(--punto-mikro); color: var(--soluk); line-height: 1.5; margin-top: var(--bosluk-3); padding-top: var(--bosluk-2); border-top: 1px solid var(--cizgi); text-align: left; }
.rapor-govde figure.grafik figcaption b { display: block; color: var(--parlak); font-size: var(--punto-etiket); font-weight: var(--agirlik-kalin); margin-bottom: var(--bosluk-1); letter-spacing: var(--aralik-mikro); text-transform: uppercase; }
.g-etiket { font-family: var(--govde); font-size: 12px; fill: var(--metin); }
.g-etiket-kucuk { font-family: var(--govde); font-size: 10.5px; fill: var(--metin); }
.g-etiket-vurgu { font-family: var(--govde); font-size: 12px; font-weight: 600; fill: var(--parlak); }
.g-deger { font-family: var(--govde); font-size: 11.5px; font-weight: 600; fill: var(--soluk); }
.g-deger-vurgu { font-family: var(--govde); font-size: 12.5px; font-weight: 700; fill: var(--vurgu); }
.g-eksen { font-family: var(--govde); font-size: 10.5px; fill: var(--kucukgri); }
.g-cizgi { stroke: var(--cizgi); stroke-width: 1; }
.g-taban { stroke: var(--cizgi-koyu); stroke-width: 1; }
.g-cubuk { fill: var(--kucukgri); }
.g-cubuk-vurgu { fill: var(--vurgu); }
.g-ray { fill: var(--zemin3); }

.rapor-govde .son-soz { margin-top: var(--bosluk-5); padding: var(--bosluk-5); background: var(--vurgu-zemin); border-radius: var(--yaricap); border-left: 3px solid var(--vurgu); font-size: var(--punto-vurgulu); line-height: 1.5; color: var(--parlak); }
.rapor-govde .son-soz p { margin: 0; }

/* ---------- KANIT EKİ ---------- */
.r-kanit-ust { padding: var(--bosluk-7) 0 var(--bosluk-4); }
.r-geri-don { display: inline-flex; align-items: center; gap: var(--bosluk-2); font-size: var(--punto-etiket); color: var(--soluk); text-decoration: none; }
.r-geri-don:hover { color: var(--vurgu-metin); }
.rapor-govde .kanit-kapak { padding: 0 0 var(--bosluk-5); border-bottom: 2px solid var(--vurgu); margin-bottom: var(--bosluk-6); }
.rapor-govde .kanit-kapak .r-logo-satir { margin-bottom: var(--bosluk-5); }
.rapor-govde .kanit-kapak h1 { font-family: var(--baslik); font-size: clamp(22px, 3.4vw, 32px); font-weight: var(--agirlik-kalin); line-height: 1.15; letter-spacing: var(--aralik-h1); color: var(--parlak); margin: 0 0 var(--bosluk-3); }
.rapor-govde .kanit-kapak p { font-size: var(--punto-yardimci); color: var(--soluk); margin: 0; max-width: 68ch; }
.rapor-govde .ozet-serit { display: flex; flex-wrap: wrap; gap: var(--bosluk-3); margin: 0 0 var(--bosluk-6); }
.rapor-govde .ozet-serit div { flex: 1 1 160px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: var(--bosluk-3) var(--bosluk-4); background: var(--zemin2); }
.rapor-govde .ozet-serit b { display: block; font-family: var(--baslik); font-weight: var(--agirlik-sayi); font-size: 1.15rem; color: var(--vurgu); letter-spacing: var(--aralik-sayi); }
.rapor-govde .ozet-serit span { display: block; margin-top: var(--bosluk-2); font-size: var(--punto-mikro); color: var(--soluk); line-height: 1.35; }
.rapor-govde section.gorev { margin: 0 0 var(--bosluk-5); }
.rapor-govde section.gorev h3 { font-family: var(--kod); font-size: var(--punto-etiket); font-weight: var(--agirlik-kalin); color: var(--vurgu-metin); margin: var(--bosluk-6) 0 var(--bosluk-2); letter-spacing: var(--aralik-sik); padding-bottom: var(--bosluk-2); border-bottom: 1px solid var(--cizgi); }
.rapor-govde p.hakem-ozet { font-size: var(--punto-mikro); color: var(--soluk); margin: 0 0 var(--bosluk-2); }
.rapor-govde p.hakem-ozet b { color: var(--parlak); }
.rapor-govde pre.yama { background: var(--zemin3); border: 1px solid var(--cizgi); border-radius: var(--yaricap-kontrol); padding: var(--bosluk-3); font-family: var(--kod); font-size: 11.5px; line-height: 1.5; color: var(--metin); white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; overflow-x: auto; }

@media (max-width: 700px) {
  .r-mansett, .rapor-govde .serit, .rapor-govde .ozet-serit { flex-direction: column; }
  .r-kunye { flex-direction: column; align-items: flex-start; }
  .r-kunye-sag { text-align: left; }
  .rapor-govde .kazanim-ad { min-width: 0; }
}