.legal-header{
    border-bottom:1px solid var(--border);
    background-color:rgba(11,11,11,.96);
}
.legal-header .Logo_Nom a{display:flex}
.legal-back{
    color:var(--gold-light);
    text-decoration:none;
    border:1px solid var(--border);
    border-radius:6px;
    padding:8px 12px;
    transition:var(--transition);
}
.legal-back:hover{
    color:var(--gold);
    border-color:var(--gold);
    box-shadow:0 0 12px rgba(212,175,55,.15);
}
.legal-main{
    width:min(1100px,92%);
    margin-inline:auto;
    padding-block:50px 80px;
}
.legal-title{margin-bottom:8px}
.legal-title h2{
    padding:0;
    font-size:clamp(1.7rem,5vw,2.6rem);
    color:var(--gold);
}
.legal-update{
    text-align:center;
    color:var(--text-secondary);
    font-size:.9rem;
    margin-bottom:35px;
}
.legal-card{
    background:linear-gradient(145deg,rgba(212,175,55,.035),transparent 45%),var(--background-card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:clamp(20px,5vw,45px);
    margin-bottom:35px;
}
.legal-card h3{
    color:var(--gold);
    font-size:clamp(1.4rem,4vw,2rem);
    margin:30px 0 22px;
    text-align:center;
}
.legal-card h3:first-child{margin-top:0}
.legal-card h4{
    color:var(--gold-light);
    font-size:clamp(1.05rem,3vw,1.25rem);
    margin:30px 0 10px;
}
.legal-card p,.legal-card li{
    color:var(--text-secondary);
    font-size:1rem;
    line-height:1.75;
}
.legal-card p{margin-bottom:12px}
.legal-card ul{
    padding-left:24px;
    margin-block:12px 18px;
}
.legal-card li{margin-bottom:7px}
.legal-card strong{color:var(--text)}
.legal-card a{
    color:var(--gold);
    text-underline-offset:3px;
}
.legal-card a:hover{color:var(--gold-light)}
.todo{
    color:#ffcc66;
    font-weight:700;
}
.legal-footer{
    background-color:var(--background);
    border-top:1px solid var(--border);
    padding:20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}
.legal-footer p{
    color:var(--text-secondary);
    font-size:.8rem;
}
.legal-footer div{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}
.legal-footer a{
    color:var(--gold-dark);
    text-decoration:none;
    font-size:.8rem;
}
.legal-footer a:hover{color:var(--gold)}

@media screen and (max-width:600px){
    .legal-header{gap:12px}
    .legal-header .Logo{width:75px}
    .legal-header h1{font-size:1rem}
    .legal-header h1 span{font-size:.9rem}
    .legal-back{font-size:.75rem;padding:7px 9px}
    .legal-main{width:94%;padding-top:35px}
    .legal-footer{flex-direction:column;text-align:center}
    .legal-footer div{justify-content:center}
}