/* Blog MATEA Energie — style léger, palette du site */
:root{
  --ink:#14201C; --green:#2A8A3D; --green-2:#1F6E2E; --green-soft:#DCE9D4;
  --cream:#F1ECE3; --paper:#FAF7F0; --line:#DAD2C0; --mute:#5b6560;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);
  font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}
a{color:var(--green-2)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.top{background:var(--ink);color:var(--paper)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
header.top a{color:var(--paper);text-decoration:none;font-weight:700}
.cta{background:var(--green);color:#fff;padding:9px 16px;border-radius:10px;font-weight:600;text-decoration:none}
.crumb{font-size:13px;color:var(--mute);padding:16px 0}
.crumb a{color:var(--mute)}
article h1{font-size:2rem;line-height:1.15;margin:.2em 0 .3em}
.meta{color:var(--mute);font-size:.9rem;margin-bottom:1.2rem}
article h2{font-size:1.35rem;margin:1.8rem 0 .5rem}
article p,article li{font-size:1.05rem;color:#2A3631}
.hero{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:14px;margin:1rem 0 1.5rem;background:var(--green-soft)}
.box{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;margin:2rem 0;text-align:center}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 48px}
.card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink)}
.card:hover{border-color:var(--green)}
.card h3{margin:.2em 0}
.card span{color:var(--mute);font-size:.85rem}
footer{background:var(--ink);color:#b9c2bd;font-size:.9rem;margin-top:40px}
footer .wrap{padding:24px 20px;text-align:center}
@media(max-width:640px){.grid{grid-template-columns:1fr}article h1{font-size:1.6rem}}
