/* Minimal, inspiré du thème montré */
:root{ --green:#2e7d32; --accent:#ffa000; --bg:#f7f8fa; --text:#1f2933; --muted:#6b7280; }
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial; margin:0; color:var(--text); background:var(--bg);}
a{color:var(--green); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1060px;margin:0 auto;padding:24px}
.site-header{background:#fff; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:10}
.head{display:flex; align-items:center; justify-content:space-between}
.logo{font-weight:700; font-size:20px}
.nav a{margin:0 10px; padding:10px 8px; border-radius:8px}
.nav a.is-active{background:#e8f5e9}
.site-main{min-height:60vh}
.site-footer{background:#fff; border-top:1px solid #e5e7eb; margin-top:48px; padding-top:24px}
.grid-3{display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px}
.grid-2{display:grid; grid-template-columns:1.4fr .8fr; gap:24px}
.list{list-style:none; padding-left:0; margin:0}
.muted{color:var(--muted)}
.hero{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:center; padding:24px; background:linear-gradient(135deg,#fff 0%, #f1f8f4 100%); border:1px solid #e5e7eb; border-radius:16px; margin-top:16px}
.hero .btn{margin-right:8px}
.hero-card{background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px}
.btn{display:inline-block; background:var(--green); color:#fff; padding:10px 16px; border-radius:10px; font-weight:600}
.btn.ghost{background:transparent; color:var(--green); border:2px solid var(--green)}
.btn.small{padding:6px 10px; font-size:14px}
.page-head{margin:8px 0 20px}
.cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px}
.card{background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px}
.article .lead{color:var(--muted)}
.side .panel{background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; margin-bottom:12px}
.tags .tag{display:inline-block; background:#eef5ee; padding:4px 8px; border-radius:20px; font-size:12px; margin-right:6px}
.table{width:100%; border-collapse:collapse; background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden}
.table th,.table td{padding:12px; border-bottom:1px solid #e5e7eb; text-align:left}
.table thead{background:#f9fafb}
.footnote{border-top:1px solid #e5e7eb; margin-top:16px; padding:12px 0; color:var(--muted); font-size:14px}
@media (max-width:900px){
  .grid-2,.grid-3,.hero{grid-template-columns:1fr}
  .nav{display:flex; flex-wrap:wrap}
}