* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    background-color: #003399; 
    color: #ffffff; 
    font-family: "Georgia", serif; 
    padding: 60px 80px;
    min-height: 100vh;
}

header { margin-bottom: 70px; }

.nav-container { 
    display: flex; 
    justify-content: space-between; 
    align-items: baseline; 
}

/* LE TITRE : PLUS FIN POUR ÉVITER LE PÂTÉ */
.brand { 
    font-weight: 300;           /* On passe sur du léger pour l'élégance */
    letter-spacing: 10px;       /* On espace encore un peu plus pour l'air */
    font-size: 1.5em; 
    text-transform: uppercase; 
}

.brand a { text-decoration: none; color: #ffffff; }

nav { display: flex; gap: 35px; }

nav a { 
    text-decoration: none; 
    color: rgba(255, 255, 255, 0.75); 
    font-style: italic; 
}

.nav-line { border: none; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 12px; }

.manual-clean { max-width: 700px; }

.message-block { 
    display: flex; 
    gap: 20px; 
    padding: 15px 0; 
}

.num { 
    font-family: monospace; 
    color: rgba(255, 255, 255, 0.4); 
    min-width: 40px; 
}

.content { flex: 1; }

.text-block { 
    font-size: 0.95em; 
    line-height: 1.7; 
    text-align: justify; 
}

.end-of-report { margin-top: 40px; color: rgba(255, 255, 255, 0.5); letter-spacing: 8px; }

.copyright {
    position: fixed;
    bottom: 40px;
    left: 80px;
}

.copyright a { 
    font-family: monospace; 
    font-style: italic; 
    color: #ffffff; 
    text-decoration: none; 
    
}

@media (max-width: 800px) {
    body { padding: 40px 25px; }
    .nav-container { flex-direction: column; gap: 20px; }
    .copyright { left: 25px; bottom: 20px; }
}