/* Shared page gutters: section shorthand padding must not erase the inset. */
:root{--page-gutter:clamp(20px,3.125vw,40px);--page-width:1400px}
.wrap{box-sizing:border-box;width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-gutter)!important}
.service-page{margin-inline:auto}
.wrap>.wrap{max-width:100%;padding-inline:0!important}
main :where(h1,h2,h3,p,li,dd,a),.footer :where(p,a){overflow-wrap:anywhere}
.hero-inner>*,.stock-layout>*,.vehicle-layout>*,.footer-grid>*,.finance-confidence-top>*,.credential-grid>*{min-width:0}
.utility .wrap{flex-wrap:wrap}
.footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
.nmc-finance-journey--micro{max-width:800px}
@media(min-width:801px){.stock-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(min-width:1101px){.stock-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:560px){.nav{gap:10px}.nav .logo{width:clamp(105px,34vw,160px)}.nav .menu-toggle{margin-left:auto}}
@media(max-width:380px){.nav{gap:8px}.nav .logo{width:110px}.nav .saved{padding:8px 6px;font-size:11px}.menu-toggle{padding:8px}.utility .wrap{gap:5px 10px}}
@media print{.wrap{padding-inline:12mm!important}}