
/* Final subpage centering patch: keep all generated guide pages aligned. */
body .joy-page,
body main,
body main.joy-page,
body main.joy-page.nav-page{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:18px;
  padding-right:18px;
  box-sizing:border-box;
}
body .joy-page > .joy-page-intro,
body .joy-page > .joy-hero,
body .joy-page > .joy-section,
body .joy-page > .store-upgrade,
body .joy-page > .sheet-priority,
body .joy-page > .supply-priority,
body .joy-page > .joy-extra-wrap,
body main > .joy-page-intro,
body main > .joy-hero,
body main > .joy-section,
body main > section,
body main > .store-upgrade,
body main > .sheet-priority,
body main > .supply-priority,
body main > .joy-extra-wrap{
  max-width:1040px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
body .joy-page > .joy-page-intro,
body main > .joy-page-intro,
body main > .joy-hero{
  text-align:center;
  padding-left:18px;
  padding-right:18px;
}
body .joy-page > .joy-page-intro h1,
body .joy-page > .joy-page-intro p,
body main > .joy-page-intro h1,
body main > .joy-page-intro p,
body main > .joy-hero h1,
body main > .joy-hero p{
  margin-left:auto;
  margin-right:auto;
}
body .joy-page > .joy-page-intro h1,
body main > .joy-page-intro h1,
body main > .joy-hero h1{
  max-width:980px;
}
body .joy-page > .joy-page-intro p,
body main > .joy-page-intro p,
body main > .joy-hero p{
  max-width:840px;
}
@media(max-width:760px){
  body .joy-page,
  body main,
  body main.joy-page,
  body main.joy-page.nav-page{
    padding-left:14px;
    padding-right:14px;
  }
}
