
/* ===== Targeted safe overrides ===== */

/* 1) Stop accidental horizontal scrollbar */
html, body { overflow-x: hidden; }

/* 2) Make desktop container a bit wider (Bootstrap-style) */
@media (min-width: 1200px){
  .container{ max-width: 1320px; }
}

/* 3) Reduce excessive white gap between columns (Bootstrap 4 friendly) */
.row{ margin-left: -12px; margin-right: -12px; }
[class^="col-"], [class*=" col-"], .col{ padding-left: 12px; padding-right: 12px; }

/* 4) Mobile: give a little breathing room at sides (~10px) */
@media (max-width: 576px){
  .container{ padding-left: 10px; padding-right: 10px; }
}

/* 5) Remove the inner left-side vertical scrollbar in the tab list */
.tab-pane.post-tab-list{ max-height: none !important; overflow-y: visible !important; }
