/* Page Mentions légales, variante A de la maquette
   docs/mentions-legales/maquettes/eklepsis.html. Mêmes polices que le site. */
.mentions { max-width: 760px; margin: 0 auto; padding: calc(var(--nav-height) + 4rem) var(--gutter) 0; }
.mentions-label { font: 600 .78rem var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--glow); }
.mentions-titre { font: 800 clamp(2.4rem, 7vw, 5.2rem)/1 var(--font-display); text-transform: uppercase; letter-spacing: -.02em; margin: 14px 0 18px; }
.mentions-maj { color: var(--secondary-text); margin-bottom: 56px; }
.mentions-liste { list-style: none; counter-reset: s; }
.mentions-liste > li { counter-increment: s; padding: 32px 0; border-top: 1px solid var(--theme-border-color); display: grid; grid-template-columns: 56px 1fr; gap: 0 16px; }
.mentions-liste > li::before { content: counter(s, decimal-leading-zero); font: 700 1.25rem var(--font-display); color: var(--glow); }
.mentions-liste h2 { font: 700 1.25rem/1.3 var(--font-display); text-transform: uppercase; letter-spacing: -.01em; margin-bottom: 10px; }
.mentions-liste p, .mentions-liste dl { color: var(--secondary-text); line-height: 1.7; }
.mentions-liste p + p { margin-top: 10px; }
.mentions-liste dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 18px; }
.mentions-liste dt { color: var(--text-color); }
.mentions-liste a { color: var(--glow); }
@media (max-width: 560px) {
    .mentions-liste > li { grid-template-columns: 1fr; gap: 8px 0; }
    .mentions-liste dl { grid-template-columns: 1fr; gap: 0; }
    .mentions-liste dd { margin-bottom: 8px; }
}