/* Flexible public layout: phones, landscape, split screens and large displays. */
html{scrollbar-gutter:stable}body{overflow-wrap:break-word}.wrap>*{min-width:0}img,video,canvas{max-width:100%}input,select,textarea{max-width:100%;min-width:0}a,button,summary{touch-action:manipulation}.article-body a,.help-direct a,.footer a,.p29-contact-page aside a{overflow-wrap:anywhere}.p29-dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}.p29-contact-launch{bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}.p29-consent{max-height:65dvh;overflow:auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}.p29-check{align-items:start}.p29-check input{flex:0 0 auto}.p32-world{grid-template-columns:1fr!important}.p32-card-scene{perspective:none}.p32-support-card{transform:none!important}.front-hero h1{font-size:clamp(2.25rem,4.3vw,4.5rem);line-height:1.12;text-wrap:balance}.front-hero__text{min-width:0}.front-contact{max-width:100%;overflow-wrap:anywhere}.pratique40{--wine:#17365d;--ink:#273442;--sage:#e9f0f7}.pratique40 h1{font-size:clamp(2.25rem,4.5vw,4.5rem)}.pratique40-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr);gap:7%;padding-block:64px}.pratique40-logo{width:min(390px,100%);height:auto;margin-bottom:34px}.pratique40-note{background:#17365d;color:white;align-self:stretch;padding:clamp(24px,4vw,55px);display:flex;flex-direction:column;justify-content:center}.pratique40-note h2{color:white;font-size:clamp(1.8rem,3vw,2.6rem);overflow-wrap:normal;margin-block:35px}.pratique40-note a{margin-top:25px}.pratique40-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.pratique40-grid article{border-top:2px solid #285c96;padding-top:24px}.pratique40-grid h3{font-size:1.4rem}.pratique40-grid p{font-size:1rem}.pratique40-band{background:#e9f0f7}.pratique40-grid li{padding-left:8px}.pratique40 .action{background:#17365d;border-color:#17365d;color:white}.pratique40 .small{margin-top:24px;max-width:620px}.pratique40 .kicker{color:#285c96}
@media(max-width:1000px){.header__inner{flex-wrap:wrap}.header nav{min-width:0}.p32-donation{grid-template-columns:1fr}.p32-world{gap:24px}.reading-grid,.help-grid{gap:28px}.pratique40-hero{gap:30px}}
@media(max-width:900px){.header__inner{flex-wrap:nowrap}.header nav{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.nav-group>div{width:100%}.header nav .action{white-space:normal}}
@media(max-width:760px){:root{--space:clamp(16px,5vw,32px)}input,select,textarea{font-size:16px!important}button,.action,.p29-tabs button,.p32-form-actions button{min-height:46px}.safety{font-size:11px;gap:12px;flex-wrap:wrap}.p29-contact-page,.p29-contact,.p32-donation,.pratique40-hero,.pratique40-grid{grid-template-columns:1fr;gap:28px}.p29-contact-page{padding-block:28px}.p29-contact-page aside{position:static}.p29-dialog{padding:22px 18px}.p29-dialog-head{align-items:start;gap:12px}.p29-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p29-tabs button{white-space:normal;padding:10px}.p32-summary dd{margin-inline:0;overflow-wrap:anywhere}.p29-contact-launch{font-size:13px;padding:12px 16px}.p29-consent{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto}.p29-consent>div{flex-wrap:wrap}.p29-consent button{flex:1 1 90px}.front-hero{grid-template-columns:1fr;gap:30px}.front-hero__visual{min-height:340px}.front-contact{right:0;min-width:0}.front-hero h1{font-size:clamp(2.15rem,8vw,3.5rem)}.page-head h1{font-size:clamp(2.2rem,9vw,3.6rem)}.section-top{flex-wrap:wrap}.pratique40-hero{padding-block:36px}.pratique40-note{padding:28px}.pratique40-note h2{margin-block:20px}.footer{padding-bottom:max(100px,env(safe-area-inset-bottom))}.p32-world{padding-block:40px}.p32-world h2{font-size:2.2rem}}
@media(max-width:380px){.header__inner{gap:8px}.header .brand{width:100px;flex-shrink:1}.quick-exit{padding:8px 6px;font-size:10px}.menu-toggle{padding-inline:4px}.p29-tabs{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.actions a{justify-content:center}.front-contact>a{font-size:21px}}
@media(max-height:520px) and (orientation:landscape){.header{position:static}.header nav{max-height:70dvh}.p29-consent{max-height:55dvh}.p29-dialog{max-height:96dvh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}