/* Les pages légales, dans la charte du site (verre doré, anthracite, mêmes
   polices, même pied de page). Se charge APRÈS site.css. Le texte légal
   lui-même est recopié tel quel dans .document : seul l'habillage vit ici. */
.page-legale main{position:relative;z-index:1;padding:calc(var(--nav) + env(safe-area-inset-top) + 46px) 16px 90px;overflow-x:clip}
.document{max-width:760px;margin:0 auto;padding:48px 54px 40px;border-radius:30px;color:rgba(255,255,255,.84);font:17px/1.7 var(--sys)}
.document h1{margin:0 0 10px;font:300 clamp(32px,5vw,48px)/1.1 var(--rond);letter-spacing:-.016em;color:#fff;text-wrap:balance}
.document .maj{margin:0 0 32px;font-size:14px;color:var(--pale)}
.document h2{display:flex;align-items:center;gap:11px;margin:38px 0 12px;font:500 20px/1.3 var(--rond);letter-spacing:-.005em;color:#fff}
.document h2::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 10px var(--or)}
.document p{margin:0 0 18px}
.document ul{margin:0 0 18px;padding-left:22px}
.document li{margin:0 0 9px;padding-left:2px}
.document li::marker{color:var(--or)}
.document a{color:var(--or);text-decoration:underline;text-decoration-color:rgba(232,199,123,.45);text-underline-offset:3px}
/* la fin du document (éditeur, contact, date) : elle fait partie du texte légal */
.document footer{position:static;margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--trait);font-size:14px;line-height:1.6;color:var(--pale)}
.document footer p{margin:0 0 5px}
/* la barre du haut : le nom, et le globe des langues à droite */
.page-legale .nav .langue{margin-left:auto}
details.langue>summary{list-style:none}
details.langue>summary::-webkit-details-marker{display:none}
details.langue[open]>summary.globe{background:rgba(232,199,123,.16)}
.langues a[aria-current="page"]{background:rgba(255,255,255,.1)}
/* le pied de page du site : sans la place réservée à la pastille de l'accueil */
body.page-legale>footer{padding-bottom:70px}
@media (max-width:700px){
  .page-legale main{padding:calc(var(--nav) + env(safe-area-inset-top) + 24px) 10px 64px}
  .document{padding:30px 22px 26px;border-radius:24px;font-size:16px}
  .document h2{font-size:18.5px;margin-top:32px}
}
@media (prefers-reduced-transparency:reduce){.document{background:#1C1916}}