/* Correctif strictement limité aux pages légales :
   la vue de lecture reste dans la fenêtre Actualités et ne participe jamais
   au flux de la page derrière elle. */

html body.page-legal.news-panel-open #news-tool-panel.is-reading{
  position:fixed !important;
  top:82px !important;
  right:clamp(18px,3vw,42px) !important;
  bottom:auto !important;
  left:auto !important;
  z-index:2147483646 !important;
  display:block !important;
  width:min(760px,calc(100vw - 96px)) !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  max-height:calc(100dvh - 136px) !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  border:1px solid rgba(21,21,21,.18) !important;
  border-radius:14px !important;
  box-shadow:0 34px 120px rgba(0,0,0,.48) !important;
  isolation:isolate !important;
  box-sizing:border-box !important;
  -webkit-overflow-scrolling:touch !important;
}

html body.page-legal.news-panel-open #news-tool-panel.is-reading .news-tool-inner{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

html body.page-legal.news-panel-open #news-tool-panel.is-reading .news-article-view{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Empêche la page située derrière le lecteur de se déplacer. */
html body.page-legal.news-article-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

@media (max-width:900px){
  html body.page-legal.news-panel-open #news-tool-panel.is-reading{
    top:78px !important;
    right:18px !important;
    left:18px !important;
    width:auto !important;
    max-height:calc(100dvh - 98px) !important;
    border-radius:20px !important;
  }
}