/* V136 — PAGE-FIT ONLY
   Visual correction for homepage chrome/sections. No auth, DB, route or content logic changes.
   Goal: header/logo and every lower homepage section align to one full-width viewport rail,
   with full-bleed section backgrounds and a consistent 1280px inner content grid.
*/
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{margin:0!important;background:#fff}

/* Header: full viewport bar, brand/navigation aligned to the same 1280px content rail. */
.sv113-header{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;padding-left:0!important;padding-right:0!important}
.sv113-header>*{box-sizing:border-box}

/* Shared inner alignment. */
.hero-shell,
.quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,
.trending.block,.content.block,.lists.block,.toolkit.block,.metrics.block,
.source-note,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,
.final-cta,.faq{width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}

/* Remove the boxed/guttered feeling from major sections: background can reach viewport edges,
   while the content stays on the same 1280px rail. */
.quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,
.trending.block,.content.block,.lists.block,.toolkit.block,.metrics.block,
.source-note,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,
.final-cta,.faq{position:relative}

/* Keep the hero compact and exactly page-aligned. */
.hero-shell{min-width:0!important}
.hero-viewport{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}

/* Lower-page cards must never create a wider-than-page track. */
.rail,.cards,.grid,.section-inner{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

/* The only intentional horizontal scrolling remains the category/program rail and small mobile
   content rails; the document itself never scrolls sideways. */
.program-tabs{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
.program-tabs::-webkit-scrollbar{display:none}
.program-tabs a{flex:0 0 auto!important}

/* Full-width footer with the same inner rail. */
.site-footer{width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
.site-footer-inner,.footer-bottom{width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}

/* Prevent accidental horizontal overflow from long labels, images or embeds. */
img,video,iframe,svg{max-width:100%}

@media(max-width:700px){
  .hero-shell,
  .quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,
  .trending.block,.content.block,.lists.block,.toolkit.block,.metrics.block,
  .source-note,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,
  .final-cta,.faq,.site-footer-inner,.footer-bottom{width:calc(100% - 20px)!important}
}
@media(max-width:460px){
  .hero-shell,
  .quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,
  .trending.block,.content.block,.lists.block,.toolkit.block,.metrics.block,
  .source-note,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,
  .final-cta,.faq,.site-footer-inner,.footer-bottom{width:calc(100% - 14px)!important}
}