:root{--fond:#F3F1E6;--surface:#FFFEF8;--encre:#1C2A1F;--plume:#535F50;
--estompe:#879084;--trait:#D6D8C4;--filet:#E6E7D8;--accent:#2E6A39;
--accent-clair:#E1EDDD;--ok:#3A782E;--ok-clair:#E5F0DF;--ko:#A53C29;
--ko-clair:#F7E5E0;--attn:#94660F;--attn-clair:#F8EED7}
*{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--fond);color:var(--encre);font-family:'Figtree',system-ui,-apple-system,sans-serif;
 font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}
a{color:var(--accent);text-underline-offset:2px}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:2px}
header.top{background:var(--surface);border-bottom:1px solid var(--trait)}
.top-in{max-width:780px;margin:0 auto;padding:13px 22px;display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}
.logo{font-family:'Alegreya',Georgia,serif;font-weight:600;font-size:22px;letter-spacing:-.015em;
 text-decoration:none;color:var(--encre);white-space:nowrap}
.logo span{color:var(--accent)}
.top nav{display:flex;gap:19px;flex-wrap:wrap}
.top nav a{color:var(--plume);text-decoration:none;font-size:15px;padding:2px 0;border-bottom:1.5px solid transparent}
.top nav a:hover{color:var(--encre);border-bottom-color:var(--accent)}
.fil{font-size:13.5px;color:var(--estompe);padding-top:22px}
.fil a{color:var(--estompe)}
h1{font-family:'Alegreya',Georgia,serif;font-weight:500;font-size:clamp(30px,5vw,45px);line-height:1.09;
 letter-spacing:-.02em;margin:16px 0 12px;max-width:19ch;text-wrap:balance}
h2{font-family:'Alegreya',Georgia,serif;font-weight:500;font-size:25px;letter-spacing:-.013em;margin:38px 0 12px;line-height:1.22}
h3{font-size:17px;font-weight:600;margin:24px 0 5px}
p{max-width:68ch;margin:0 0 15px}
.chapo{font-size:19.5px;line-height:1.55;color:var(--plume);margin:0 0 28px;max-width:52ch}
ul,ol{max-width:68ch;line-height:1.72} li{margin-bottom:5px}
.carte{background:var(--surface);border:1px solid var(--trait);border-radius:3px}
.carte-h{padding:24px 26px 22px} .carte-b{padding:0 26px 26px}
.rangee{display:flex;flex-wrap:wrap;gap:18px} .rangee+.rangee{margin-top:18px}
.champ{flex:1;min-width:152px} .champ.plein{flex-basis:100%}
.champ label{display:block;font-size:13.5px;font-weight:500;color:var(--plume);margin-bottom:6px}
.champ input,.champ select,.champ textarea{width:100%;padding:10px 0;border:0;border-bottom:1.5px solid var(--trait);
 border-radius:0;font-size:17px;font-family:inherit;background:transparent;color:var(--encre)}
.champ input:focus,.champ select:focus{outline:0;border-bottom-color:var(--accent);border-bottom-width:2px;padding-bottom:9px}
.btn{background:var(--accent);color:#fff;border:0;border-radius:3px;padding:12px 26px;font-size:16.5px;
 font-weight:600;font-family:inherit;cursor:pointer}
.btn:hover{filter:brightness(.88)}
.btn.second{background:transparent;color:var(--accent);border:1.5px solid var(--trait)}
.verdict{margin:26px 0 0;padding:26px 0 0;border-top:2px solid var(--encre)}
.verdict .etat{font-size:14px;font-weight:500;color:var(--plume);margin-bottom:8px}
.verdict .chiffre{font-family:'Alegreya',Georgia,serif;font-weight:400;font-size:clamp(38px,7vw,58px);
 line-height:1;letter-spacing:-.028em;font-variant-numeric:tabular-nums lining-nums;margin-bottom:14px}
.verdict p{margin:0 0 11px;font-size:16px;line-height:1.62;max-width:62ch}
.verdict p:last-child{margin-bottom:0}
.v-ok{border-top-color:var(--ok)} .v-ok .chiffre{color:var(--ok)}
.v-ko{border-top-color:var(--ko)} .v-ko .chiffre{color:var(--ko)}
.v-info{border-top-color:var(--accent)} .v-info .chiffre{color:var(--accent)}
.v-attn{border-top-color:var(--attn)} .v-attn .chiffre{color:var(--attn)}
.grille3,.grille2{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--trait)}
.grille3{grid-template-columns:repeat(3,1fr)} .grille2{grid-template-columns:repeat(2,1fr)}
.cell{padding:16px 22px;border-right:1px solid var(--filet)}
.cell:first-child{padding-left:0} .cell:last-child{border-right:0;padding-right:0}
.cell .lib{font-size:13.5px;color:var(--plume)}
.cell .val{font-family:'Alegreya',Georgia,serif;font-weight:400;font-size:27px;line-height:1.15;
 letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;margin-top:3px}
.cell .val .unit{font-size:13.5px;color:var(--estompe);font-family:'Figtree',sans-serif;margin-left:2px;position:relative;top:-2px}
.cell .unit{font-size:13.5px;color:var(--estompe);margin-top:3px}
@media(max-width:620px){.grille3,.grille2{grid-template-columns:1fr}
 .cell{border-right:0;border-bottom:1px solid var(--filet);padding:14px 0}
 .cell:last-child{border-bottom:0}}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px}
th,td{padding:10px 12px 10px 0;text-align:left;border-bottom:1px solid var(--filet)}
th{font-size:13.5px;font-weight:600;color:var(--plume);border-bottom:1.5px solid var(--trait)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums lining-nums;padding-right:0}
tr.total td,tr.fort td{font-weight:600;border-bottom:0;border-top:1.5px solid var(--trait)}
.bloc{background:var(--surface);border:1px solid var(--trait);border-radius:3px;padding:26px 28px;margin:22px 0}
.bloc h2{margin-top:0}
.avert{border-left:2px solid var(--estompe);padding:2px 0 2px 18px;margin:20px 0;font-size:15.5px;
 line-height:1.62;color:var(--plume);max-width:66ch}
.avert strong{color:var(--encre)}
.outils-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 40px;
 margin:16px 0;border-top:1px solid var(--trait)}
.outil{padding:15px 0;text-decoration:none;color:var(--encre);display:block;border-bottom:1px solid var(--filet)}
.outil:hover .nom{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.outil .nom{font-weight:600;font-size:16.5px;display:block;line-height:1.35}
.outil .quoi{font-size:14.5px;color:var(--plume);margin-top:3px;display:block;line-height:1.5}
.maillage ul{list-style:none;padding:0;line-height:1.9;columns:2;column-gap:36px}
.maillage li{break-inside:avoid}
.themes-titre{margin:26px 0 12px;font-size:17px} .themes-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .themes-grille a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:12px 14px;background:var(--surface);border:1px solid var(--trait);border-radius:var(--r,10px);text-decoration:none;color:var(--encre)} .themes-grille a b{font-weight:600;font-size:15px;line-height:1.3} .themes-grille a span{color:var(--plume);font-size:13px;white-space:nowrap} .themes-grille a:hover{border-color:var(--accent)}
@media(max-width:620px){.maillage ul{columns:1}}
footer{border-top:1px solid var(--trait);margin-top:56px;padding:30px 0 48px;background:var(--surface)}
footer p{font-size:14px;color:var(--plume);max-width:62ch;margin:0 0 9px}
footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin-top:14px}
.masque{display:none}
.saut{position:absolute;left:-9999px;background:var(--accent);color:#fff;padding:11px 20px;
 border-radius:0 0 3px 0;font-weight:600;text-decoration:none;font-size:15.5px;z-index:100}
.saut:focus{left:0;top:0}
@media(max-width:640px){
 body{font-size:16.5px} .wrap{padding:0 18px}
 .top-in{padding:10px 18px 9px;gap:0;flex-wrap:wrap;align-items:center}
 .logo{font-size:19px}
 .top nav{gap:0;flex-wrap:nowrap;width:100%;margin:8px 0 0;justify-content:space-between;border-top:1px solid var(--filet);padding-top:7px}
 .top nav::-webkit-scrollbar{display:none}
 .top nav a{font-size:14.5px;padding:2px 0;white-space:nowrap;border-bottom:0} .top nav a:first-child{display:none}
 .chapo{font-size:17px;margin-bottom:22px}
 h2{font-size:22px;margin:30px 0 10px}
 .carte-h{padding:20px 18px 18px} .carte-b{padding:0 18px 20px}
 .bloc{padding:22px 20px}
}

/* — calculateurs — */
.calc{background:var(--surface);border:1px solid var(--trait);border-radius:3px;padding:26px 28px;margin:22px 0}
.calc .champ{position:relative;margin-bottom:18px;min-width:0}
.calc>.champ:last-child{margin-bottom:0}
.calc .champ input[type=number]{padding-right:64px}
.suffixe{position:absolute;right:0;bottom:11px;font-size:13.5px;color:var(--estompe);pointer-events:none}
.sous{font-size:13.5px;font-weight:600;color:var(--plume);text-transform:none;letter-spacing:.01em;margin:26px 0 10px}
.case{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--encre);font-weight:400;margin:8px 0;cursor:pointer}
.case input{width:auto;margin:5px 0 0;accent-color:var(--accent);flex-shrink:0}
.aide{font-size:14.5px;color:var(--plume);margin:-4px 0 16px}
.note{margin-top:20px;padding-top:16px;border-top:1px solid var(--filet)}
.note p{font-size:15.5px;color:var(--plume);margin:0 0 10px} .note p:last-child{margin:0}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-top:22px;border-top:1px solid var(--trait)}
.grille:empty{display:none;border:0;margin:0}
.verdict:empty{display:none}
.verdict .v-ok,.verdict .v-ko,.verdict .v-attn,.verdict .v-info{padding-left:14px;border-left:2.5px solid}
.verdict .v-ok{border-left-color:var(--ok)} .verdict .v-ko{border-left-color:var(--ko)}
.verdict .v-attn{border-left-color:var(--attn)} .verdict .v-info{border-left-color:var(--accent)}
.verdict .v-ok strong{color:var(--ok)} .verdict .v-ko strong{color:var(--ko)} .verdict .v-attn strong{color:var(--attn)}
table.tab td .det{display:block;font-size:13px;color:var(--estompe);font-weight:400}
table.tab tr.meilleur td{background:var(--ok-clair)}
table.tab td:first-child,table.tab th:first-child{padding-left:8px}
table.tab{font-variant-numeric:tabular-nums lining-nums} td.n{white-space:nowrap} th.n{white-space:normal} .calc{overflow-x:auto} table.tab td{vertical-align:top}
@media(max-width:620px){table{font-size:14px} th,td{padding:8px 8px 8px 0} .bloc{overflow-x:auto} .cell .val{font-size:23px}}
.ligne{display:grid;grid-template-columns:190px 1fr;gap:6px 24px;padding:14px 0;border-bottom:1px solid var(--filet)}
.ligne:last-child{border-bottom:0;padding-bottom:0} .ligne:first-of-type{padding-top:0}
.ligne .nom{font-weight:600;font-size:16px;line-height:1.4}
.ligne .quoi{font-size:15.5px;color:var(--plume);line-height:1.6;max-width:56ch}
@media(max-width:620px){.ligne{grid-template-columns:1fr;gap:3px} .calc{padding:22px 20px}}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start} .deux .champ{margin-bottom:18px}
@media(max-width:620px){.deux{grid-template-columns:1fr}}
.pilule{display:inline-block;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:2px;background:var(--accent-clair);color:var(--accent);margin-left:8px;vertical-align:middle}
.pilule.ok{background:var(--ok-clair);color:var(--ok)} .pilule.ko{background:var(--ko-clair);color:var(--ko)} .pilule.attn{background:var(--attn-clair);color:var(--attn)}
.barre{height:8px;background:var(--filet);border-radius:2px;overflow:hidden;margin-top:6px}
.barre i{display:block;height:100%;background:var(--accent)}
.accueil-h1{max-width:22ch}
.bloc.amz{border-left:3px solid var(--accent)} .bloc.amz a{font-weight:600}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--trait);margin:34px 0 8px}
.trio div{padding:18px 20px 18px 0;border-right:1px solid var(--filet)} .trio div:last-child{border-right:0}
.trio b{display:block;font-family:'Alegreya',Georgia,serif;font-weight:500;font-size:20px;letter-spacing:-.015em;margin-bottom:4px}
.trio span{font-size:14.5px;color:var(--plume);line-height:1.5;display:block}
@media(max-width:620px){.trio{grid-template-columns:1fr} .trio div{border-right:0;border-bottom:1px solid var(--filet);padding:14px 0} .trio div:last-child{border-bottom:0}}

/* — accueil — */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start;padding:36px 0 8px;position:relative}
.hero .calc{margin:0}
.hero h1{margin-top:0}
.orne{position:absolute;right:-70px;top:-60px;width:280px;height:280px;opacity:.07;pointer-events:none;color:var(--accent);z-index:0} .hero>div{position:relative;z-index:1}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:20px;padding-top:20px} .orne{display:none}}
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0 6px}
.carte-o{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--trait);border-radius:3px;padding:16px 16px 15px;text-decoration:none;color:var(--encre)}
.carte-o:hover{border-color:var(--accent)} .carte-o:hover .nom{color:var(--accent)}
.carte-o svg{width:30px;height:30px;flex-shrink:0;color:var(--accent);margin-top:2px}
.carte-o .nom{display:block;font-weight:600;font-size:15.5px;line-height:1.3}
.carte-o .quoi{display:block;font-size:13.5px;color:var(--plume);margin-top:4px;line-height:1.45}
.familles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 36px;margin:14px 0}
.famille h3{font-family:'Alegreya',Georgia,serif;font-weight:500;font-size:19px;margin:18px 0 6px;letter-spacing:-.01em}
.famille ul{list-style:none;padding:0;margin:0;line-height:1.55}
.famille li{padding:6px 0;border-bottom:1px solid var(--filet);font-size:15px} .famille li:last-child{border-bottom:0}
.famille a{text-decoration:none;color:var(--encre)} .famille a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.bandeau{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:baseline;font-size:14px;color:var(--plume);margin:8px 0 26px}
.bandeau b{color:var(--encre);font-weight:600}
.section-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:40px}
.section-h h2{margin:0} .section-h a{font-size:14.5px;white-space:nowrap}
/* — profils d'achat — */
.profils{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:14px 0 4px}
.profil{border:1px solid var(--trait);border-radius:3px;padding:14px 16px;background:var(--fond)}
.profil b{display:block;font-size:15px;margin-bottom:4px} .profil p{font-size:14px;color:var(--plume);margin:0 0 10px;line-height:1.5}
.profil a,.amz-lien{font-weight:600;font-size:14.5px}
.resultat-amz{margin-top:14px;font-size:15px}
/* — pages de déclinaison — */
.fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border-top:1px solid var(--trait);margin:8px 0 22px}

/* — identité — */
@font-face{font-family:'Alegreya';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/alegreya.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('/fonts/figtree.woff2') format('woff2')}

.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.logo .marque{width:30px;height:30px;flex-shrink:0}
.logo .nom-site{white-space:nowrap}
.illu{width:min(300px,100%);height:auto;color:var(--accent);margin:22px 0 4px;display:block}
.hero h1 em{font-style:italic;color:var(--accent)}

body{background-image:repeating-linear-gradient(0deg,rgba(46,106,57,.045) 0 1px,transparent 1px 26px)}
h1,h2,.logo .nom-site,.trio b,.famille h3{font-family:'Alegreya',Georgia,serif}
h1{font-weight:700;letter-spacing:-.015em;font-size:clamp(34px,5.4vw,52px);line-height:1.05}
h2{font-weight:700;letter-spacing:-.01em;font-size:27px}
h3{font-weight:650}
.logo .nom-site{font-weight:800;font-size:25px;letter-spacing:-.01em;color:var(--encre)}
.logo .nom-site span{color:var(--accent)}
header.top{border-bottom:3px solid var(--accent);box-shadow:0 3px 0 #C9A66B}
.bloc,.calc,.carte-o,.profil,.carte{border-radius:14px}
.calc{border-top:5px solid var(--accent);box-shadow:0 10px 26px -20px rgba(28,42,31,.45)}
.btn{border-radius:999px}
.bloc h2::before{content:'';display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:1px;background:var(--accent);border-radius:0 70% 0 70%}
.section-h h2::before{content:'';display:inline-block;width:14px;height:14px;margin-right:12px;vertical-align:2px;background:var(--accent);border-radius:0 70% 0 70%}
.trio b::before{content:'';display:inline-block;width:12px;height:12px;margin-right:9px;background:#C9A66B;border-radius:0 70% 0 70%}
.trio div{border-right:0}
.verdict{border-top:2px solid var(--accent)}
.verdict p.v-ok,.verdict p.v-ko,.verdict p.v-attn,.verdict p.v-info{border-left:0;padding:13px 17px;border-radius:12px}
.verdict p.v-ok{background:var(--ok-clair)} .verdict p.v-ko{background:var(--ko-clair)} .verdict p.v-attn{background:var(--attn-clair)} .verdict p.v-info{background:var(--accent-clair)}
.carte-o svg{color:var(--accent);background:var(--accent-clair);border-radius:12px;padding:6px;width:40px;height:40px}
.profil{background:#FAF8EE}
.amz-lien,.profil a{border-bottom:2px solid var(--accent-clair)}
table.tab tr.meilleur td{background:var(--ok-clair)}
.hero{position:relative}
footer{background:var(--encre);color:#E6EADB;border-top:0;box-shadow:inset 0 4px 0 #C9A66B} footer p{color:#B9C2B0} footer nav a{color:#F1F4E8}

p,li,dd,figcaption{overflow-wrap:anywhere}
h1 em,.accueil-h1 em{padding-right:.08em}

/* — types de contenu — */
:root{--t-outil:#2E6A39;--t-outil-fg:#fff;--t-guide:#8C4A2B;--t-guide-fg:#fff;--t-rayon:#2A5E72;--t-rayon-fg:#fff;--t-fiche:#6A5A1C;--t-fiche-fg:#fff;--t-comparatif:#6A3F6E;--t-comparatif-fg:#fff;--t-projet:#9A5B13;--t-projet-fg:#fff;--tc:var(--accent);--tc-fg:#fff}
.tc-outil,.tb-outil,.t-outil,.b-outil{--tc:var(--t-outil);--tc-fg:var(--t-outil-fg)}.tc-guide,.tb-guide,.t-guide,.b-guide{--tc:var(--t-guide);--tc-fg:var(--t-guide-fg)}.tc-rayon,.tb-rayon,.t-rayon,.b-rayon{--tc:var(--t-rayon);--tc-fg:var(--t-rayon-fg)}.tc-fiche,.tb-fiche,.t-fiche,.b-fiche{--tc:var(--t-fiche);--tc-fg:var(--t-fiche-fg)}.tc-comparatif,.tb-comparatif,.t-comparatif,.b-comparatif{--tc:var(--t-comparatif);--tc-fg:var(--t-comparatif-fg)}.tc-projet,.tb-projet,.t-projet,.b-projet{--tc:var(--t-projet);--tc-fg:var(--t-projet-fg)}
/* Badges de type */
.tb{display:inline-block;background:var(--tc);color:var(--tc-fg);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px 3px;border-radius:999px;line-height:1.3;vertical-align:middle}
.page-type{margin:18px 0 -4px}
/* Cartes typées */
.tcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:18px 0 8px}
.tc{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--tc);border-radius:14px;padding:16px 18px 15px;text-decoration:none;color:var(--encre);transition:transform .15s,box-shadow .15s}
.tc:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}
.tc .tb{align-self:flex-start;font-size:11px;padding:3px 8px 2px}
.tc .tc-titre{font-weight:650;font-size:16.5px;line-height:1.3}
.tc .tc-quoi{font-size:14px;color:var(--plume);line-height:1.5;flex:1}
.tc .tc-cta{font-size:14px;font-weight:650;color:var(--tc);margin-top:2px}
.tc-fiche .tc-cta,.tc-theme .tc-cta{color:var(--tc)}
.tc:hover .tc-cta{text-decoration:underline;text-underline-offset:3px}
/* Bandes de l'accueil */
.bande{background:color-mix(in srgb,var(--tc) 7%,var(--fond));box-shadow:0 0 0 100vmax color-mix(in srgb,var(--tc) 7%,var(--fond));clip-path:inset(0 -100vmax);padding:34px 0 30px;margin-top:40px;border-top:4px solid var(--tc)}
.bande + .bande{margin-top:0} .bande + .bloc{margin-top:44px}
.bande-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px}
.bande-h h2{margin:8px 0 0;font-size:clamp(24px,3.4vw,32px);line-height:1.15}
.bande-h h2::before,.bande-h h2::after{display:none!important}
.bande-h .n{color:var(--plume);font-size:15px;font-weight:500;margin-left:8px;white-space:nowrap}
.bande > p{max-width:640px;color:var(--plume);margin:10px 0 0}
.btn-tc{display:inline-block;background:var(--tc);color:var(--tc-fg)!important;text-decoration:none;font-weight:650;font-size:15px;padding:10px 18px;border-radius:999px;white-space:nowrap}
.btn-tc:hover{filter:brightness(1.08)}
.bande .familles{margin-top:18px}
.bande .familles .famille{background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--t-guide);border-radius:14px;padding:14px 18px 10px}
.bande .familles .famille h3{margin-top:0}
.bande .familles .famille li a{text-decoration:none;color:var(--encre)}
.bande .familles .famille li a::before{content:'→';color:var(--t-guide);margin-right:8px;font-weight:700}
.bande .familles .famille li a:hover{color:var(--t-guide);text-decoration:underline}
.nb{display:inline-block;font-size:.55em;font-weight:600;color:var(--plume);background:var(--surface);border:1px solid var(--trait);border-radius:999px;padding:1px 9px;vertical-align:middle;margin-left:6px} .famille li.plus a{color:var(--t-guide)!important;font-weight:650} .famille li.plus a::before{content:''!important;margin:0!important} .sommaire{line-height:2;font-size:15px} h2[id]{scroll-margin-top:16px}
.sommaire-page{background:var(--surface);border:1px solid var(--trait);border-left:5px solid var(--tc);border-radius:14px;padding:14px 20px 12px;margin:6px 0 22px}
.sommaire-page b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--plume);margin-bottom:4px}
.sommaire-page ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:15px;line-height:1.75} .sommaire-page li{break-inside:avoid}
.sommaire-page a{color:var(--encre);text-decoration:none} .sommaire-page a:hover{color:var(--tc);text-decoration:underline}
h2[id]{scroll-margin-top:14px} .deux .profil .ligne{grid-template-columns:1fr;gap:2px;padding:8px 0} .deux .profil .ligne .nom{font-weight:650}
.rubriques{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px}
.rubriques a{display:block;background:var(--surface);border:1px solid var(--trait);border-top:4px solid var(--tc);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--encre)}
.rubriques a b{display:block;font-size:17px} .rubriques a span{color:var(--plume);font-size:14px}
@media(max-width:640px){.sommaire-page ol{columns:1}}
.b-outil .carte-o{border-top:4px solid var(--t-outil)}
.themes-grille a{border-left:5px solid var(--t-fiche)}
/* Navigation : repère de couleur par rubrique, rubrique active soulignée */
.top nav a[data-t]::before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px;vertical-align:1px}
.top nav a[data-t=outil]::before{background:var(--t-outil)}.top nav a[data-t=guide]::before{background:var(--t-guide)}.top nav a[data-t=rayon]::before{background:var(--t-rayon)}.top nav a[data-t=fiche]::before{background:var(--t-fiche)}.top nav a[data-t=comparatif]::before{background:var(--t-comparatif)}.top nav a[data-t=projet]::before{background:var(--t-projet)}
.t-outil .top nav a[data-t=outil]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-outil)}.t-guide .top nav a[data-t=guide]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-guide)}.t-rayon .top nav a[data-t=rayon]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-rayon)}.t-fiche .top nav a[data-t=fiche]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-fiche)}.t-comparatif .top nav a[data-t=comparatif]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-comparatif)}.t-projet .top nav a[data-t=projet]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-projet)}
.t-outil header.top,.t-guide header.top,.t-rayon header.top,.t-fiche header.top{box-shadow:inset 0 -3px 0 var(--tc)}
/* « À lire aussi » : type de chaque lien */
.maillage .mb{display:inline-block;min-width:54px;text-align:center;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--tc);color:var(--tc-fg);border-radius:3px;padding:2px 5px 1px;margin-right:9px;vertical-align:1px}
@media(max-width:640px){.top nav a[data-t]::before{display:none} .tcs{grid-template-columns:1fr;gap:12px} .bande{padding:26px 0 22px} .bande-h{align-items:flex-start}}
.tc{border-top-width:6px} .tb{font-family:'Figtree',sans-serif}

/* — rubrique — */

/* — rubrique Projets jardin (jp-) — */
:root{--jp:var(--t-projet,#9A5B13);--jp-terre:#C9A66B;--jp-clair:#F5EEDF;--jp-op0:#B98F45;--jp-op1:var(--accent);--jp-op2:#2A5E72;--jp-op3:#8C4A2B}
.jp-infos{padding:0;overflow:hidden}
.jp-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.jp-cells>div{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-right:1px solid var(--filet);border-bottom:1px solid var(--filet);min-width:0}
.jp-cells span{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--plume)}
.jp-cells b{font-weight:650;font-size:16px;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}
.jp-cells .jp-i-saison{grid-column:1/-1}
.jp-cells .jp-i-saison b{font-family:'Alegreya',Georgia,serif;font-size:19px;font-weight:700;color:var(--accent)}
.jp-cal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 18px 14px;background:var(--jp-clair)}
.jp-cal-t{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--plume)}
.jp-cal small{flex-basis:100%;font-size:13px;color:var(--plume)}
.jp-bande{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;flex:1 1 260px;max-width:420px}
.jp-bande i{font-style:normal;text-align:center;font-size:12px;font-weight:650;line-height:24px;border-radius:6px;background:var(--surface);color:var(--estompe);border:1px solid var(--filet)}
.jp-bande i.on{background:var(--accent);border-color:var(--accent);color:#fff}
.jp-bande-p{max-width:none;flex:none}.jp-bande-p i{line-height:17px;font-size:10px;border-radius:4px}
.jp-jauge{display:inline-flex;gap:3px}.jp-jauge i{width:9px;height:14px;border:1.5px solid var(--accent);border-radius:3px;background:transparent}.jp-jauge i.on{background:var(--accent)}
.jp-barre{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 22px}
.jp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border:1.5px solid var(--trait);border-radius:999px;background:var(--surface);color:var(--encre);font:inherit;font-size:15px;font-weight:650;line-height:1.2;cursor:pointer;text-align:left;text-decoration:none;transition:background .15s,border-color .15s}
.jp-btn:hover{border-color:var(--accent);background:var(--accent-clair)}
.jp-btn svg,.jp-lien-liste svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jp-btn.jp-prim{background:var(--accent);border-color:var(--accent);color:#fff}
.jp-btn.jp-prim:hover{filter:brightness(1.1);background:var(--accent)}
.jp-btn.jp-dedans{background:var(--accent-clair);border-color:var(--accent);color:var(--accent)}
.jp-btn.jp-danger{background:var(--ko);border-color:var(--ko);color:#fff}
.jp-btn:disabled{opacity:.45;cursor:not-allowed}
.jp-btn.jp-petit{min-height:40px;padding:6px 14px;font-size:14px}
.jp-btn[hidden],.jp-minuteurs[hidden],.jp-pp[hidden],.jp-pp-panneau[hidden],.jp-raz[hidden],#jp-mp-sortie[hidden],.jp-mp-c[hidden],.jp-mp-g[hidden]{display:none!important}
.jp-lien-liste{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:8px 2px;font-weight:650;font-size:15px;white-space:nowrap}
.jp-statut{flex-basis:100%;margin:0;font-size:15px;color:var(--ok);max-width:none}.jp-statut:empty{display:none}
.jp-url,.jp-imp-entete,.jp-imp-seul{display:none}
@media(max-width:640px){.jp-barre .jp-btn{flex:1 1 auto}.jp-lien-liste{margin-left:0}}
/* sécurité */
.bloc.jp-secu{border-left:6px solid var(--attn);background:linear-gradient(90deg,var(--attn-clair),var(--surface) 160px)}
.jp-epi-t{font-size:13px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--plume);margin:0 0 6px}
.jp-epi{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.jp-epi li{margin:0}.jp-epi a,.jp-epi span{display:inline-block;padding:5px 12px;border:1.5px solid var(--attn);border-radius:999px;background:var(--surface);color:var(--encre);font-size:14px;font-weight:650;text-decoration:none}
.jp-epi a:hover{background:var(--attn-clair)}
/* fournitures */
.jp-dim{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 6px;padding:12px 16px;border:1.5px dashed var(--jp-terre);border-radius:14px;background:var(--jp-clair)}
.jp-dim-lib{font-weight:650;font-size:15px;flex:1 1 180px}
.jp-dim-c{display:flex;align-items:center;gap:8px}
.jp-rond{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--trait);background:var(--surface);color:var(--accent);font:inherit;font-size:22px;font-weight:600;line-height:1;cursor:pointer;flex-shrink:0}
.jp-rond:hover{border-color:var(--accent)}
.jp-rond:disabled{opacity:.4;cursor:not-allowed}
.jp-dim-v{width:88px;font:inherit;font-size:19px;font-weight:650;text-align:center;padding:7px 4px;border:1.5px solid var(--trait);border-radius:10px;background:var(--surface);color:var(--encre);-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.jp-dim-v::-webkit-outer-spin-button,.jp-dim-v::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.jp-dim-u{font-size:15px;color:var(--plume);min-width:24px}
.jp-raz{font:inherit;font-size:14px;background:none;border:0;padding:4px 0;color:var(--accent);text-decoration:underline;cursor:pointer}
.jp-dim-aide{margin:6px 0 14px}
.jp-fourn{list-style:none;padding:0;margin:0;max-width:none}
.jp-f{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 14px;padding:10px 0;margin:0;border-bottom:1px solid var(--filet)}
.jp-f:last-child{border-bottom:0}
.jp-fq{font-size:15px;line-height:1.45;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.jp-fq .jp-q{font-weight:700;font-size:17px;color:var(--accent)}.jp-fq .jp-u{color:var(--plume)}
.jp-q.jp-change{background:var(--attn-clair);box-shadow:0 0 0 3px var(--attn-clair);border-radius:3px}
.jp-sansq{font-size:13px;color:var(--plume)}
.jp-fd{min-width:0;line-height:1.45}.jp-n{font-weight:650;overflow-wrap:anywhere}
.jp-prec{display:block;font-size:14px;color:var(--plume);margin-top:2px}
.jp-fl{display:block;font-size:13.5px;margin-top:3px}.jp-fl a{font-weight:650}
.jp-fsous{font-family:'Alegreya',Georgia,serif;font-size:18px;font-weight:700;color:var(--jp);margin:20px 0 2px;padding-bottom:4px;border-bottom:1.5px solid var(--jp-terre)}
@media(max-width:480px){.jp-f{grid-template-columns:76px minmax(0,1fr);gap:4px 10px}.jp-fq{font-size:14px}.jp-fq .jp-q{font-size:16px}}
/* outils */
.jp-niv{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;border-radius:999px;margin-bottom:6px;border:1.5px solid currentColor}
.jp-ind{color:var(--accent);background:var(--accent-clair)}.jp-pra{color:var(--jp)}.jp-fac{color:var(--plume)}
.profil .jp-lien{display:block;margin-top:8px;font-size:14px}
/* étapes */
.jp-etapes{list-style:none;counter-reset:jp;padding:0;margin:0;max-width:none}
.jp-etapes>li{counter-increment:jp;position:relative;padding:0 0 18px 52px;margin:0}
.jp-etapes>li::before{content:counter(jp);position:absolute;left:0;top:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:'Alegreya',Georgia,serif;font-weight:800;font-size:18px;background:var(--accent);color:#fff;border-radius:50% 50% 50% 8px}
.jp-etapes>li:not(:last-child)::after{content:'';position:absolute;left:17px;top:42px;bottom:4px;border-left:2px dotted var(--jp-terre)}
.jp-et-t{display:block;font-size:16.5px;line-height:1.35;margin:6px 0 4px}
.jp-et-x{margin:0;line-height:1.65}
.jp-avant ul{margin:0}
.jp-puces{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.jp-puces li{margin:0}.jp-puces a{display:inline-block;padding:6px 13px;border:1px solid var(--trait);border-radius:999px;background:var(--fond);font-size:14.5px;font-weight:650;text-decoration:none;color:var(--encre)}
.jp-puces a:hover{border-color:var(--accent);color:var(--accent)}
.jp-types{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-width:none}
.jp-types li{margin:0;display:flex;justify-content:space-between;gap:8px;padding:8px 13px;border:1px solid var(--trait);border-radius:12px;background:var(--fond)}
.jp-types li a{font-weight:650;text-decoration:none;color:var(--encre)}.jp-types li a:hover{color:var(--accent);text-decoration:underline}
.jp-types li span{color:var(--plume);font-size:14px;font-variant-numeric:tabular-nums}
.jp-h-cartes{margin-top:30px}
.jp-pousse{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:22px 0;padding:20px 24px;border-radius:14px;background:var(--accent);color:#fff}
.jp-pousse b{font-family:'Alegreya',Georgia,serif;font-size:23px;font-weight:800}.jp-pousse p{margin:4px 0 0;color:rgba(255,255,255,.88);font-size:15.5px;max-width:52ch}
.jp-pousse .jp-btn.jp-prim{background:#fff;color:var(--accent);border-color:#fff}
/* moteur */
.jp-mt form{margin:0}.jp-mt-q{display:block}.jp-mt-q span,.jp-mt-f span,.jp-mp-filtre span{display:block;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--plume);margin:0 0 5px}
.jp-mt-q input,.jp-mp-filtre input{width:100%;font:inherit;font-size:17px;padding:12px 16px;border:1.5px solid var(--trait);border-radius:12px;background:#fff;color:inherit}
.jp-mt-q input:focus,.jp-mp-filtre input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px var(--accent-clair)}
.jp-mt-outils-f{border:0;padding:0;margin:16px 0 0;min-width:0}
.jp-mt-outils-f legend{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--plume);padding:0;margin:0 0 8px}
.jp-mt-outils-f legend small{text-transform:none;letter-spacing:0;font-weight:400;font-size:13px}
.jp-mt-outils{display:flex;flex-wrap:wrap;gap:8px}
.jp-puce,.jp-mp-c{position:relative;display:inline-flex}
.jp-puce input,.jp-mp-c input{position:absolute;opacity:0;width:1px;height:1px}
.jp-puce span,.jp-mp-c span{display:inline-block;padding:7px 13px;border:1.5px solid var(--trait);border-radius:999px;background:var(--surface);font-size:14px;font-weight:650;cursor:pointer;user-select:none}
.jp-puce span:hover,.jp-mp-c span:hover{border-color:var(--accent)}
.jp-puce input:checked+span,.jp-mp-c input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.jp-puce input:checked+span::before,.jp-mp-c input:checked+span::before{content:'✓ '}
.jp-puce input:focus-visible+span,.jp-mp-c input:focus-visible+span{outline:2.5px solid var(--accent);outline-offset:3px}
.jp-mt-filtres{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:16px 0 8px}
.jp-mt-f{min-width:0}.jp-mt-f select{width:100%;font:inherit;font-size:15px;padding:9px 10px;border:1.5px solid var(--trait);border-radius:10px;background:var(--surface);color:inherit}
.jp-mt-raz{font:inherit;font-size:14px;background:none;border:0;color:var(--plume);text-decoration:underline;cursor:pointer;padding:4px 0}
.jp-mt-nb{font-weight:650;margin:16px 0 10px}
.jp-mt-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:18px}
.jp-mc{display:flex;flex-direction:column;gap:6px;padding:15px 17px;border:1px solid var(--trait);border-top:5px solid var(--jp);border-radius:14px;background:var(--surface);text-decoration:none;color:inherit;min-width:0;transition:transform .15s,box-shadow .15s}
.jp-mc:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(28,42,31,.45)}
.jp-mc b{font-size:16.5px;line-height:1.3}.jp-mc-g{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--jp)}
.jp-mc-c{font-size:14px;color:var(--plume);line-height:1.45}.jp-mc-m{font-size:13.5px;font-weight:600}.jp-mc-o{font-size:13px;color:var(--plume)}
/* page ma-liste-jardin */
.jp-recs,.jp-cases,.jp-min-liste{list-style:none;padding:0;margin:0;max-width:none}
.jp-rl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;border-bottom:1px solid var(--filet);margin:0}
.jp-rl:last-child{border-bottom:0;padding-bottom:0}.jp-rl:first-child{padding-top:0}
.jp-rl-t{flex:1 1 220px;min-width:0;font-weight:650;line-height:1.35}
.jp-rl-d{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.jp-rl-d small{flex-basis:100%;font-size:12.5px;color:var(--plume)}
.jp-rl-n{min-width:74px;text-align:center;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.jp-retirer{background:none;border:0;padding:8px 2px;color:var(--ko);text-decoration:underline;text-underline-offset:2px;font:inherit;font-size:14.5px;cursor:pointer}
#jp-projets:focus{outline:0}.jp-vide{color:var(--plume)}
.jp-compte{font-size:14px;color:var(--plume);margin:0 0 6px}
.jp-ml h3{font-size:14.5px;color:var(--plume);margin:20px 0 4px}
.jp-ml-h2{margin-top:30px!important}.jp-ml-aide{margin:0 0 8px}
.jp-cases li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;margin:0;border-bottom:1px solid var(--filet)}
.jp-cases li:last-child{border-bottom:0}
.jp-cases input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}
.jp-cases label{flex:1;min-width:0;cursor:pointer;line-height:1.45;overflow-wrap:anywhere}
.jp-cases label b{font-variant-numeric:tabular-nums;color:var(--accent)}
.jp-cases small{display:block;font-size:13px;color:var(--plume)}
.jp-cases input:checked+label{text-decoration:line-through;color:var(--plume)}
.jp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}.jp-actions+.jp-statut{margin-top:12px}
/* mode pas à pas */
html.jp-pp-actif,html.jp-pp-actif body{overflow:hidden}
.jp-pp{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--fond);color:var(--encre)}
.jp-pp-haut{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:3px solid var(--accent)}
.jp-pp-t{flex:1;min-width:0}
.jp-pp-t b{display:block;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jp-pp-sur{font-size:13px;color:var(--plume)}
.jp-pp-haut .jp-btn{min-height:40px;padding:7px 14px;font-size:14px}
.jp-pp-four[aria-expanded=true]{background:var(--accent-clair);color:var(--accent);border-color:var(--accent)}
.jp-pp-prog{height:6px;background:var(--filet);flex-shrink:0}
.jp-pp-prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s ease;border-radius:0 3px 3px 0}
.jp-pp-corps{flex:1;min-height:0;display:flex;position:relative}
.jp-pp-panneau{width:340px;flex-shrink:0;overflow-y:auto;padding:18px 22px;background:var(--surface);border-right:1px solid var(--trait)}
.jp-pp-panneau h2{font-size:21px;margin:0 0 10px}.jp-pp-panneau h2::before{display:none}
.jp-pp-panneau h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:16px 0 4px;color:var(--plume)}
.jp-pp-panneau ul{padding-left:18px;margin:0;font-size:15.5px;line-height:1.55}
.jp-pp-etape{flex:1;min-width:0;overflow-y:auto;display:flex;padding:28px 26px}
.jp-pp-etape:focus{outline:0}.jp-pp-etape:focus-visible{outline:2.5px solid var(--accent);outline-offset:-6px}
.jp-pp-in{margin:auto;max-width:42rem;width:100%}
.jp-pp-num{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--jp);margin:0 0 8px}
.jp-pp-titre{font-family:'Alegreya',Georgia,serif;font-weight:800;font-size:clamp(25px,4vw,38px);line-height:1.15;margin:0 0 14px;max-width:none}
.jp-pp-texte{font-size:clamp(19px,3vw,26px);line-height:1.5;margin:0 0 22px;max-width:none}
.jp-pp-prop{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jp-pp-prop-t{font-size:14px;color:var(--plume);margin-right:2px}
.jp-pp-attente{display:inline-block;padding:6px 12px;border:1.5px dashed var(--jp-terre);border-radius:10px;font-size:14.5px;background:var(--jp-clair)}
.jp-pp-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--trait)}
.jp-pp-bas .jp-btn{min-height:52px;padding:10px 24px;font-size:16.5px;flex-shrink:0}
.jp-pp-ecran{margin:18px 0 0;font-size:13px;color:var(--plume);line-height:1.4}.jp-pp-ecran:empty{display:none}
.jp-pp-compte{font-size:14px;font-weight:650;color:var(--plume);font-variant-numeric:tabular-nums}
.jp-anim .jp-pp-in{animation:jp-entree .22s ease}
@keyframes jp-entree{from{opacity:.25;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:899px){.jp-pp-panneau{position:absolute;z-index:2;left:0;right:0;top:0;width:auto;max-height:72%;border-right:0;border-bottom:1px solid var(--trait);box-shadow:0 14px 30px rgba(28,42,31,.2)}}
@media(max-width:520px){.jp-pp-haut{padding:8px 10px;gap:8px}.jp-pp-haut .jp-btn{padding:7px 11px}.jp-pp-bas{gap:8px;padding-left:10px;padding-right:10px}.jp-pp-bas .jp-btn{padding:10px 15px;font-size:15.5px}.jp-pp-etape{padding:22px 18px}}
/* minuteurs */
.jp-minuteurs{position:relative;background:var(--encre);color:#fff;padding:8px 12px;flex-shrink:0}
.jp-minuteurs.jp-flottante{position:fixed;left:0;right:0;bottom:0;z-index:900;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
body.jp-avec-min{padding-bottom:76px}
.jp-min-liste{display:flex;flex-wrap:wrap;gap:8px}
.jp-min{display:flex;align-items:center;gap:8px;margin:0;padding:4px 4px 4px 14px;border-radius:999px;background:rgba(255,255,255,.13);font-size:14px;max-width:100%;min-width:0}
.jp-min-lib{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.jp-min-reste{font-size:17px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.jp-min-b{min-height:34px;min-width:34px;padding:4px 12px;border:0;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.jp-min-b:hover{background:rgba(255,255,255,.32)}.jp-min-x{padding:4px 0;font-size:19px;line-height:1}
.jp-min-pause .jp-min-reste{opacity:.6}
.jp-min-fini{background:var(--ko);animation:jp-clign 1s steps(2,start) infinite}
@keyframes jp-clign{50%{background:var(--accent)}}
.jp-minuteurs :focus-visible{outline-color:#fff}
.jp-min-alerte,.jp-cache{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* planificateur Mon potager */
.jp-mp-form{overflow:visible!important}
.jp-mp-form .champ{max-width:520px}
.jp-mp-zd{margin:8px 0 0}
.jp-mp-h2{margin-top:30px!important}
.jp-mp-nb{display:inline-block;font-family:'Figtree',system-ui,sans-serif;font-size:13px;font-weight:650;color:var(--accent);background:var(--accent-clair);border-radius:999px;padding:2px 10px;vertical-align:4px;margin-left:6px;letter-spacing:0}
.jp-mp-sel{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.jp-mp-filtre{display:block;margin:0 0 6px;max-width:420px}
.jp-mp-g{border:0;padding:0;margin:14px 0 0;min-width:0}
.jp-mp-g legend{font-family:'Alegreya',Georgia,serif;font-weight:700;font-size:17px;color:var(--jp);padding:0;margin:0 0 6px}
.jp-mp-cases{display:flex;flex-wrap:wrap;gap:7px}
.jp-mp-c span{padding:6px 12px;font-size:14px}
.jp-mp-vide{color:var(--plume);margin:0}
.jp-mp-aller{position:sticky;bottom:14px;z-index:5;display:flex;width:fit-content;margin:18px 0 0 auto;box-shadow:0 8px 20px -8px rgba(28,42,31,.5)}
.jp-mp-aller[hidden]{display:none!important}
.jp-mp-res{scroll-margin-top:12px}
.jp-mp-mois{border:1px solid var(--trait);border-radius:14px;background:var(--jp-clair);padding:16px 18px 6px}
.jp-mp-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.jp-mp-nav h3{margin:0;font-family:'Alegreya',Georgia,serif;font-size:23px;font-weight:800;color:var(--encre);text-align:center;flex:1}
.jp-mp-nav .jp-rond{font-size:19px}
.jp-mp-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 18px;margin:0}
.jp-mp-op{margin:0 0 10px}
.jp-mp-op h4{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;color:var(--plume);display:flex;align-items:center;gap:7px}
.jp-mp-op h4 i,.jp-mp-legende i{display:inline-block;width:11px;height:11px;border-radius:3px;flex-shrink:0}
.op0{background:var(--jp-op0)}.op1{background:var(--jp-op1)}.op2{background:var(--jp-op2)}.op3{background:var(--jp-op3)}
.jp-mp-op ul{list-style:none;padding:0;margin:0;max-width:none;font-size:15px;line-height:1.5}
.jp-mp-op li{margin:0 0 2px}.jp-mp-op li small{color:var(--plume);font-size:13px}
.jp-mp-rien{color:var(--plume);font-size:15px}
.jp-mp-h3{font-family:'Alegreya',Georgia,serif;font-size:21px;font-weight:800;margin:28px 0 8px}
.jp-mp-legende{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--plume);margin:0 0 8px}
.jp-mp-legende span{display:inline-flex;align-items:center;gap:6px}
.jp-mp-frise{display:grid;grid-template-columns:minmax(78px,150px) repeat(12,minmax(0,1fr));gap:0;font-size:13px;border:1px solid var(--trait);border-radius:12px;overflow:hidden;background:var(--surface)}
.jp-mp-frise .fh{font-size:11px;font-weight:700;color:var(--plume);text-align:center;padding:6px 0;background:var(--fond);border-bottom:1px solid var(--trait)}
.jp-mp-frise .fh.auj,.jp-mp-frise .fc.auj{background:var(--accent-clair)}
.jp-mp-frise .fh.auj{color:var(--accent)}
.jp-mp-frise .fn{padding:5px 8px;font-weight:650;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--filet);background:var(--surface)}
.jp-mp-frise .fh:first-child{text-align:left;padding-left:8px}
.jp-mp-frise .fc{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:4px 1px;border-bottom:1px solid var(--filet);border-left:1px solid var(--filet)}
.jp-mp-frise .fc>span{display:flex;flex-direction:column;gap:1px;justify-content:center}
.jp-mp-frise .fc i{display:block;height:5px;border-radius:2px}
.jp-mp-frise .fc i:not([class]){visibility:hidden}
.jp-mp-annee{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.jp-mp-m{border:1px solid var(--trait);border-radius:12px;padding:12px 14px;background:var(--surface);break-inside:avoid}
.jp-mp-m.auj{border:2px solid var(--accent)}
.jp-mp-m h4{font-family:'Alegreya',Georgia,serif;font-size:19px;font-weight:800;margin:0 0 6px}
.jp-mp-m p{font-size:14.5px;line-height:1.45;margin:0 0 5px}
.jp-mp-m p b{display:inline-flex;align-items:center;gap:5px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--plume)}
.jp-mp-m p b i{display:inline-block;width:9px;height:9px;border-radius:2px}
.jp-mp-cult{list-style:none;padding:0;margin:0;max-width:none}
.jp-mp-cult li{padding:8px 0;margin:0;border-bottom:1px solid var(--filet);font-size:15px;line-height:1.5}
.jp-mp-cult li:last-child{border-bottom:0}
.jp-mp-cult a{font-weight:700}.jp-mp-cult small{display:block;color:var(--plume);font-size:13.5px}
.jp-mp-rappel{margin:18px 0 0;padding:12px 16px;border-left:4px solid var(--attn);background:var(--attn-clair);border-radius:0 10px 10px 0;font-size:15px;max-width:none}
@media(max-width:520px){.jp-mp-frise{grid-template-columns:72px repeat(12,minmax(0,1fr));font-size:12px}.jp-mp-frise .fn{padding:5px 5px}.jp-mp-nav h3{font-size:20px}.jp-mp-mois{padding:14px 12px 4px}}
/* impression */
@media print{
 @page{margin:14mm}
 html,body{background:#fff!important;color:#000!important}
 body{font-size:11pt;padding:0!important}
 header.top,footer,.saut,.fil,.page-type,.maillage,.amz,.jp-barre,.jp-pp,.jp-minuteurs,.nv-actions,.nv-panneau,.nv-rech,button,noscript,.jp-fl,.jp-dim-aide,.jp-mp-sel,.jp-mp-filtre,.jp-mp-aller{display:none!important}
 .wrap{max-width:none!important;padding:0!important}
 a{color:#000!important;text-decoration:none!important}
 h1{font-size:21pt;margin:0 0 8pt;max-width:none}
 h2{font-size:13.5pt;margin:0 0 6pt;break-after:avoid}.bloc h2::before{display:none!important}
 .bloc{border:0!important;padding:0!important;margin:0 0 13pt!important;background:none!important;overflow:visible!important;box-shadow:none!important}
 body.jp-page main>*:not(h1):not(.jp-imp):not(.jp-url){display:none!important}
 body.jp-page .jp-imp-seul{display:block!important}
 .jp-cells{display:flex;flex-wrap:wrap;gap:4pt 18pt}.jp-cells>div{border:0;padding:0}
 .jp-cells span{color:#333!important}.jp-cal{background:none;padding:6pt 0 0}
 .jp-bande i{border:1px solid #999;background:none;color:#555}.jp-bande i.on{background:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .jp-dim{border:1px solid #999;background:none;padding:4pt 8pt}.jp-dim-v{border:0;width:auto}
 .jp-epi a,.jp-epi span{border:1px solid #000}
 .jp-etapes>li,.jp-f,.ligne,.jp-cases li,.jp-mp-m,.jp-mp-cult li{break-inside:avoid}
 .jp-etapes>li::before{background:none;color:#000;border:1px solid #000}.jp-etapes>li::after{display:none}
 .ligne{grid-template-columns:150px 1fr;padding:5pt 0}.ligne .quoi{color:#222!important}
 .jp-url{display:block!important;margin-top:16pt;padding-top:6pt;border-top:1px solid #999;font-size:9.5pt;color:#333}
 body.jp-ml-page main>*:not(.jp-ml){display:none!important}
 body.jp-ml-page .jp-actions,body.jp-ml-page .jp-statut,body.jp-ml-page .jp-compte,body.jp-ml-page .jp-ml-aide{display:none!important}
 .jp-imp-entete{display:block!important;font-size:10pt;color:#333;margin:0 0 8pt}
 .jp-cases{columns:2;column-gap:24pt}
 .jp-cases li{padding:3pt 0;border-bottom:1px solid #ddd}
 .jp-cases input{accent-color:#000;width:14px;height:14px}
 body.jp-mp-page main>*:not(h1):not(.jp-mp-res){display:none!important}
 body.jp-mp-page .jp-actions,body.jp-mp-page .jp-statut,body.jp-mp-page .jp-mp-nav button{display:none!important}
 .jp-mp-mois{border:1px solid #999;background:none}
 .jp-mp-frise,.jp-mp-frise *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .jp-mp-frise{border:1px solid #999;break-inside:avoid}
 .jp-mp-annee{grid-template-columns:repeat(3,1fr);gap:6pt}
 .jp-mp-m{border:1px solid #999;padding:5pt 7pt}.jp-mp-m.auj{border:2px solid #000}
 .jp-mp-m h4{font-size:12pt}.jp-mp-m p{font-size:9.5pt}
 .jp-mp-legende i,.jp-mp-m p b i,.jp-mp-op h4 i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .jp-mp-rappel{border:1px solid #999;background:none}
 .jp-mp-achats-aide,.jp-mp-amz{display:none!important}
}
.jp-mp-achats h4{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--plume);margin:14px 0 4px}
.jp-mp-achats .jp-cases label a{font-size:13.5px;font-weight:650;margin-left:6px;white-space:nowrap}
.jp-mp-achats .jp-cases input:checked+label{text-decoration:line-through;color:var(--plume)}

/* — rubrique Plantes (pl-) — */
:root{--pl:var(--t-projet,#9A5B13);--pl-semis:#B98F45;--pl-plantation:var(--accent);--pl-rempotage:#6A5A1C;--pl-multiplication:#6A3F6E;--pl-floraison:#B4466E;--pl-recolte:#8C4A2B;--pl-taille:#2A5E72;--pl-protection:#5E6E7C}
.pl-som{display:flex;flex-wrap:wrap;gap:6px 8px;margin:-6px 0 18px}
.pl-som a{display:inline-block;padding:5px 12px;border:1px solid var(--trait);border-radius:999px;background:var(--surface);font-size:14px;font-weight:650;text-decoration:none;color:var(--encre)}
.pl-som a:hover{border-color:var(--accent);color:var(--accent)}
.pl-autres{margin:-4px 0 12px;color:var(--plume);font-size:15px}
.pl-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 16px;margin:0;border-top:1px solid var(--filet)}
.pl-cells>.pl-large{grid-column:span 2}
@media(max-width:420px){.pl-cells{grid-template-columns:1fr 1fr;gap:0 12px}}
.pl-cells>div{padding:11px 14px 11px 0;border-bottom:1px solid var(--filet);min-width:0}
.pl-cells dt{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--plume);margin:0 0 3px}
.pl-cells dd{margin:0;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pl-cells dd i{font-style:italic}
.pl-gouttes{display:inline-flex;gap:3px;margin-right:2px}.pl-gouttes i{width:9px;height:12px;border:1.5px solid var(--t-rayon,#2A5E72);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:transparent}.pl-gouttes i.on{background:var(--t-rayon,#2A5E72)}
.pl-atouts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.pl-pill{display:inline-block;padding:3px 11px;border-radius:999px;font-size:13px;font-weight:650;border:1px solid var(--trait);background:var(--fond)}
.pl-at{border-color:var(--accent);color:var(--accent);background:var(--accent-clair)}
.pl-toxbloc{margin:18px 0 0;padding:14px 16px;border-radius:12px;background:var(--fond);border:1px solid var(--trait)}
.pl-toxbloc h3{margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--plume)}
.pl-toxs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
.pl-tox{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:10px;border:1.5px solid currentColor;min-width:0}
.pl-tox small{font-size:12px;font-weight:650;color:var(--plume)}.pl-tox b{font-size:15px;line-height:1.25}
.pl-tox-ko{color:var(--ko);background:var(--ko-clair)}.pl-tox-ok{color:var(--ok);background:var(--ok-clair)}.pl-tox-attn{color:var(--attn);background:var(--attn-clair)}
.pl-toxbloc p{font-size:15px;margin:0 0 8px}.pl-src{font-size:13.5px!important;color:var(--plume)}
@media(max-width:480px){.pl-toxs{gap:6px}.pl-tox{padding:7px 7px}.pl-tox b{font-size:13.5px}.pl-tox small{font-size:11px}}
.pl-barre{margin:4px 0 22px}
/* calendrier */
.pl-cal{display:grid;grid-template-columns:minmax(76px,150px) repeat(12,minmax(0,1fr));gap:3px 2px;align-items:center;margin:4px 0 14px}
.pl-cal-h{font-size:11px;font-weight:700;color:var(--plume);text-align:center}
.pl-cal-n{font-size:13px;font-weight:650;line-height:1.15;padding-right:6px;overflow-wrap:anywhere}
.pl-cal-c{height:20px;border-radius:5px;background:var(--fond);border:1px solid var(--filet)}
.pl-op-semis{background:var(--pl-semis)!important}.pl-op-plantation{background:var(--pl-plantation)!important}.pl-op-rempotage{background:var(--pl-rempotage)!important}
.pl-op-multiplication{background:var(--pl-multiplication)!important}.pl-op-floraison{background:var(--pl-floraison)!important}.pl-op-recolte{background:var(--pl-recolte)!important}
.pl-op-taille{background:var(--pl-taille)!important}.pl-op-protection{background:var(--pl-protection)!important}
.pl-cal-c[class*=pl-op-]{border-color:transparent}
.pl-cal-txt{list-style:none;padding:0;margin:0 0 6px;max-width:none;font-size:15px;line-height:1.55}
.pl-cal-txt li{margin:0 0 3px}.pl-cal-txt i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:0}
@media(max-width:480px){.pl-cal{grid-template-columns:66px repeat(12,minmax(0,1fr));gap:3px 1px}.pl-cal-n{font-size:11.5px}.pl-cal-c{height:17px;border-radius:3px}}
/* problèmes */
.pl-pbs{display:grid;gap:10px}
.pl-pb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--trait);border-radius:12px;overflow:hidden;background:var(--surface)}
.pl-pb p{margin:0;padding:10px 13px;font-size:15px;line-height:1.5;max-width:none;min-width:0}
.pl-pb p span{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--plume);margin-bottom:2px}
.pl-pb-s{background:var(--attn-clair)}.pl-pb-c{background:var(--fond);border-left:1px solid var(--filet)}.pl-pb-r{border-left:1px solid var(--filet)}
@media(max-width:640px){.pl-pb{grid-template-columns:1fr}.pl-pb-c,.pl-pb-r{border-left:0!important;border-top:1px solid var(--filet)}}
/* achat */
.pl-forme{position:relative;display:flex;flex-direction:column}.pl-forme p{flex:1}
.pl-defaut{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-clair);border-radius:999px;padding:2px 9px;margin-bottom:6px}
.pl-prix{display:block;font-size:14px;font-weight:650;margin:0 0 8px;color:var(--encre)}
.pl-note-achat{padding:12px 14px;border-left:4px solid var(--attn);background:var(--attn-clair);border-radius:0 10px 10px 0;font-size:15px;max-width:none}
/* cartes plantes */
.pl-mcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:14px 0 18px}
.pl-mc{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--trait);border-top:5px solid var(--pl);border-radius:14px;background:var(--surface);text-decoration:none;color:inherit;min-width:0;transition:transform .15s,box-shadow .15s}
.pl-mc:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(28,42,31,.45)}
.pl-mc b{font-size:17px;line-height:1.25}.pl-mc-g{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--pl)}
.pl-mc-b{font-size:14px;color:var(--plume)}.pl-mc-i{font-size:13.5px;color:var(--plume);line-height:1.45}
.pl-mc-t{align-self:flex-start;font-size:12.5px;font-weight:650;padding:2px 9px;border-radius:999px;margin-top:4px;border:1px solid currentColor}
.pl-mc-r{font-size:13px;color:var(--encre);line-height:1.45;margin-top:2px}.pl-mc-r::before{content:'✓ ';color:var(--ok);font-weight:700}
.pl-fleur[hidden],.pl-quiz-res [hidden]{display:none!important}
.pl-rech{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.pl-rech input{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border:1.5px solid var(--trait);border-radius:999px;background:#fff}
.pl-rech button{font:inherit;font-weight:650;padding:11px 20px;border:0;border-radius:999px;background:var(--tc,var(--accent));color:#fff;cursor:pointer}
/* questionnaire */
.pl-q{border:0;padding:0;margin:0 0 20px;min-width:0}
.pl-q legend{font-family:'Alegreya',Georgia,serif;font-weight:700;font-size:20px;margin:0 0 8px;padding:0;display:flex;align-items:center;gap:10px}
.pl-q-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50% 50% 50% 8px;background:var(--accent);color:#fff;font-size:16px;flex-shrink:0}
.pl-q .aide{margin:0 0 8px}.pl-q[hidden]{display:none}
.pl-quiz .jp-puce input[type=radio]+span::before{content:''}.pl-quiz .jp-puce input[type=radio]:checked+span::before{content:'● '}
/* saison */
.pl-cases{list-style:none;padding:0;margin:0 0 6px;max-width:none}
.pl-cases li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;margin:0;border-bottom:1px solid var(--filet)}
.pl-cases li:last-child{border-bottom:0}
.pl-cases input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}
.pl-cases label{flex:1;min-width:0;cursor:pointer;line-height:1.5}
.pl-cases input:checked+label{color:var(--plume);text-decoration:line-through}
.pl-taches h3{font-family:'Alegreya',Georgia,serif;font-size:19px;color:var(--pl);margin:18px 0 4px}
@media print{
 .pl-som,.pl-barre,.pl-achat,.pl-voisines,.pl-quiz,.pl-mt{display:none!important}
 .pl-cells{grid-template-columns:repeat(4,1fr)}.pl-cells>div{padding:4pt 8pt 4pt 0}
 .pl-cal,.pl-cal *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .pl-toxbloc,.pl-tox{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .pl-pb{break-inside:avoid;border:1px solid #999}
 body.pl-saison-page main>*:not(h1):not(.jp-imp){display:none!important}
 .pl-cases input{accent-color:#000}
}