/* ============================================================
   VG — "Sonuçlarımız" (anasayfa gömülü) — rakamlar + ülke
   bazında partner üniversite bar grafiği. .vg-sonuc altına
   SCOPE'lu. Bar'lar CANLI veriden (sonuc.js) üretilir.
   ============================================================ */
.vg-sonuc{ --font-accent:'Playfair Display',Georgia,serif; --navy:#005A9E; --blue:#0078D7; --accent:#1E8FE6; --muted:#64748b; --ink:#1a2436; --brand:#0078D7;
  background:linear-gradient(180deg,#ffffff,#eaf2fb); padding:clamp(58px,9vh,116px) 0; }
.vg-sonuc .sonuc-grid{ width:min(1180px,92vw); margin-inline:auto; display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(30px,5vw,72px); align-items:center; }
.vg-sonuc .sonuc-head h2{ font-family:var(--font-accent); font-weight:600; font-size:clamp(2rem,3.6vw,3rem); color:var(--navy); margin:0 0 14px; }
.vg-sonuc .sonuc-head > p{ color:var(--muted); font-size:1.05rem; line-height:1.6; margin:0 0 30px; max-width:40ch; }
.vg-sonuc .sonuc-stats{ display:flex; gap:34px 40px; flex-wrap:wrap; }
/* Video-altı metriklerle birebir aynı: Inter, 800, 3.5rem, lacivert + büyükten-sayma animasyonu */
/* tabular-nums + min-width: sayı 0→hedef sayarken kutu büyüyüp satırı itmesin (jiggle fix) */
.vg-sonuc .sstat b{ display:block; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; font-weight:800; font-size:3.5rem; color:var(--navy); line-height:1; margin-bottom:.5rem; font-variant-numeric:tabular-nums; min-width:2.5em; }
.vg-sonuc .sstat span{ display:block; color:var(--muted); font-size:.95rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }
@media (max-width:768px){ .vg-sonuc .sstat b{ font-size:2.5rem; } }
.vg-sonuc .sonuc-bars{ background:#fff; border-radius:22px; padding:clamp(24px,3vw,40px); box-shadow:0 34px 80px -40px rgba(0,64,133,.45); }
.vg-sonuc .bars-kicker{ color:var(--muted); font-size:.76rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin:0 0 24px; }
.vg-sonuc .bar-row{ display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.vg-sonuc .bar-row:last-child{ margin-bottom:0; }
.vg-sonuc .bar-lbl{ width:124px; flex-shrink:0; font-weight:600; font-size:.94rem; color:var(--ink); }
.vg-sonuc .bar-track{ flex:1; height:13px; background:#e7eef7; border-radius:8px; overflow:hidden; }
/* PERF: bar'ı width yerine transform:scaleX ile doldur → GPU compositor, ağır sayfada bile
   pürüzsüz (width animasyonu her karede layout tetikleyip takılıyordu). */
.vg-sonuc .bar-fill{ height:100%; width:100%; border-radius:8px; background:linear-gradient(90deg,var(--navy),var(--blue));
  transform:scaleX(0); transform-origin:left center; transition:transform 1.05s cubic-bezier(.22,1,.36,1); will-change:transform; }
.vg-sonuc .bar-val{ width:34px; flex-shrink:0; text-align:right; font-family:var(--font-accent); font-weight:600; color:var(--brand); font-variant-numeric:tabular-nums; }
@media (max-width:980px){ .vg-sonuc .sonuc-grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){ .vg-sonuc .bar-fill{ transition:none; } }