/* base-wrapper.css — Unified layout for main content and footer across all pages */

/* Centers main content for all pages */
.main-centered {
  margin-top: 180px;
  display: flex;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

/* Homepage modifier: shorter margin */
.main-centered.home {
  margin-top: 160px;
}

/* Tool/Create modifier: shorter margin and invisible, zero-space */
.main-centered.tool {
  margin-top: 160px;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Content area: max width, no flex */
.content-area {
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
  padding: 0 20px 100px;
  margin-bottom: 100px;
  scrollbar-width: none;         /* Firefox */
  -ms-overflow-style: none;      /* IE/Edge Legacy */
}

/* Homepage override if you want (optional, or remove) */
.main-centered.home .content-area {
  padding: 0 20px;
  margin-bottom: 0;
}

/* Tool/Create override (optional, for extra space) */
.main-centered.tool .content-area {
  padding: 0 20px 100px;
  margin: 110px auto 100px auto;
}

/* Hide scrollbars for all browsers */
.content-area::-webkit-scrollbar {
  display: none;
}