/* V131 global fit & responsive safety layer.
   Keeps every public module inside the viewport; horizontal scrolling is reserved for
   intentional rails/tabs and the homepage hero carousel. */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
img,video,iframe,svg{max-width:100%}
button,input,select,textarea{max-width:100%;box-sizing:border-box}
.v118-head,.p-head,.sv-head,.sv130-head{width:100%;max-width:100%;box-sizing:border-box}
.v118-head nav,.p-head nav,.sv-head nav{min-width:0}
.wrap,.tool-wrap,.sv130-wrap,.p-section,.hero-inner,.detail-grid{width:100%;max-width:1250px;box-sizing:border-box}
.grid,.tool-grid-clean,.starter-grid,.domain-cards,.project-grid,.included-grid,.steps,.country-grid,.service-grid,.factors,.tools,.journey,.tool-show-grid,.eco-grid,.commercial-grid,.lists{min-width:0}
.card,.tool-card,.starter-grid>a,.domain-box,.project-card,.included-grid>div,.steps article,.country-grid>a,.service-grid>a,.factors>div,.tools>a,.journey>div,.list-card,.eco-grid>a,.commercial-grid>a{min-width:0;overflow-wrap:anywhere}
.project-nav-inner,.tool-tabs,.filters{max-width:100%;min-width:0}
.project-nav-inner,.tool-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
@media(max-width:900px){.v118-head{padding-inline:14px}.p-head{padding-inline:14px}.sv-head{padding-inline:14px}.sv130-head{padding-inline:14px}.wrap,.tool-wrap,.sv130-wrap,.p-section,.hero-inner,.detail-grid{padding-left:14px;padding-right:14px}}
@media(max-width:560px){.wrap,.tool-wrap,.sv130-wrap,.p-section,.hero-inner,.detail-grid{padding-left:12px;padding-right:12px}.grid,.project-grid,.domain-cards,.included-grid,.steps,.country-grid,.service-grid,.factors,.tools,.journey,.tool-show-grid,.eco-grid,.commercial-grid,.lists{width:100%}}