/* MOBILE — prevent accidental horizontal page drift */
@media (max-width: 720px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
  }

  body,
  main,
  .editorial-section,
  .news-section,
  .telegram-break,
  .site-footer {
    max-width: 100%;
  }

  .feature-story,
  .story-pair,
  .story-card,
  .chapter-head {
    min-width: 0;
  }

  img,
  svg,
  video {
    max-width: 100%;
  }
}


/* FINAL ARTICLE MOBILE FIXES */

@media (max-width: 720px) {

  .article-image-pin-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .article-image-pin-shell > img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
  }

}

@media (pointer: coarse) {

  .menu-panel__close:focus-visible {
    outline: none;
  }

}