/* Keep long code and tables inside the article, without changing their text. */
.right,
.right_container,
.right_post,
.wznrys {
  min-width: 0;
}
.wznrys pre {
  max-width: 100%;
  overflow-x: auto;
}
.wznrys pre code.hljs {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.wznrys > table,
.wznrys .wp-block-table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.wznrys p,
.right_post h1 {
  overflow-wrap: anywhere;
}
:where(a, button, input):focus-visible {
  outline: 2px solid var(--bs-main);
  outline-offset: 3px;
}
/* The existing mobile sidebar opens below the toolbar, not outside the viewport. */
@media (max-width: 768px) {
  .right {
    left: 0;
    width: 100%;
  }
  .left {
    top: 52px;
    width: min(380px, 100%);
    height: calc(100vh - 52px);
    z-index: 3;
  }
  .left_nav {
    height: calc(100vh - 230px);
  }
}