:root{--sg-gap:1rem}

/* Shortcode Grid helper — spacing & alignment */
.shortcode-grid{--sg-gap:1rem;}
.shortcode-grid .row{margin-left:calc(var(--sg-gap) / -2);margin-right:calc(var(--sg-gap) / -2)}
.shortcode-grid .row > [class*='col-']{padding-left:calc(var(--sg-gap) / 2);padding-right:calc(var(--sg-gap) / 2);display:flex;flex-direction:column}
.shortcode-grid .row > [class*='col-'] > *{flex:1 1 auto}
.shortcode-grid img{max-width:100%;height:auto;display:block;margin:0 auto}
.shortcode-grid{text-align:left}

/* Vertical centering helper when shortcodes output small content blocks */
.shortcode-grid .centered{display:flex;align-items:center;justify-content:center;height:100%}

/* Placeholder example style for Visual Builder preview when a tab is empty */
.shortcode-grid .shortcode-example{background:transparent;border:1px dashed rgba(0,0,0,0.08);color:rgba(0,0,0,0.6);}
.shortcode-grid .shortcode-example code{background:rgba(0,0,0,0.03);padding:0 .35rem;border-radius:3px}

@media (max-width:767px){
  .shortcode-grid{--sg-gap:0.75rem}
  .shortcode-grid .row > [class*='col-']{padding-left:calc(var(--sg-gap) / 2);padding-right:calc(var(--sg-gap) / 2)}
}