/* ══ article-detail.mobile.css ══
 * 文章详情页 Mobile 覆写层
 * 通过 <link media="(max-width: 768px)"> 加载
 * PC 文件：css/article-detail.css
 * 铁律 #24：只写需要覆写 PC 的属性，无 @media 包裹
 * ════════════════════════════════════════ */

/* 表格：移动端横向滚动 */
.mkl-article-body .wp-block-table,
.mkl-article-body > table {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 横滑渐变提示 */
.mkl-article-body .wp-block-table {
    position: relative;
}
.mkl-article-body .wp-block-table::after {
    content: '';
    position: sticky;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    background: linear-gradient(to right, transparent, rgba(250,250,250,0.85));
    pointer-events: none;
    flex-shrink: 0;
}


/* 文章容器 L/R padding 收到 16px(PC 24px) */
.mkl-article {
    padding-left: 16px;
    padding-right: 16px;
}