:root{--fond:#f4f7f1;--carte:#fff;--txt:#1d2618;--doux:#5a6852;--bord:#dbe5d3;--accent:#3f7d20;--accent2:#4f9629;--pale:#e8f2df;--ombre:0 1px 3px rgba(20,40,10,.08),0 4px 14px rgba(20,40,10,.06)}
@media (prefers-color-scheme:dark){:root{--fond:#11160e;--carte:#1a2116;--txt:#e7eee2;--doux:#a9b8a0;--bord:#2b3725;--accent:#8fd06a;--accent2:#a6dc86;--pale:#1f2e18;--ombre:none}}
*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:var(--txt);font:16.5px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:anywhere}
a{color:var(--accent)}.cont{max-width:960px;margin:0 auto;padding:0 16px}
.haut{background:var(--carte);border-bottom:1px solid var(--bord)}.haut .cont{display:flex;align-items:center;min-height:58px}
.marque{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;color:var(--txt);text-decoration:none}
.logo{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-size:18px}
main{padding:18px 16px 40px;min-height:60vh}h1{font-size:28px;line-height:1.25;margin:6px 0}h2{font-size:20px;margin-top:26px}
.heros{background:linear-gradient(135deg,#3f7d20,#5c9b35);color:#fff;border-radius:18px;padding:24px 20px;margin:8px 0 18px}.heros h1{color:#fff}.heros .devise{opacity:.9;margin:0;font-style:italic}
.heros.kalanw{background:linear-gradient(135deg,#1f4e5f,#3f7d20)}
.grille{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:700px){.grille{grid-template-columns:1fr 1fr}}
.tuile{display:block;background:var(--carte);border-radius:14px;box-shadow:var(--ombre);padding:16px;color:inherit;text-decoration:none}.tuile b{display:block;font-size:18px;margin:6px 0 2px}.tuile small{color:var(--doux)}
.porte{display:block;border-radius:18px;padding:20px;color:#fff;text-decoration:none;box-shadow:var(--ombre)}.porte b{display:block;font-size:22px;margin:4px 0}
.porte.langues{background:linear-gradient(135deg,#6b3fa0,#8d5cc4)}.porte.agro{background:linear-gradient(135deg,#3f7d20,#5c9b35)}.porte .go{display:inline-block;margin-top:12px;background:rgba(255,255,255,.2);padding:8px 14px;border-radius:10px;font-weight:700}
.etat{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--pale);color:var(--accent)}
.carte{background:var(--carte);border-radius:14px;box-shadow:var(--ombre);padding:16px;margin:16px 0}.meta{color:var(--doux);font-size:14.5px}
.btn{display:inline-flex;background:var(--accent);color:#fff;border-radius:12px;padding:11px 18px;font-weight:700;text-decoration:none}
.pied{border-top:1px solid var(--bord);padding:20px 0 30px;color:var(--doux);font-size:14px}.pied a{color:var(--doux)}