.ccs-potager{
  --vert-nuit:#22412c;
  --vert-profond:#2f5d3a;
  --vert-feuille:#5a8f4e;
  --vert-tendre:#aecf9e;
  --vert-brume:#eaf1e4;
  --terre:#b07a4f;
  --creme:#f7f4ec;
  --creme-bord:#e7e1d2;
  --encre:#25322a;
  --gris:#7a877c;
  --semer:#6faa54;
  --planter:#e0a54d;
  --recolter:#cf6b3c;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--encre);max-width:940px;margin:0 auto;padding:4px;-webkit-font-smoothing:antialiased;
}
.ccs-potager *{box-sizing:border-box;}
.ccs-potager .ccs-entete{text-align:center;padding:10px 0 22px;}
.ccs-potager .ccs-marque{display:inline-flex;align-items:center;gap:16px;text-align:left;}
.ccs-potager .ccs-logo{width:64px;height:64px;flex:none;filter:drop-shadow(0 3px 6px rgba(47,107,52,0.22));}
.ccs-potager img.ccs-logo{object-fit:contain;}
.ccs-potager .ccs-marque-texte{display:flex;flex-direction:column;}
.ccs-potager .ccs-surtitre{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--vert-feuille);font-weight:600;margin:0 0 8px;}
.ccs-potager .ccs-titre{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,4.2vw,2.7rem);line-height:1.05;font-weight:600;margin:0;color:var(--vert-profond);}
.ccs-potager .ccs-soustitre{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1rem,2.2vw,1.3rem);color:var(--vert-feuille);margin:4px 0 0;font-weight:400;}
.ccs-potager .ccs-sous{color:var(--gris);font-size:.96rem;line-height:1.5;margin:12px auto 0;max-width:500px;}
.ccs-potager .ccs-panneau{background:var(--creme);border:1px solid var(--creme-bord);border-radius:22px;padding:16px;margin-bottom:20px;}
.ccs-potager .ccs-mois-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.ccs-potager .ccs-mois-btn{border:none;background:transparent;color:var(--encre);font-size:.88rem;font-weight:600;padding:9px 13px;border-radius:12px;cursor:pointer;transition:background .18s,color .18s,transform .08s;font-family:inherit;}
.ccs-potager .ccs-mois-btn:hover{background:var(--vert-tendre);}
.ccs-potager .ccs-mois-btn:active{transform:scale(.95);}
.ccs-potager .ccs-mois-btn.actif{background:var(--vert-profond);color:#fff;box-shadow:0 4px 12px rgba(47,93,58,.28);}
.ccs-potager .ccs-mois-btn:focus-visible{outline:3px solid var(--planter);outline-offset:2px;}
.ccs-potager .ccs-sep{height:1px;background:var(--creme-bord);margin:14px 2px;}
.ccs-potager .ccs-reglages{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.ccs-potager .ccs-bloc{display:flex;align-items:center;gap:10px;}
.ccs-potager .ccs-bloc>span.lab{font-size:.8rem;color:var(--gris);font-weight:600;}
.ccs-potager .ccs-pills{display:flex;gap:5px;flex-wrap:wrap;}
.ccs-potager .ccs-zone-btn{border:1px solid var(--creme-bord);background:#fff;padding:7px 13px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--encre);cursor:pointer;font-family:inherit;transition:all .15s;}
.ccs-potager .ccs-zone-btn:hover{border-color:var(--vert-feuille);}
.ccs-potager .ccs-zone-btn.actif{background:var(--vert-feuille);color:#fff;border-color:var(--vert-feuille);}
.ccs-potager .ccs-zone-btn:focus-visible{outline:3px solid var(--planter);outline-offset:2px;}
.ccs-potager .ccs-lg{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--creme-bord);background:#fff;padding:7px 13px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;color:var(--encre);transition:opacity .15s,border-color .15s;}
.ccs-potager .ccs-lg .pt{width:11px;height:11px;border-radius:50%;flex:none;}
.ccs-potager .ccs-lg.inactif{opacity:.35;}
.ccs-potager .ccs-lg:focus-visible{outline:3px solid var(--planter);outline-offset:2px;}
.ccs-potager .ccs-pt-semer{background:var(--semer);}
.ccs-potager .ccs-pt-planter{background:var(--planter);}
.ccs-potager .ccs-pt-recolter{background:var(--recolter);}
.ccs-potager .ccs-compte{text-align:center;font-size:.82rem;color:var(--gris);margin:0 0 14px;}
.ccs-potager .ccs-compte b{color:var(--vert-profond);}
.ccs-potager .ccs-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;}
.ccs-potager .ccs-carte{background:#fff;border:1px solid var(--creme-bord);border-radius:16px;padding:15px 15px 13px;transition:transform .15s,box-shadow .15s,border-color .15s;animation:ccs-pop .28s ease both;}
@keyframes ccs-pop{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:translateY(0);}}
.ccs-potager .ccs-carte:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(47,93,58,.13);border-color:var(--vert-tendre);}
.ccs-potager .ccs-carte-tete{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.ccs-potager .ccs-emoji{font-size:1.6rem;line-height:1;}
.ccs-potager .ccs-nom{font-weight:700;font-size:1rem;}
.ccs-potager .ccs-actions{display:flex;flex-direction:column;gap:6px;}
.ccs-potager .ccs-action{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:600;}
.ccs-potager .ccs-action .pt{width:10px;height:10px;border-radius:50%;flex:none;}
.ccs-potager .ccs-vide{grid-column:1/-1;text-align:center;padding:44px 22px;color:var(--gris);background:var(--creme);border-radius:16px;font-size:.96rem;line-height:1.6;}
.ccs-potager .ccs-vide b{color:var(--vert-profond);}
.ccs-potager .ccs-note{margin-top:20px;font-size:.78rem;color:var(--gris);text-align:center;line-height:1.55;max-width:600px;margin-left:auto;margin-right:auto;}
@media(max-width:520px){
  .ccs-potager .ccs-reglages{flex-direction:column;align-items:stretch;}
  .ccs-potager .ccs-bloc{justify-content:space-between;}
  .ccs-potager .ccs-mois-bar{grid-template-columns:repeat(3,1fr);}
  .ccs-potager .ccs-mois-btn{padding:8px 6px;font-size:.8rem;}
}
@media(prefers-reduced-motion:reduce){
  .ccs-potager .ccs-carte{animation:none;}
  .ccs-potager *{transition:none!important;}
}