/* Mobile-first readability refinements. */

/* Keep MathJax display equations inside the article on narrow screens. */
.md-typeset .arithmatex {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.md-typeset mjx-container[jax="CHTML"][display="true"] {
  margin: 1em 0;
  padding-block: 0.15rem;
}

@media screen and (max-width: 44.984375em) {
  .md-typeset__table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .md-typeset__table.table-needs-room table {
    min-width: 42rem;
  }

  .md-typeset__table.has-horizontal-overflow::before {
    content: "← 表格可左右滑動查看完整欄位 →";
    display: block;
    position: sticky;
    left: 0;
    width: max-content;
    margin: 0 0 0.45rem;
    padding: 0.2rem 0.55rem;
    border-radius: 0.2rem;
    color: var(--md-default-fg-color--light);
    background: var(--md-code-bg-color);
    font-size: 0.68rem;
    line-height: 1.5;
  }

  .md-typeset h1 {
    line-height: 1.25;
  }

  .md-typeset .grid.cards > ul > li,
  .md-typeset .grid.cards > ol > li {
    padding: 0.9rem;
  }
}
