.sitemap-container{
    max-width:1200px;
    margin:auto;
    padding:40px;
}

.sitemap-container h1{
    text-align:center;
    font-size:2.3rem;
    margin-bottom:30px;
}

.sitemap-grid{
    display:grid;
    gap:25px;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}

.sitemap-box{
    padding:20px;
    border-radius:12px;
    backdrop-filter: blur(4px);
}

/* MODE JOUR */
:root body.light-mode .sitemap-box{
    background:#ffffff;
    border:1px solid #ddd;
}

/* MODE NUIT */
:root body.dark-mode .sitemap-box{
    background:#111;
    border:1px solid #333;
}

.sitemap-box h2{
    margin-bottom:10px;
    font-size:1.2rem;
}

.sitemap-box ul{
    padding-left:15px;
}

.sitemap-box li{
    margin:6px 0;
}

.sitemap-box a{
    text-decoration:none;
    transition:.2s;
}

body.light-mode .sitemap-box a{ color:#333; }
body.dark-mode .sitemap-box a{ color:#e8e8e8; }

.sitemap-box a:hover{
    opacity:.7;
    text-decoration:underline;
}


.sitemap-container{
    max-width:1200px;
    margin:auto;
    padding:40px 20px;
    text-align:center;
}

.sitemap-container h1{
    font-size:2.8rem;
    margin-bottom:40px;
    font-family: "Playfair Display", serif;
}

/* grille centrée */
.sitemap-grid{
    display:flex;
    flex-wrap:wrap;
    gap:60px;
    justify-content:center;
}

/* chaque bloc colonne */
.sitemap-box{
    min-width:220px;
}

.sitemap-box h2{
    font-size:1.4rem;
    margin-bottom:12px;
    color:#111;
}

/* list  */
.sitemap-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.sitemap-box li{
    margin:6px 0;
}

.sitemap-box a{
    text-decoration:none;
    color:#0054a6;
    font-size:1.05rem;
    transition:0.2s;
}

.sitemap-box a:hover{
    color:#ff8800;
    text-decoration:underline;
}