/* ════════════════════════════════════════════════════════════════
   about.html — sayfa özel ince ayar · REDESIGN v2 (AÇIK TEMA)
   Beyaz kartlar + ince gri çerçeve, altın yalnız vurgu.
   Renkler yalnız §0 paleti (türev tonlar variables.css tokenları).
   ════════════════════════════════════════════════════════════════ */

/* ── "О нас" metin devamı (split altındaki paragraf bloğu) ── */
.about-text{
  max-width: 780px;
  margin-top: var(--space-7);
}

.about-text p + p{
  margin-top: var(--space-5);
}

/* ── Misyon & Strateji — .mosaic grafit paneli içeriği (R9.2) ──
   .mosaic çekirdek bileşendir (components.css); burada yalnız
   about'a özgü panel içi tipografi. */
.about-mission-block + .about-mission-block{
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-inv-line);
}

.about-mission-block__title{
  font-size: var(--text-h3);
  font-weight: var(--fw-extrabold);
  color: var(--color-gold-soft);
}

.about-mission-block__text{
  margin-top: var(--space-3);
  font-size: 0.9375rem;
  line-height: var(--leading-normal);
  color: var(--color-inv-text);
}

.about-mission-closing{
  max-width: 780px;
  margin-top: var(--space-6);
  font-weight: var(--fw-medium);
  color: var(--color-graphite);
}

/* ── Sertifika özet kartları — beyaz kart + ince çerçeve (R6) ── */
.about-certs{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.about-cert{
  display: flex;
  align-items: flex-start;
  gap: var(--space-5);
  padding: var(--space-5);
  background: var(--color-white);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
}

.about-cert__img{
  flex: 0 0 auto;
  width: 96px;
  height: auto;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-line);
  background: var(--color-white);
}

.about-cert__title{
  font-size: 1.125rem;
  font-weight: var(--fw-extrabold);
  color: var(--color-graphite);
}

.about-cert__text{
  margin-top: var(--space-2);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
}

/* ── İstatistik kartları — ara genişlikte yetim kart düzeni ──
   core .stat-cards auto-fit ~500–770px aralığında 2 sütuna düşer;
   3. kart tek başına yarım kalmasın diye tam satıra yayılır. */
@media (max-width: 800px) and (min-width: 501px){
  .about-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-stats .stat-card:last-child{
    grid-column: 1 / -1;
  }
}

/* ── Kırılımlar ── */
@media (max-width: 768px){
  .about-certs{
    grid-template-columns: 1fr;
  }

  .about-mission-block + .about-mission-block{
    margin-top: var(--space-5);
    padding-top: var(--space-5);
  }
}

@media (max-width: 480px){
  .about-cert__img{
    width: 72px;
  }
}