/*
 * İlkokul Dijital A4 Player v1.29.65.1
 * Tekil etkinlik künyesi — Öğrenme Çıktısı + Süreç Bileşenleri devam alanı.
 * Tam genişlik / tek sütun. Player, yazdırma ve kumanda kapsam dışıdır.
 */
.ild-a4-material-curriculum-facts{
  width:100%;
  margin-top:10px;
  border:1px solid #d7e5ef;
  border-radius:13px;
  background:rgba(255,255,255,.74);
  overflow:hidden;
  box-sizing:border-box;
}
.ild-a4-material-curriculum-fact{
  min-width:0;
  padding:11px 13px;
}
.ild-a4-material-curriculum-fact + .ild-a4-material-curriculum-fact{
  border-top:1px solid #e1ebf3;
}
.ild-a4-material-curriculum-label{
  display:block;
  margin:0 0 5px;
  color:#71869a;
  font-size:11px;
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ild-a4-material-curriculum-value{
  display:block;
  color:#173a5d;
  font-size:14px;
  line-height:1.42;
  font-weight:900;
  overflow-wrap:anywhere;
}
.ild-a4-material-process-components{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
}
.ild-a4-material-process-component{
  display:flex;
  align-items:flex-start;
  gap:7px;
  min-width:0;
  color:#263b53;
  font-size:13.5px;
  line-height:1.45;
  font-weight:800;
}
.ild-a4-material-process-component b{
  flex:0 0 auto;
  color:#155bbb;
  font-weight:950;
}
.ild-a4-material-process-component span{
  min-width:0;
  overflow-wrap:anywhere;
}
html[data-bs-theme="dark"] .ild-a4-material-curriculum-facts,
body.dark-mode .ild-a4-material-curriculum-facts,
body.theme-dark .ild-a4-material-curriculum-facts{
  background:#17243a;
  border-color:#324761;
}
html[data-bs-theme="dark"] .ild-a4-material-curriculum-fact + .ild-a4-material-curriculum-fact,
body.dark-mode .ild-a4-material-curriculum-fact + .ild-a4-material-curriculum-fact,
body.theme-dark .ild-a4-material-curriculum-fact + .ild-a4-material-curriculum-fact{
  border-top-color:#324761;
}
html[data-bs-theme="dark"] .ild-a4-material-curriculum-value,
html[data-bs-theme="dark"] .ild-a4-material-process-component,
body.dark-mode .ild-a4-material-curriculum-value,
body.dark-mode .ild-a4-material-process-component,
body.theme-dark .ild-a4-material-curriculum-value,
body.theme-dark .ild-a4-material-process-component{
  color:#eef6ff;
}
html[data-bs-theme="dark"] .ild-a4-material-process-component b,
body.dark-mode .ild-a4-material-process-component b,
body.theme-dark .ild-a4-material-process-component b{
  color:#8fd3ff;
}
@media(max-width:560px){
  .ild-a4-material-curriculum-facts{margin-top:9px}
  .ild-a4-material-curriculum-fact{padding:10px 12px}
  .ild-a4-material-curriculum-value{font-size:13.5px;line-height:1.4}
  .ild-a4-material-process-component{font-size:13px;line-height:1.45}
}
/* v1.29.65.10 — Mobil tekil etkinlik sayfası:
 * Süreç bileşenleri metinlerini sola hizala.
 * Öğrenme çıktısı, masaüstü, player, yazdırma ve kumanda kapsam dışıdır.
 */
@media(max-width:560px){
  .ild-a4-material-curriculum-fact.is-components .ild-a4-material-process-components{
    width:100%;
    justify-items:stretch;
    text-align:left!important;
  }
  .ild-a4-material-curriculum-fact.is-components .ild-a4-material-process-component{
    width:100%;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .ild-a4-material-curriculum-fact.is-components .ild-a4-material-process-component b,
  .ild-a4-material-curriculum-fact.is-components .ild-a4-material-process-component span{
    text-align:left!important;
  }
}
/* v1.29.65.11 — Mobil tekil etkinlik sayfası:
 * Öğrenme Çıktısı başlığı ve metni de sola hizalanır.
 * Süreç Bileşenleri için v1.29.65.10 davranışı korunur.
 */
@media(max-width:560px){
  .ild-a4-material-curriculum-fact.is-outcome{
    text-align:left!important;
  }
  .ild-a4-material-curriculum-fact.is-outcome .ild-a4-material-curriculum-label,
  .ild-a4-material-curriculum-fact.is-outcome .ild-a4-material-curriculum-value{
    width:100%;
    text-align:left!important;
  }
}