@import url('index.css');
html, body.texte { height: auto; overflow: auto; display: block; padding: 0; }
body.texte::after { content: ""; position: fixed; inset: 0; z-index: -1; background: var(--bleu-nuit) url('img/background.jpg') center / cover; filter: brightness(.55); }
body.texte header, body.texte footer { max-width: 760px; margin: 0 auto; padding: 18px 20px; }
body.texte a { color: var(--banane); }
body.texte article { max-width: 760px; margin: 0 auto; padding: 8px 20px 40px; line-height: 1.65; }
body.texte h1 { font-size: clamp(2rem, 6vw, 3rem); font-weight: 800; margin: 12px 0 18px; }
body.texte h2 { font-size: 1.35rem; margin: 34px 0 10px; }
body.texte li { margin-bottom: 6px; }
body.texte footer { text-align: center; color: var(--texte-doux); }
