/*
 * İlkokul Dijital A4 Player v1.29.23
 * Mobil etkinlik künyesi — uzun Konu/Ders alanlarının komşu kartları gereksiz
 * büyütmesini engelleyen dengeli yerleşim. Masaüstüne dokunmaz.
 */
@media (max-width:560px){
  .ild-a4-material-facts.is-activity-style{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    align-items:start;
  }

  /* Hafta bulunan normal etkinliklerde:
     Sınıf + Hafta / Ders / Konu / Dosya + Kod(Yayın) */
  .ild-a4-material-facts.is-activity-style:has(> .is-week){
    grid-template-areas:
      "grade week"
      "lesson lesson"
      "topic topic"
      "code file";
  }
  .ild-a4-material-facts.is-activity-style:has(> .is-week) > .is-grade{grid-area:grade}
  .ild-a4-material-facts.is-activity-style:has(> .is-week) > .is-week{grid-area:week}
  .ild-a4-material-facts.is-activity-style:has(> .is-week) > .is-lesson{grid-area:lesson}
  .ild-a4-material-facts.is-activity-style:has(> .is-week) > .is-topic{grid-area:topic}
  .ild-a4-material-facts.is-activity-style:has(> .is-week) > .is-file{grid-area:file}
  .ild-a4-material-facts.is-activity-style:has(> .is-week) > :is(.is-code,.is-published){grid-area:code}

  /* Hafta bulunmayan etkinliklerde boş hücre oluşmasın:
     Sınıf + Kod(Yayın) / Ders / Konu / Dosya */
  .ild-a4-material-facts.is-activity-style:not(:has(> .is-week)){
    grid-template-areas:
      "grade code"
      "lesson lesson"
      "topic topic"
      "file file";
  }
  .ild-a4-material-facts.is-activity-style:not(:has(> .is-week)) > .is-grade{grid-area:grade}
  .ild-a4-material-facts.is-activity-style:not(:has(> .is-week)) > .is-lesson{grid-area:lesson}
  .ild-a4-material-facts.is-activity-style:not(:has(> .is-week)) > .is-topic{grid-area:topic}
  .ild-a4-material-facts.is-activity-style:not(:has(> .is-week)) > .is-file{grid-area:file}
  .ild-a4-material-facts.is-activity-style:not(:has(> .is-week)) > :is(.is-code,.is-published){grid-area:code}

  .ild-a4-material-facts.is-activity-style > div{
    align-self:start;
    min-height:0;
  }

  /* Tam genişlikteki değişken metinler daha ferah ama kompakt kalsın. */
  .ild-a4-material-facts.is-activity-style > :is(.is-lesson,.is-topic){
    padding-top:10px;
    padding-bottom:10px;
  }
  .ild-a4-material-facts.is-activity-style > .is-topic dd{
    line-height:1.34;
  }
}