/* Keep grid tracks and charts within a narrow journal-detail viewport. */
@media (max-width: 767px) {
  #app > .grid { grid-template-columns: minmax(0, 1fr); }
  #app main { min-width: 0; overflow-wrap: anywhere; }
  #app main .container { max-width: 100%; }
  #app main .px-16 { padding-left: 1rem; padding-right: 1rem; }
  #app main .pl-16 { padding-left: 1rem; }
  #app main .flex.gap-8.px-16 { flex-direction: column; }
  #journalDetail-metadata .flex { min-width: 0; flex-wrap: wrap; }
  #journalDetail-publications-by-year,
  #journalDetail-open-acess { width: 100%; min-width: 0; }
  #journalDetail-open-acess .flex { flex-wrap: wrap; }
  #journalDetail-fields-of-research .mb-8.flex { flex-direction: column; }
  #journalDetail-fields-of-research .ml-2 {
    margin-left: 0; margin-top: 1rem; width: 100%; min-width: 0;
  }
  #journalDetail-international-collaboration .grid.gap-10 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #journalDetail-international-collaboration .isolate.grid {
    width: 100%; min-width: 0;
  }
  #journalDetail-metadata .whitespace-nowrap { white-space: normal; }
  #app main canvas { max-width: 100%; }
}