/* Final mobile overflow hardening. Keeps desktop design unchanged. */
@media (max-width: 650px) {
  html, body { max-width: 100%; overflow-x: clip; }
  body.jrnp-blog-article-polished .nav.jrnp-green-nav {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  body.jrnp-blog-article-polished .nav.jrnp-green-nav > a,
  body.jrnp-blog-article-polished .nav.jrnp-green-nav img {
    min-width: 0 !important;
    max-width: min(170px, 58vw) !important;
    height: auto !important;
  }
  body.jrnp-blog-article-polished .nav.jrnp-green-nav .nav-links {
    display: none !important;
  }
  body.jrnp-blog-article-polished .guide,
  body.jrnp-blog-article-polished .wrap,
  body.jrnp-blog-article-polished .narrow,
  body.jrnp-blog-article-polished main,
  body.jrnp-blog-article-polished header,
  body.jrnp-blog-article-polished section,
  body.jrnp-blog-article-polished article,
  body.jrnp-blog-article-polished .grid,
  body.jrnp-blog-article-polished .card,
  body.jrnp-blog-article-polished .note {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.jrnp-blog-article-polished .guide {
    width: calc(100% - 32px) !important;
    padding-top: 44px !important;
  }
  body.jrnp-blog-article-polished .grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.jrnp-blog-article-polished h1,
  body.jrnp-blog-article-polished h2,
  body.jrnp-blog-article-polished h3,
  body.jrnp-blog-article-polished p,
  body.jrnp-blog-article-polished a,
  body.jrnp-blog-article-polished li,
  body.jrnp-blog-article-polished strong,
  body.jrnp-blog-article-polished span {
    overflow-wrap: anywhere;
    word-break: normal;
    min-width: 0;
  }
  body.jrnp-blog-article-polished img,
  body.jrnp-blog-article-polished iframe,
  body.jrnp-blog-article-polished video,
  body.jrnp-blog-article-polished table {
    max-width: 100% !important;
  }
}