/* Site pleine largeur (ordinateur) : le contenu occupe tout l'écran avec des colonnes adaptées. Mobile et administration inchangés. */
@media(min-width:861px){
html body:not(.is-admin) main.wrap,html body:not(.is-admin) .wrap{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:clamp(20px,2.4vw,56px)!important;padding-right:clamp(20px,2.4vw,56px)!important}
html body:not(.is-admin) .site-header{padding-left:clamp(20px,2.4vw,56px)!important;padding-right:clamp(20px,2.4vw,56px)!important;max-width:none!important}
html body:not(.is-admin) .site-footer,html body:not(.is-admin) .story,html body:not(.is-admin) .gallery,html body:not(.is-admin) .page-head.has-img{max-width:none!important}
html body:not(.is-admin) .site-footer{width:auto!important}
}
@media(min-width:1100px){
html body #home-page .story-split{display:grid!important;grid-template-columns:clamp(280px,18vw,360px) minmax(0,1fr)!important;gap:clamp(28px,3vw,56px)!important;align-items:start}
html body #home-page .story-split-t>h2,html body #home-page .story-split-t>.story-lead{max-width:none!important}
html body #home-page .steps3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
html body #home-page .step3{display:block!important;padding:0 0 18px!important;overflow:hidden}
html body #home-page .step3-ph{width:100%!important;height:auto!important;aspect-ratio:336/270!important;border-radius:22px 22px 0 0!important;overflow:hidden}
html body #home-page .step3-ph img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 35%!important}
html body #home-page .step3 h3,html body #home-page .step3 p{padding:0 18px!important}
html body #home-page .strip3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
html body #home-page .strip3 img{width:100%!important;height:clamp(240px,18vw,380px)!important;object-fit:cover!important;border-radius:26px!important}
html body #home-page .home-future-info,html body #home-page .home-questions,html body #home-page .home-legal-links,html body #home-page .home-rules{max-width:none!important}
html body #home-page .home-questions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start}
html body #home-page .home-questions>h2{grid-column:1/-1!important;text-align:center}
}
/* Fond de page : blanc glacé, pour mettre en valeur les cartes blanches et la neige */
html body:not(.is-admin):not(.pwa-shell):not(.mobile-app){background:#f1f6fc linear-gradient(180deg,#e6f0fb 0,#f1f6fc 700px) no-repeat!important}
@media(min-width:1100px){
html body .tp-community{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
html body .tp-community .tp-publish-panel{max-width:none!important}
html body .tp-community-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:18px!important}
html body #tp-theft-workspace{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"t r" "p r" "f r";column-gap:clamp(24px,3vw,56px);align-content:start;padding:clamp(22px,2vw,36px);background:#fff;border:1px solid #14263f14;border-radius:26px;box-shadow:0 18px 40px -30px #14263f88}
html body #tp-theft-workspace>h2{grid-area:t;margin-top:0}
html body #tp-theft-workspace>p{grid-area:p}
html body #tp-theft-workspace>form{grid-area:f;align-self:start}
html body #tp-theft-workspace>h3{grid-area:r;margin:0;align-self:start}
html body #tp-theft-workspace>#tp-my-theft{grid-area:r;margin-top:44px;align-self:start}
html body .cmap .cm-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important}
html body .cmap .cm-svg{max-height:560px}
}
html body #dashboard #scooter-list .sc2-bc .bc-scene{max-width:440px!important;margin-inline:auto!important}

/* Formulaires et textes : largeur de lecture naturelle (jamais étirés sur tout l'écran) */
@media(min-width:900px){
html body .workspace-screen form:not(.tps-form){max-width:760px}
html body .workspace-screen details form{max-width:760px}
html body .workspace-screen p,html body .workspace-screen .small{max-width:72ch}
html body .workspace-screen h2,html body .workspace-screen h3{max-width:48ch}
html body .workspace-screen details{max-width:820px}
}