/* ECT device/browser audit: scoped layout and input improvements. */
:root{--ect-header-height:88px}
html{scroll-padding-top:calc(var(--ect-header-height) + 16px)}
.site-header .header-tools{flex-shrink:0}
.site-header .language button,.site-header .menu-toggle{min-width:44px;min-height:44px}
.site-header .header-tools>.button{min-height:44px}
.site-header nav{z-index:101}
main .card,main .package,main .journey,.split-copy,.programme-wrap>*,.programme-hero-copy{min-width:0}
main h1,main h2,main h3,main p,main a{overflow-wrap:break-word;word-wrap:break-word}
main input,main select,main textarea{font-size:16px}
@media(min-width:601px) and (max-width:760px){:root{--ect-header-height:76px}}
@media(min-width:761px) and (max-width:1180px){.site-header nav{top:88px;max-height:calc(100vh - 88px);max-height:calc(100svh - 88px)}}
@media(max-width:600px){
 :root{--ect-header-height:132px}
 .site-header{height:132px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:55px 44px;align-content:center;justify-items:center;gap:8px;padding:10px 12px}
 .site-header>.brand{justify-self:center;line-height:1}
 .site-header>.brand img{width:190px;max-width:100%;height:auto}
 .site-header .header-tools{width:100%;height:44px;justify-content:center;gap:8px}
 .site-header .language{flex:none}
 .site-header .language button{min-width:44px;min-height:44px;font-size:12px}
 .site-header .menu-toggle{min-width:52px;font-size:12px;padding:8px}
 .site-header .header-tools>.button{min-height:44px;padding:8px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
 .site-header nav{top:132px;max-height:calc(100vh - 132px);max-height:calc(100svh - 132px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .home-hero{min-height:calc(100vh - 132px);min-height:calc(100svh - 132px)}
 main .actions .button,main .maison-actions .button,main .programme-button{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep desktop scrolling available even during a viewport transition. */
@media(min-width:1181px){body.menu-open{overflow:auto}}