/* ******************************************************************************
CUSTOM STYLES

Add your custom CSS styles here to override or extend the default styles.
*******************************************************************************/
.svg-wrapper-box {
    width: 55%;           /* 匹配 Tufte 正文宽度 */
    margin-left: 0;       /* 或者根据 Tufte 实际偏移设置，通常 0 即可，因为它在流中 */
    display: block;
}
.svg-wrapper-box figure[role="math"] {
    /* 画框 */
    border: 1.5px solid #000000;
    padding: 15px;
    /* background: #fff; */
    
    /* 核心：在 55% 的父级空间里居中 */
    width: fit-content !important;
    margin: 0 auto !important; 
    
    /* 限制最大宽度，防止溢出 55% */
    max-width: 100% !important; 
    overflow-x: auto;
}


@media (max-width: 760px) {
    .svg-wrapper-box {
        /* 移动端不再使用 55% 的窄列，占满全屏 */
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px;  /* 侧边留一点空隙，不让边框贴死屏幕 */
        padding-right: 10px;
    }

    .svg-border-box {
        /* 在手机上，框在全屏范围内居中 */
        margin: 0 auto; 
    }
}