/* Shared page gutters. Only route shells are normalized, never card interiors.
   Keep this scoped to the app shell: landing/auth and standalone editors differ. */
.main-content-wrapper {
  --page-gutter: 32px;
  --page-top-gap: 24px;
}
@media (max-width: 1200px) {
  .main-content-wrapper { --page-gutter: 24px; }
}
@media (max-width: 768px) {
  .main-content-wrapper { --page-gutter: 12px; --page-top-gap: 12px; }
}
.main-content-wrapper:not(.review-workspace-layout) > .main-content-scroll {
  padding-inline: var(--page-gutter) !important;
  padding-top: var(--page-top-gap) !important;
}
.main-content-wrapper:not(.review-workspace-layout) > .main-header {
  padding-inline: var(--page-gutter) !important;
}
.main-content-wrapper:not(.review-workspace-layout) > .main-content-scroll > .route-view-frame {
  width: 100%;
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .main-content-wrapper .success-shell .mobile-success-flow > :is(.mobile-match-basis, .mobile-success-card) {
    margin-inline: 0 !important;
  }
  .main-content-wrapper .success-shell .mobile-success-flow > .mobile-match-basis {
    margin-top: 0 !important;
  }
}
.main-content-wrapper > .main-content-scroll > .route-view-frame > :is(
  .focus-home, .resume-container, .jobs-container, .board-page,
  .interview-wrapper, .profile-refined, .learning-page, .success-page,
  .pricing-page, .detail-page, .path-story-page
) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-inline: 0 !important;
  margin-top: 0 !important;
  padding-inline: 0 !important;
  padding-top: 0 !important;
  box-sizing: border-box;
}
/* These pages have a second layout-only shell. Remove the second gutter. */
.main-content-wrapper .route-view-frame > .learning-page > .learning-shell,
.main-content-wrapper .route-view-frame > .success-page > .success-shell,
.main-content-wrapper .route-view-frame > .pricing-page > .page-shell {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  margin-top: 0 !important;
  padding-inline: 0 !important;
  padding-top: 0 !important;
  box-sizing: border-box;
}