/*
 * İ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;
  }
}

/* v1.29.65.48 — Haftalık Defter Notu: ders bazlı resmî çıktı ve seçili süreç bileşenleri */
.ild-a4-weekly-note-curriculum{overflow:visible}
.ild-a4-weekly-note-lessons{display:grid;gap:10px;padding:11px 13px;border-top:1px solid #e1ebf3}
.ild-a4-weekly-note-lesson{min-width:0;padding:12px;border:1px solid #d9e7f1;border-radius:11px;background:rgba(248,252,255,.82)}
.ild-a4-weekly-note-lesson h3{margin:0 0 10px;color:#124d78;font-size:15px;line-height:1.25;font-weight:950}
.ild-a4-weekly-note-column+.ild-a4-weekly-note-column{margin-top:11px;padding-top:10px;border-top:1px solid #e4edf4}
.ild-a4-weekly-note-column h4{margin:0 0 7px;color:#71869a;font-size:11px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.ild-a4-weekly-note-outcome,.ild-a4-weekly-note-component{display:flex;align-items:flex-start;gap:7px;margin:6px 0;color:#263b53;font-size:13.5px;line-height:1.45;font-weight:700}
.ild-a4-weekly-note-outcome b,.ild-a4-weekly-note-component b{flex:0 0 auto;color:#155bbb;font-weight:950}
.ild-a4-weekly-note-outcome span,.ild-a4-weekly-note-component span{min-width:0;overflow-wrap:anywhere}
.ild-a4-weekly-note-outcome b+span:before{content:'—';margin:0 6px 0 1px;color:#8ca0b2}
.ild-a4-weekly-note-empty{margin:5px 0;color:#71869a;font-size:13px;line-height:1.4;font-style:italic}
html[data-bs-theme="dark"] .ild-a4-weekly-note-lessons,body.dark-mode .ild-a4-weekly-note-lessons,body.theme-dark .ild-a4-weekly-note-lessons{border-top-color:#324761}
html[data-bs-theme="dark"] .ild-a4-weekly-note-lesson,body.dark-mode .ild-a4-weekly-note-lesson,body.theme-dark .ild-a4-weekly-note-lesson{background:#17243a;border-color:#324761}
html[data-bs-theme="dark"] .ild-a4-weekly-note-column+.ild-a4-weekly-note-column,body.dark-mode .ild-a4-weekly-note-column+.ild-a4-weekly-note-column,body.theme-dark .ild-a4-weekly-note-column+.ild-a4-weekly-note-column{border-top-color:#324761}
html[data-bs-theme="dark"] .ild-a4-weekly-note-lesson h3,body.dark-mode .ild-a4-weekly-note-lesson h3,body.theme-dark .ild-a4-weekly-note-lesson h3{color:#8fd3ff}
html[data-bs-theme="dark"] .ild-a4-weekly-note-outcome,html[data-bs-theme="dark"] .ild-a4-weekly-note-component,body.dark-mode .ild-a4-weekly-note-outcome,body.dark-mode .ild-a4-weekly-note-component,body.theme-dark .ild-a4-weekly-note-outcome,body.theme-dark .ild-a4-weekly-note-component{color:#eef6ff}
@media(max-width:560px){.ild-a4-weekly-note-lessons{padding:10px 11px}.ild-a4-weekly-note-lesson{padding:10px}.ild-a4-weekly-note-outcome,.ild-a4-weekly-note-component{font-size:13px;text-align:left}}