/* V134: page-fit, visual hierarchy, richer lower-page experience. */
html,body{max-width:100%;overflow-x:hidden}
body{background:#fff}
/* Header spans the viewport; its contents remain comfortably readable. */
.sv113-header{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;padding-left:max(18px,calc((100% - 1280px)/2))!important;padding-right:max(18px,calc((100% - 1280px)/2))!important}
/* Hero and all primary content rails share one visual page grid. */
.hero-shell{width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
.hero-viewport{width:100%!important;box-sizing:border-box!important}
.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}
/* A little more breathing room between major sections, similar to polished education marketplaces. */
.quick-intent,.trust-row,.program-tabs,.service-strip,.trending.block,.content.block,.lists.block,.toolkit.block,.metrics.block,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,.faq{margin-top:18px!important}
/* Tabs are a horizontal category rail, never a source of page-wide overflow. */
.program-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;padding-bottom:12px!important}
.program-tabs::-webkit-scrollbar{display:none}
.program-tabs a{flex:0 0 auto!important;white-space:nowrap!important}
/* Trending is a stable card grid on desktop and a swipe rail on smaller screens. */
.trending .rail{grid-template-columns:repeat(6,minmax(0,1fr))!important;min-width:0!important}
@media(max-width:1100px){.trending .rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.hero-shell{width:calc(100% - 20px)!important}.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:calc(100% - 20px)!important}.trending .rail{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding-bottom:6px!important;scrollbar-width:none!important}.trending .rail::-webkit-scrollbar{display:none}.trend{flex:0 0 min(260px,78vw)!important;scroll-snap-align:start!important}.program-tabs{margin-top:12px!important}.sv113-header{padding-left:12px!important;padding-right:12px!important}}
@media(max-width:460px){.hero-shell{width:calc(100% - 14px)!important}.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:calc(100% - 14px)!important}.trend{flex-basis:78vw!important}}
/* Final conversion band. */
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px!important;border-radius:20px;background:linear-gradient(135deg,#10182f 0%,#243a79 55%,#4b2aa6 100%);color:#fff;box-shadow:0 14px 36px rgba(27,40,84,.18);overflow:hidden!important;position:relative}
.final-cta:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-90px;top:-110px;box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 56px rgba(255,255,255,.025)}
.final-cta .section-kicker{color:#b9c7ff!important}.final-cta h2{font-size:27px!important;line-height:1.15!important;margin:4px 0 7px!important;max-width:760px}.final-cta p{font-size:13px!important;color:#d8def2!important;margin:0;max-width:760px}.final-cta-actions{display:flex;gap:9px;flex:0 0 auto;position:relative;z-index:1}.final-cta-actions a{padding:11px 15px;border-radius:10px;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}.final-cta-actions .primary{background:#fff;color:#1d2d69}.final-cta-actions .secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
/* FAQ: compact, scannable, no giant accordion blocks. */
.faq .section-headline{margin-bottom:12px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq details{border:1px solid #e0e5ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(25,38,72,.045);padding:0 14px}.faq summary{cursor:pointer;list-style:none;padding:14px 24px 14px 0;font-size:13px;font-weight:850;color:#1a2439;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:11px;font-size:20px;color:#3154e8;font-weight:500}.faq details[open] summary:after{content:"−"}.faq details p{font-size:11.5px;line-height:1.55;color:#657187;margin:0 0 14px}
/* Full-width footer with a centered inner grid, like mature marketplaces. */
.site-footer{margin-top:34px;background:#0e1527;color:#dbe2f2;width:100%;box-sizing:border-box}.site-footer-inner{width:min(1280px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:28px;padding:42px 0 30px}.footer-logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.footer-logo img{width:45px;height:45px;object-fit:contain}.footer-logo span{font-size:20px;font-weight:800}.footer-logo b{color:#ff8a2a}.footer-brand p{font-size:12px;line-height:1.6;color:#9eabc2;max-width:300px;margin:13px 0}.footer-badges{display:flex;gap:6px;flex-wrap:wrap}.footer-badges span{font-size:9px;color:#cbd5e8;border:1px solid #2c3851;padding:5px 7px;border-radius:999px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:12px;color:#fff;margin:2px 0 6px}.footer-col a{font-size:11px;color:#9eabc2;text-decoration:none}.footer-col a:hover{color:#fff}.footer-bottom{width:min(1280px,calc(100% - 32px));margin:0 auto;border-top:1px solid #27334b;display:flex;justify-content:space-between;gap:20px;padding:16px 0 20px;font-size:10px;color:#8795ad}.footer-bottom div{display:flex;gap:15px}.footer-bottom a{color:#aab6ca;text-decoration:none}.footer-bottom a:hover{color:#fff}
@media(max-width:900px){.site-footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:22px}.footer-brand{grid-row:span 2}.final-cta{align-items:flex-start;flex-direction:column}.final-cta-actions{width:100%}}
@media(max-width:700px){.faq-grid{grid-template-columns:1fr}.site-footer-inner{width:calc(100% - 20px);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-bottom{width:calc(100% - 20px);flex-direction:column;gap:10px}.final-cta{padding:22px 18px!important;border-radius:16px}.final-cta h2{font-size:22px!important}.final-cta p{font-size:11.5px!important}.final-cta-actions{flex-wrap:wrap}.final-cta-actions a{font-size:11px}.faq summary{font-size:12px}.faq details p{font-size:10.5px}}
@media(max-width:460px){.site-footer-inner,.footer-bottom{width:calc(100% - 14px)}.site-footer-inner{grid-template-columns:1fr 1fr}.footer-logo span{font-size:18px}.footer-col a{font-size:10px}.footer-bottom{font-size:9px}.footer-bottom div{gap:10px;flex-wrap:wrap}}
