#blog-num-images-wrapper, #blog-image-style-wrapper {
    display: inline-block;
    flex: 1 1 calc(50% - 5px);
    min-width: 180px;
}

.custom-dropdown-group.hidden-setting#blog-num-images-wrapper, .custom-dropdown-group.hidden-setting#blog-image-style-wrapper {
    display: none;
}

/* Blog post tables now use the shared .gen-table rules in styles.css —
   the [table] shortcode renders into <div class="gen-table-wrap"><table class="gen-table">…
   The chart styles below remain blog-specific. */

.blogpost-text .post-chart-wrap {
    margin: 30px 0;
    padding: 20px;
    background: #0d1117;
    border: 1px solid #1e2a3a;
    border-radius: 8px;
}
.blogpost-text .post-chart-caption {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #6afcff;
    margin: 0 0 15px;
}
.blogpost-text .post-chart-container {
    position: relative;
    height: 320px;
    width: 100%;
}
.blogpost-text .post-chart-container canvas { max-width: 100%; }
@media (max-width: 600px) {
    .blogpost-text .post-chart-container { height: 260px; }
    .blogpost-text .post-chart-wrap { padding: 14px; }
}