/* v169: zabezpieczenia układu na małych ekranach i przy długich wyrazach. */
.article-layout > .article-body,
.article-layout > .toc,
.article-layout > .article-layout__inner,
.article-layout__inner > .article-body,
.article-layout__inner > .toc {
  min-width: 0;
}

.article-body {
  min-width: 0;
  width: 100%;
}

.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-hero h1,
.article-body p,
.article-body li,
.article-body a {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

@media (max-width: 700px) {
  .article-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .article-body,
  .article-layout > .article-body,
  .article-layout__inner > .article-body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .article-body h1,
  .article-body h2,
  .article-body h3,
  .article-body h4,
  .article-hero h1 {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 700px) {
  .article-body table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}