/* Shared public-page grid: 1440px content, centered with 48px gutters. */
body:has(.landing-page) .app-header {
  padding-left: max(48px, calc((100% - 1440px) / 2));
  padding-right: max(48px, calc((100% - 1440px) / 2));
}
#app > .landing-page {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding-left: 48px;
  padding-right: 48px;
}
body:has(.landing-page) .app-header #header-account-menu,
body:has(.landing-page) .app-header #header-inbox {
  right: max(48px, calc((100% - 1440px) / 2));
}