/* Mobile preview: mirror the storefront's <=600px featured-category layout. */
.preview-mobile .store-shell .category-slider > a {
  flex-basis: calc(33.3333% - 12px);
}

.preview-mobile .store-shell .category-editorial {
  grid-template-columns: none !important;
  scroll-snap-type: x mandatory;
  min-height: 0;
  display: flex;
  overflow-x: auto;
}

.preview-mobile .store-shell .category-editorial-item {
  scroll-snap-align: start;
  flex: 0 0 86%;
  min-height: 360px;
}

.preview-mobile .store-shell .category-text-directory {
  grid-template-columns: minmax(0, 1fr) !important;
}

.preview-mobile .store-shell .category-text-directory > a {
  grid-template-columns: 42px minmax(0, 1fr) 38px;
}

.preview-mobile .store-shell .category-text-directory span {
  display: none;
}

.preview-mobile .store-shell .category-text-directory b {
  font-size: 20px;
}

/* Statistics: use the available desktop canvas while retaining comfortable gutters. */
@media (min-width: 1100px) {
  .statistics-workspace > :not(header) {
    width: min(calc(100% - 68px), 1440px);
    margin-left: auto;
    margin-right: auto;
  }
}

/* Keep the contextual recommendation visually grouped and fully enclosed. */
.admin .onboarding-workspace .onboarding-recommendation {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--admin-blue) 32%, var(--admin-border));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  overflow: visible;
}

.admin .onboarding-workspace .onboarding-recommendation > small,
.admin .onboarding-workspace .onboarding-recommendation > h2,
.admin .onboarding-workspace .onboarding-recommendation > p,
.admin .onboarding-workspace .onboarding-recommendation > a {
  margin-top: 0;
  margin-bottom: 0;
}

.admin .onboarding-workspace .onboarding-recommendation > p {
  letter-spacing: normal;
  line-height: 1.55;
}

.admin .onboarding-workspace .onboarding-recommendation > a {
  margin-top: 4px;
}