/* SafariAnts: centered LinkedIn-style desktop content width.
   This changes only the outer content width/position; it does not scale the
   document with transforms, so controls, overlays, forms and scrolling remain usable. */
@media (min-width: 851px) {
  body main.page,
  body > main.page,
  body .page:not(.destination-page):not(.business-page) {
    width: calc(100% - 48px) !important;
    max-width: 1128px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.layout-destination .page.destination-page {
    width: calc(100% - 48px) !important;
    max-width: 1128px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 16px 16px !important;
    gap: 20px !important;
    grid-template-columns: minmax(190px, .78fr) minmax(0, 1.65fr) minmax(210px, .85fr) !important;
    box-sizing: border-box !important;
  }

  body.layout-business .page.business-page {
    width: calc(100% - 48px) !important;
    max-width: 1128px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Preserve the existing mobile/tablet layout and its full-width behavior. */
@media (max-width: 850px) {
  body .page,
  body.layout-destination .page.destination-page,
  body.layout-business .page.business-page {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* header column lock: logo left edge == left column left edge; profile right edge == right column right edge */
@media (min-width: 851px) {
  body.layout-destination > header.topbar,
  header.topbar {
    padding-left: max(12px, calc((100vw - 1128px) / 2 + 16px - 59px)) !important;
    padding-right: max(12px, calc((100vw - 1128px) / 2 + 16px - 40px)) !important;
    box-sizing: border-box !important;
  }
}