/* One full panel is reserved for the optional paper transition. */
.page-transition{position:fixed;inset:0;background:#f7f9f3;z-index:150;pointer-events:none;opacity:0;visibility:hidden;display:block;transform:none}
.page-transition>span{display:none}
.content-disclosure{scroll-margin-top:110px}
.disclosure-body{padding-bottom:24px}
.content-disclosure summary{cursor:pointer}
.content-reveal{will-change:auto}
html[data-button-motion] .button{transition:background .3s,color .3s,box-shadow .3s,transform .3s}
html[data-button-motion=fleche] .button:hover,html[data-button-motion=fleche] .button:focus-visible{transform:none}
html[data-button-motion=fleche] .button:hover>span:last-child,html[data-button-motion=fleche] .button:focus-visible>span:last-child{transform:translate(5px,-5px)}
html[data-button-motion=remplissage] .button:hover,html[data-button-motion=remplissage] .button:focus-visible{background:#318450;color:white;transform:none}
html[data-button-motion=remplissage] .button:hover>span:last-child{transform:none}
html[data-button-motion=relief] .button:hover,html[data-button-motion=relief] .button:focus-visible{transform:translateY(-4px);box-shadow:0 12px 24px #193d2928}
html[data-button-motion=relief] .button:hover>span:last-child{transform:none}
@media(prefers-reduced-motion:reduce){html[data-button-motion] .button,html[data-button-motion] .button>span{transition:none!important;transform:none!important}.page-transition{display:none!important}}
@media print{.page-transition{display:none!important}.content-reveal{opacity:1!important;transform:none!important;clip-path:none!important}.content-disclosure{height:auto!important;overflow:visible!important}}

/* In the workshop, focus the existing page on the selected content area. */
body[data-preview-zone=accordeons] .page-hero,body[data-preview-zone=sections] .page-hero{padding:28px 7vw 20px}
body[data-preview-zone=accordeons] .page-hero h1,body[data-preview-zone=sections] .page-hero h1{font-size:clamp(28px,3.4vw,46px);margin-top:14px}
body[data-preview-zone=accordeons] .page-hero>p:not(.eyebrow),body[data-preview-zone=sections] .page-hero>p:not(.eyebrow),body[data-preview-zone=accordeons] .hero-index,body[data-preview-zone=sections] .hero-index{display:none}
body[data-preview-zone=accordeons] .breadcrumb,body[data-preview-zone=sections] .breadcrumb,body[data-preview-zone=accordeons] .toc,body[data-preview-zone=sections] .toc,body[data-preview-zone=accordeons] .cta,body[data-preview-zone=sections] .cta,body[data-preview-zone=accordeons] .site-footer,body[data-preview-zone=sections] .site-footer{display:none}
body[data-preview-zone=accordeons] .article-layout,body[data-preview-zone=sections] .article-layout{display:block;padding:28px 7vw;max-width:1100px;margin:auto}
body[data-preview-zone=accordeons] .content-disclosure summary,body[data-preview-zone=sections] .content-disclosure summary{padding-block:22px}
@media(prefers-reduced-motion:reduce){body[data-preview-zone] .page-transition{display:block!important}}