/*
 * Bootstrap 3 fixes the root font size at 10px, while ContentBuilder's
 * runtime styles use rem units based on the browser's 16px default.
 * This stylesheet is loaded only on the builder, its preview, and the
 * matching front-end content page, so restoring that baseline here keeps
 * component typography and spacing at their intended size.
 */
html {
    font-size: 16px;
}

/* 拖曳欄寬會留下百分比 inline width；Bootstrap 的手機單欄仍須優先。 */
@media (max-width: 767px) {
    #contentbuilder .row > [class*="col-sm-"][style*="width"],
    .preview-content .row > [class*="col-sm-"][style*="width"],
    .commondetail .row > [class*="col-sm-"][style*="width"] {
        width: 100% !important;
        flex: none !important;
        min-width: 0;
    }
}