/* ================================================================
   customcss/post-37147.css — Eğitimde Eşitsizliğin Azaltılması
   Projesi (ARISE) (projeler)
   ----------------------------------------------------------------
   inc/custom-css.php bu dosyayı yalnızca bu projede, customcss/
   type-projeler.css'ten SONRA yükler; Elementor düzenleyici
   önizlemesinde de yüklenir. Sütun hizası ve aralığı ortak kuralda
   (type-projeler.css → Sütunlar); burada yalnızca bu sayfanın düzeni:

   1) Rapor kartları (d15cf92) — iki rapor yan yana 384px'lik
      sütunlarda; 350×499'luk kapak sütunu dolduruyor, dar ekranda
      600px'lik bir görsele büyüyordu. Her rapor yayınlardaki açılış
      kartının dili olur: solda 160px kapak, sağda başlık, düğme ve
      künye; raporlar alt alta.
   2) "Öğretmen Politikaları" (edfaefc) ve "Okul Temelli
      Politikalar" (7a6b51a) — bölüm başlığı sütunun içinde kalmış:
      sayfadaki öbür H2'lerden (22–28px) küçük (18px) ve yanındaki
      metin başlıkla aynı hizadan başlıyordu. Başlık iki sütunun
      üstüne çıkar, bölüm başlığı ölçüsünü alır.
   Bulgulara giriş cümlesi (acc942b) H2 olarak girilmiş; giriş
   paragrafı görünümüne alınır.
   3) "İlgili Çalışmalar" — başlık önceki bantta (305f87b) kalmış,
      kapakları (9b1e486) bölüm aralığıyla ondan kopuk. Kapaklar dar
      ekranda da üçlü kalır (her biri 300px'lik bir görsele
      büyüyordu).
   ================================================================ */

/* ----------------------------------------------------------------
   1) Rapor kartları — kapak + metin satırı, alt alta
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-d15cf92 > .e-con-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
  padding-block: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d3836ef, .elementor-element-947bc46) {
  --width: auto;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  column-gap: 32px;
  row-gap: 14px;
  align-content: start;
  align-items: start;
  width: auto;
  padding: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d3836ef, .elementor-element-947bc46) > .elementor-widget {
  grid-column: 2;
  width: auto;
  max-width: none;
  margin: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d3836ef, .elementor-element-947bc46) > .elementor-widget-image {
  grid-column: 1;
  grid-row: 1 / span 3;
}
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d3836ef, .elementor-element-947bc46) > .elementor-widget-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--r-md);
  box-shadow: 0 0 0 1px var(--rule);
}
/* Künye ("Bu yayına şu şekilde referans veriniz…") ikincil bilgi. */
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-77c5ca4, .elementor-element-b19a34a) {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}

/* ----------------------------------------------------------------
   2) Başlığı sütun içinde kalmış bölümler — başlık üstte, eşit ölçü
   ----------------------------------------------------------------
   Sütun kapsayıcıları `display: contents` ile açılır; bileşenler
   satırın ızgarasına yerleşir.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor :is(.elementor-element-edfaefc, .elementor-element-7a6b51a).elementor-element > .e-con-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 40px;
  align-items: start;
  padding-block: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-713ec31, .elementor-element-5c488d8, .elementor-element-4d26f24, .elementor-element-a9f7f30) { display: contents; }
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-14c38b2, .elementor-element-ad2c433) { grid-column: 1 / -1; margin: 0; }
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-14c38b2, .elementor-element-ad2c433) .elementor-heading-title {
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.3;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-d99569e { grid-column: 1; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-2c1f7fa { grid-column: 2; }
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-b646173, .elementor-element-70d3907) { grid-column: 1; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-809cfcc { grid-column: 2; grid-row: 2 / span 2; }
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d99569e, .elementor-element-809cfcc) { margin: 0; }
.erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d99569e, .elementor-element-809cfcc) img {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Bulgulara giriş cümlesi ("Türkiye için hazırlanan ulusal rapor ve politika
 * notunda öne çıkan üç sorun…") H2 olarak girilmiş; hemen ardından gelen
 * "1. Akademik başarıda bölgesel farklar" ile aynı ağırlıkta, üç satırlık bir
 * başlık gibi duruyordu. Etiket aynı kalır, görünüm giriş paragrafı olur.
 */
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-acc942b .elementor-heading-title {
  font-family: var(--ff-sans);
  font-size: clamp(18px, 2vw, 21px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

/* ----------------------------------------------------------------
   3) "İlgili Çalışmalar" — kapaklar başlığına yaklaşır, üçlü kalır
   ---------------------------------------------------------------- */

.erg-section .post-layout > .erg-content--elementor > .elementor > .elementor-element.elementor-element-9b1e486 { margin-top: calc(16px - var(--erg-band-space, 48px)); }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-9b1e486 > .e-con-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding-block: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-9b1e486 > .e-con-inner > .e-con {
  --width: auto;
  width: auto;
  padding: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-9b1e486 .elementor-widget-image { text-align: start; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-9b1e486 .elementor-widget-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--r-md);
  box-shadow: 0 0 0 1px var(--rule);
}

/* ----------------------------------------------------------------
   Dar ekranlar
   ---------------------------------------------------------------- */

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor :is(.elementor-element-edfaefc, .elementor-element-7a6b51a).elementor-element > .e-con-inner { grid-template-columns: minmax(0, 1fr); }
  .erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d99569e, .elementor-element-2c1f7fa, .elementor-element-b646173, .elementor-element-70d3907, .elementor-element-809cfcc) { grid-column: 1; grid-row: auto; }
  .erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-9b1e486 > .e-con-inner { gap: 12px; }
}

@media (max-width: 600px) {
  .erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d3836ef, .elementor-element-947bc46) { grid-template-columns: 110px minmax(0, 1fr); column-gap: 20px; }
  .erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-d3836ef, .elementor-element-947bc46) > .elementor-widget-image { grid-row: 1 / span 2; }
  .erg-section:not(#_) .erg-content--elementor > .elementor :is(.elementor-element-77c5ca4, .elementor-element-b19a34a) { grid-column: 1 / -1; }
}