/* Opt-in margin preview: homepage and MyQBank. Match shared navigation. */
body.np-aligned-preview { --np-page-gutter: 24px; --np-page-width: 1240px; }
@media(max-width:760px){body.np-aligned-preview{--np-page-gutter:16px;}}
/* Full-width backgrounds retain their vertical spacing. */
body.np-aligned-preview > section,
body.np-aligned-preview > footer,
body.np-aligned-preview > .hero-wrap {
  padding-inline:var(--np-page-gutter)!important;
}
body.np-aligned-preview .inn,
body.np-aligned-preview.np-premium-home .hero,
body.np-aligned-preview .home-paths-inner,
body.np-aligned-preview .home-guide-inner,
body.np-aligned-preview .home-explore-inner,
body.np-aligned-preview .home-proof-inner,
body.np-aligned-preview .np-media-proof__inner,
body.np-aligned-preview .rev-inner,
body.np-aligned-preview .stats-inner,
body.np-aligned-preview .guarantee-inner,
body.np-aligned-preview .ft,
body.np-aligned-preview.myqbank-page .hero-grid,
body.np-aligned-preview.myqbank-page footer > .ft-top,
body.np-aligned-preview.myqbank-page footer > .ft-bot {
  width:100%!important;
  max-width:var(--np-page-width)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  min-width:0;
}
/* Resource grids use the section width; prose and FAQ reading widths stay intact. */
body.np-aligned-preview.myqbank-page .browse-grid,
body.np-aligned-preview.myqbank-page .topic-directory {
  width:100%;max-width:none;
}
/* Keep swipeable rows inside the shared page edges rather than bleeding out. */
body.np-aligned-preview .home-path-tabs,
body.np-aligned-preview .home-explore-grid {
  margin-inline:0!important;padding-inline:0!important;
}