/* ==========================================================================
   Toolbeel Finance — Cross-cutting responsive utilities
   Breakpoints used across the site: 480 / 768 / 1024 / 1440
   Component-level responsive rules live alongside their component file;
   this file only holds page-shell and utility-class overrides.
   ========================================================================== */

.hide-mobile {
  display: none;
}

.hide-desktop {
  display: block;
}

@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }

  .hide-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .container {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
}

/* Prevent any single wide element (tables, code, formulas) from forcing
   horizontal scroll on the page instead of scrolling within itself. */
.container {
  overflow-x: visible;
}

img,
table,
.formula-box,
.schedule-table-wrap {
  max-width: 100%;
}