/* Farm Flow v0.9.21 – Navigation and main content stay visually connected */

/*
 * The normal layout already fills the available width on regular screens.
 * The visible gap only appears when .page-content reaches its max-width and
 * margin:auto centers it inside a much wider .main-area (wide display or
 * browser zoom below 100%).
 */
@media (min-width: 1400px) {
  .main-area > .page-content,
  #page-content.page-content,
  .page-content {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* Use a little more of the available workspace on wide desktop views. */
@media (min-width: 1800px) {
  .main-area > .page-content,
  #page-content.page-content,
  .page-content {
    max-width: 1680px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* At strong browser zoom-out the CSS viewport becomes extremely wide. */
@media (min-width: 2600px) {
  .main-area > .page-content,
  #page-content.page-content,
  .page-content {
    max-width: 1800px !important;
  }
}

/* Tablet and mobile behavior remain exactly as before. */
@media (max-width: 900px) {
  .main-area > .page-content,
  #page-content.page-content,
  .page-content {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}