:root {
    --blue: #1a3a6b;
    --blue-light: #2d5aa0;
    --yellow: #f0c040;
    --white: #fdfaf4;
    --text: #2c2c2c;
    --muted: #6b6b6b;
}

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

body { 
    background: var(--white); 
    color: var(--text); 
    font-family: 'Lora', Georgia, serif; line-height: 1.8; 
}

header { 
    background: var(--blue); 
    color: white; 
    padding: 48px 24px 40px; 
    text-align: center; 
    border-bottom: 5px solid var(--yellow); 
}

header h1 { 
    font-family: 'Playfair Display', serif; 
    font-size: clamp(1.6rem, 4vw, 2.4rem); 
    letter-spacing: 0.01em; margin-bottom: 8px; 
}

header p { 
    font-size: 0.95rem; 
    color: rgba(255,255,255,0.7); 
    font-style: italic; 
}

.logo { 
    width: 120px; 
    height: 120px; 
    border-radius: 16px; 
    margin-bottom: 20px; 
    border: 3px solid var(--yellow); 
    object-fit: cover; 
}

main { 
    max-width: 760px; 
    margin: 0 auto; 
    padding: 48px 24px 80px; 
}

.updated { 
    font-size: 0.85rem; 
    color: var(--muted); 
    font-style: italic; 
    margin-bottom: 40px; 
    padding-bottom: 16px; 
    border-bottom: 1px solid #e0d8c8; 
}

.preface { 
    background: #f5f0e8; 
    border-left: 4px solid var(--yellow); 
    padding: 24px 28px; 
    margin-bottom: 40px; 
    border-radius: 0 8px 8px 0; 
}

.preface blockquote { 
    font-style: italic; 
    font-size: 1.05rem; 
    color: var(--blue); 
    margin-bottom: 16px; 
}

.preface blockquote cite { 
    display: block; 
    font-size: 0.9rem; 
    margin-top: 8px; 
    font-weight: 500; 
}

.preface p { 
    margin-bottom: 10px; 
    font-size: 0.97rem; 
}

.droits { 
    font-size: 0.85rem; 
    color: var(--muted); 
    border-top: 1px solid #d0c8b8; 
    margin-top: 16px; 
    padding-top: 12px; 
    font-style: italic; 
}

section { margin-bottom: 40px; }
h2 { 
    font-family: 'Playfair Display', serif; 
    font-size: 1.25rem; 
    color: var(--blue); 
    margin-bottom: 12px; 
    padding-left: 14px; 
    border-left: 4px solid var(--yellow); 
}

p { 
    margin-bottom: 12px; 
    font-size: 1rem; 
}

ul { 
    margin: 8px 0 12px 20px; 
}

ul li { 
    margin-bottom: 6px; 
}

a { 
    color: var(--blue-light); 
    text-decoration: underline; 
}

footer { 
    background: var(--blue); 
    color: rgba(255,255,255,0.6); 
    text-align: center; 
    padding: 24px; 
    font-size: 0.85rem; 
    border-top: 3px solid var(--yellow); 
}