:root{--fond:#f7f6f2;--carte:#fff;--encre:#16150f;--doux:#5b584f;--ligne:#e4e1d7;--accent:#1f6f5c;--accent-pale:#e3f1ec}
@media (prefers-color-scheme:dark){:root{--fond:#121210;--carte:#1b1b18;--encre:#f1efe8;--doux:#b3afa3;--ligne:#2e2d28;--accent:#5cc4a6;--accent-pale:#1b2e28}}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6}
a{color:inherit}
.c{max-width:960px;margin:0 auto;padding:0 16px}
header{padding:28px 0}
.logo{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;text-decoration:none}
.logo span{color:var(--accent)}
h1{font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.1;letter-spacing:-.02em;margin:40px 0 16px;max-width:760px}
.chapeau{font-size:1.2rem;color:var(--doux);max-width:640px;margin:0 0 48px}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:64px}
.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:border-color .15s}
.carte:hover{border-color:var(--accent)}
.carte h2{margin:0;font-size:1.35rem}
.carte p{margin:0;color:var(--doux)}
.etiquette{align-self:flex-start;background:var(--accent-pale);color:var(--accent);font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px}
.lien{margin-top:auto;font-weight:700;color:var(--accent)}
.principes{border-top:1px solid var(--ligne);padding:40px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.principes h3{margin:0 0 6px;font-size:1.05rem}
.principes p{margin:0;color:var(--doux);font-size:.95rem}
footer{border-top:1px solid var(--ligne);padding:28px 0 40px;color:var(--doux);font-size:.88rem}
footer nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}
main.texte{max-width:720px}
main.texte h1{font-size:2rem;margin-top:24px}
main.texte h2{font-size:1.2rem;margin-top:32px}