/* Infos: maintain readable controls inside the portal header. */
#app_detail .infos-modern-hero .infos-modern-hero-meta strong,
#app_detail .infos-modern-hero .infos-action-button strong,
#app_detail .infos-modern-hero .infos-action-button > span {
  color: #12344d;
}

/* Long headlines and action labels remain readable on narrow phones. */
#app_view .infos-modern-news-panel :is(.infos-newspaper, .infos-newspaper-grid, article, a, h3) {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
#app_view .infos-modern-news-panel .infos-article-body {
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  #app_view .infos-modern-news-panel .infos-article-lead {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 380px) {
  #app_view .infos-modern-hero-actions { grid-template-columns: minmax(0, 1fr) !important; }
  #app_view .infos-modern-hero-actions > span { min-width: 0; width: 100%; }
  #app_view .infos-modern-hero-actions .infos-action-button {
    width: 100%;
    min-width: 0;
    white-space: normal;
    flex-wrap: wrap;
    min-height: 44px;
    height: auto;
    padding-block: 10px;
  }
}