/* Artikel Suite 5.1.1 - Mobile-first reading layout; desktop deliberately unchanged. */
@media screen and (max-width: 767px) {
  /* Deel dit artikel verschijnt nu na de volledige artikeltekst.
     De knoppen blijven compact op een telefoon. */
  body.ea-article-20 .ea-a20-share {
    display: flex !important;
    position: static !important;
    margin: 24px 0 16px !important;
    padding: 14px 0 !important;
    border-top: 1px solid #dfe5ea !important;
    border-bottom: 1px solid #dfe5ea !important;
  }
  body.ea-article-20 .ea-a20-share__actions { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.ea-article-20 .ea-a20-share__button { min-height: 38px !important; padding: 9px 7px !important; font-size: 12px !important; }

  /* Keep the optional reading controls and theme share buttons touch-friendly,
     but avoid oversized buttons occupying several rows where Jannah uses these classes. */
  body.single-post .share-buttons a,
  body.single-post .share-buttons button,
  body.single-post .post-share a,
  body.single-post .post-share button {
    font-size: 12px !important;
    line-height: 1.3 !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
  }
  body.single-post .share-buttons,
  body.single-post .post-share { gap: 6px !important; margin-top: 10px !important; margin-bottom: 12px !important; }

  /* Keep the editorial byline and metadata ABOVE the story on mobile. */
  body.ea-article-20 .ea-a30-story-meta,
  body.ea-article-20 .ea-a30-google-preferred { margin: 16px 0 !important; }
  body.ea-article-20 .ea-a30-story-meta { padding: 12px !important; border-radius: 12px !important; }
  body.ea-article-20 .ea-a30-byline__avatars img { width: 30px !important; height: 30px !important; }
  body.ea-article-20 .ea-a30-google-preferred .ea-google-source { padding: 12px !important; }
  body.ea-article-20 .ea-a30-google-preferred .ea-google-source a { max-width: 100%; white-space: normal !important; }
  body.ea-article-20 .ea-a20-meta__main { gap: 6px !important; }
}