/* Page « Mentions légales & confidentialité » : même DA que le site (filets tendus, éclats, mono). */
.legal {
    max-width: 52rem;
    margin: 0 auto;
    padding: clamp(3rem, 8vw, 6rem) var(--gutter);
}

.legal .section-title {
    font-size: clamp(2.6rem, 8vw, 5.5rem);
}

.legal-part {
    margin-top: clamp(4rem, 10vw, 7rem);
}

.legal-back {
    margin: 0 0 2.5rem;
}

.legal-back a,
.legal-updated {
    color: var(--grey);
}

.legal-back a {
    text-decoration: none;
    transition: color var(--dur);
}

.legal-back a:focus-visible {
    color: var(--paper);
}

@media (hover: hover) and (pointer: fine) {
    .legal-back a:hover {
        color: var(--paper);
    }
}

.legal-updated {
    margin: 1rem 0 0;
}

.legal-block {
    margin-top: clamp(2rem, 5vw, 3rem);
    padding-top: 1.25rem;
    color: var(--grey);
    background: var(--line-fade) top / 100% 1px no-repeat;
}

.legal-title {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 1rem;
    color: var(--paper);
    font-family: var(--font-mono);
    font-size: var(--size-label);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.legal-title::before {
    content: '';
    flex: none;
    width: 0.7em;
    height: 1.05em;
    background: currentColor;
    -webkit-mask: var(--star) center / contain no-repeat;
    mask: var(--star) center / contain no-repeat;
}

.legal-block p,
.legal-block ul {
    max-width: 68ch; /* longueur de ligne confortable */
    margin: 0 0 1rem;
    color: var(--paper);
    line-height: 1.65;
}

.legal-block ul {
    padding-left: 1.25rem;
}

.legal-block li + li {
    margin-top: 0.4rem;
}

.legal-block a {
    color: var(--paper);
}

.legal-block code {
    font-family: var(--font-mono);
    font-size: 0.9em;
}