/* Sayı tipografisi (sürüm 5.1).
   Sonuç, tablo, girdi ve çizim sayıları eş genişlikli (tabular) rakamlı, yumuşak bir yazı tipiyle gösterilir.
   Önceki sürümlerde kullanılan sabit genişlikli (daktilo) yazı tipi ve kalın ağırlıklar okunurluğu düşürüyordu.
   Bu dosya diğer stil dosyalarından sonra, print.css'ten önce yüklenir. */

:root {
  --font-num: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
  --num-feat: "tnum" 1, "lnum" 1, "case" 1;
  --num-ink: #1a2230;
  --num-soft: #5a6372;
}
:root[data-theme="dark"] { --num-ink: #eef1f6; --num-soft: #a9b1bd; }

/* Tüm sayısal öğeler: eş genişlikli rakamlar, kaba olmayan ağırlık */
.kpi b, .stat b, .tile b, .kv dd, td, th, .num input, .num select, .bar-row b, .sf, .ss, .anim-info, .vz-zoom,
.us-eq, .hdr-chip, .stage-table input, .std-conv input, .std-conv select, .lbl-sub, .vz-t, .caption, .check p {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: var(--num-feat);
}

/* ---- Özet kutuları (üstteki dört değer) ---- */
.kpi, .stat {
  padding: 12px 14px 13px;
  border-radius: 10px;
  border-left-width: 3px;
  background: var(--surface);
}
.kpi span, .stat span {
  display: block;
  font: 500 13.5px/1.3 var(--font-body);
  color: var(--num-soft);
  letter-spacing: 0.01em;
}
.kpi b, .stat b {
  display: block;
  margin-top: 5px;
  font: 600 23px/1.2 var(--font-num);
  letter-spacing: -0.012em;
  color: var(--num-ink);
}
.tile b { font: 600 22px/1.2 var(--font-num); letter-spacing: -0.01em; color: var(--num-ink); }
.tile span { font-weight: 500; color: var(--num-soft); }

/* ---- Sonuç listesi (ad – değer satırları) ---- */
.kv div { padding: 9px 2px; align-items: baseline; }
.kv div:nth-child(even) { background: color-mix(in srgb, var(--surface2) 70%, transparent); }
.kv dt { font: 450 15.5px/1.4 var(--font-body); color: var(--num-soft); }
.kv dd { font: 600 16.5px/1.4 var(--font-num); color: var(--num-ink); letter-spacing: 0; }
.kv dd .us-eq, .kpi .us-eq, .stat .us-eq { font: 500 12.5px/1.35 var(--font-num); color: var(--num-soft); margin-top: 2px; }

/* ---- Tablolar ---- */
td { font-family: var(--font-num); font-weight: 500; font-size: 16px; color: var(--num-ink); }
th { font-weight: 600; }
th:first-child, td:first-child { font-weight: 600; }
.ftab td { font-weight: 450; }
.ftab td:nth-child(2) { font: 500 17px/1.75 var(--font-num); letter-spacing: 0.005em; color: var(--num-ink); }
.ftab.std td, .ftab.std td:nth-child(2), .ftab.tork td, .ftab.tork td:nth-child(2) { font-family: var(--font-num); font-weight: 450; font-size: 16px; }
.ftab td:nth-child(2) code, .ftab td code { font-family: var(--font-num); }

/* ---- Girdi kutuları ---- */
.num input, .num select { font: 600 16.5px/1 var(--font-num); color: var(--num-ink); letter-spacing: 0; }
.num span { font-weight: 500; color: var(--num-soft); }
.stage-table input { font-family: var(--font-num); font-weight: 500; }

/* ---- Hesap adımları ---- */
.sf { font: 500 17.5px/1.6 var(--font-num); color: var(--num-ink); letter-spacing: 0.005em; }
.ss { font: 400 16px/1.8 var(--font-num); color: var(--num-soft); }
.ss b { font-weight: 650; color: var(--num-ink); }

/* ---- Kullanım çubukları, kontrol metinleri, küçük sayılar ---- */
.bar-row b { font: 600 15px var(--font-num); color: var(--num-ink); }
.bar-row span { font-weight: 600; color: var(--ink); }
.anim-info { font: 600 15.5px/1.3 var(--font-num); }
.vz-zoom { font: 600 14px var(--font-num); }
.hdr-chip { font-family: var(--font-body); font-weight: 700; letter-spacing: 0.06em; }
.fold > summary::after { font-family: var(--font-body); font-weight: 500; }

/* ---- Canlı model yazıları: değer kutusundaki sayılar ---- */
.vz-t.vz-m { font-family: var(--font-num); font-weight: 650; }
.lbl-sub { font-family: var(--font-num); }

@media (max-width: 560px) {
  .kpi b, .stat b { font-size: 20px; }
  .kv dd { font-size: 16px; }
}