/* Pages légales de bellegalante.com : complète guides.css (même en-tête, même pied de page, même typographie). */

.legal-page .g-hero h1{font-size:clamp(38px,5.2vw,68px)}
.legal-page .g-layout{grid-template-areas:"toc" "main";padding-bottom:clamp(70px,9vw,120px)}
@media (min-width:1000px){
  .legal-page .g-layout{grid-template-areas:"toc main"}
}

.g-main ul{margin-top:14px;padding-left:1.15em}
.g-main li{font-size:clamp(16px,1.2vw,17.5px);line-height:1.72;margin:7px 0;padding-left:4px}
.g-main li::marker{color:var(--copper)}
.g-main h2{margin-bottom:4px}

/* Fiche d'identité (éditeur, hébergeur, intermédiaire) */
.idc{margin-top:22px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:clamp(18px,2.4vw,28px)}
.idc dl{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 28px}
.idc dt{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--copper);margin-top:14px}
.idc dt:first-child{margin-top:0}
.idc dd{font-size:clamp(16px,1.2vw,17.5px);line-height:1.6}
.idc dd a{color:var(--teal);text-underline-offset:3px;text-decoration-color:rgba(169,118,74,.6)}
@media (min-width:640px){
  .idc dl{grid-template-columns:200px minmax(0,1fr)}
  .idc dt,.idc dt:first-child{margin-top:0;padding-top:12px;border-top:1px solid var(--line)}
  .idc dd{padding-top:9px;border-top:1px solid var(--line)}
  .idc dt:first-of-type,.idc dt:first-of-type+dd{border-top:0;padding-top:0}
}

/* Encadré « en bref » */
.brief{margin-top:24px;background:var(--teal);color:var(--ivory);border-radius:6px;padding:clamp(20px,2.6vw,30px)}
.brief h3{color:var(--gold)!important;margin:0 0 6px!important;font-size:clamp(19px,1.7vw,22px)!important}
.brief ul{margin-top:8px}
.brief li{color:var(--ivory)}
.brief li::marker{color:var(--gold)}
.brief a{color:var(--gold)!important}

/* Autres pages légales, en fin de page */
.legal-others{margin-top:clamp(56px,7vw,90px);padding-top:28px;border-top:1px solid var(--line)}
.legal-others p{font-size:11px!important;letter-spacing:.3em;text-transform:uppercase;color:var(--copper)}
.legal-others ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.legal-others li{margin:0;padding:0}
.legal-others a{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--teal);font-size:14px;transition:border-color .3s,color .3s}
.legal-others a:hover{border-color:var(--copper);color:var(--copper)}
.legal-others a[aria-current]{background:var(--teal);color:var(--ivory);border-color:var(--teal)}