/* Plantule — pages de contenu (guide des prix, guides) */
@font-face{font-family:"Pixelify Sans";src:url("/fonts/PixelifySans.woff2?v=1") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2248,U+2264-2265,U+2713}
@font-face{font-family:"Manrope";src:url("/fonts/Manrope.woff2?v=1") format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2248,U+2264-2265,U+2713}
:root{--bg:#F4F8F2;--surface:#FFFFFF;--surface-2:#E8F2E5;--ink:#12321F;--ink-2:#4E6656;--green:#1B6E3A;--line:rgba(18,50,31,.14);
  --pollen:#F4C430;--pollen-ink:#12321F;--ground:#BFD3B4;--good-bg:#D6F0DC;--good-ink:#13532B;color-scheme:light}
@media all{:root[data-theme="dark"]{--bg:#0E1811;--surface:#16261B;--surface-2:#1E3124;--ink:#ECE8DD;--ink-2:#B3C4B6;
  --green:#8CC49A;--line:rgba(236,232,221,.14);--ground:#223827;--good-bg:#1F5A30;--good-ink:#D8F7DF;color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--green)}
:focus-visible{outline:3px solid var(--pollen);outline-offset:2px}
.pg-top{max-width:860px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pg-logo{font-family:"Pixelify Sans","Courier New",monospace;font-weight:700;font-size:26px;color:var(--green);text-decoration:none;margin-right:auto}
.pg-top nav{display:flex;gap:14px;order:3;width:100%;overflow-x:auto}
.pg-top nav a{color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.pg-top nav a:hover{text-decoration:underline}
@media (min-width:720px){.pg-top nav{order:0;width:auto}}
.pg-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--pollen);color:var(--pollen-ink);font-weight:800;text-decoration:none;border-radius:12px;padding:10px 14px;font-size:14px;box-shadow:inset 0 -3px 0 rgba(18,50,31,.18);border:0;cursor:pointer;font-family:inherit}
.btn{padding:14px 18px;font-size:15.5px}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.pg{max-width:860px;margin:0 auto;padding:4px 16px 40px}
.pg h1{font-family:"Pixelify Sans","Courier New",monospace;font-size:clamp(30px,7vw,46px);line-height:1.05;margin:10px 0 12px;letter-spacing:-.4px;max-width:20ch;text-wrap:balance}
.pg h2{font-size:22px;line-height:1.25;margin:34px 0 8px;letter-spacing:-.3px}
.pg h3{font-size:17px;margin:22px 0 6px}
.pg p,.pg li{max-width:68ch}
.intro{font-size:18px;color:var(--ink-2)}
.latin{margin:-4px 0 10px;color:var(--ink-2)}
.small{font-size:13.5px;color:var(--ink-2)}
.crumbs{font-size:13.5px;color:var(--ink-2);margin:6px 0 0}
.crumbs a{color:var(--ink-2)}
.rar{display:inline-block;font-size:12px;font-weight:800;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-style:normal}
.rar-rare{background:#22673E;color:#F2FBEF}
.rar-ultra{background:var(--pollen);color:var(--pollen-ink)}
.ranges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.range{background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:12px 14px;display:grid;box-shadow:5px 5px 0 var(--ground)}
.range span{font-size:13px;font-weight:700;color:var(--ink-2)}
.range b{font-size:22px;font-variant-numeric:tabular-nums}
table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden;font-variant-numeric:tabular-nums;margin:8px 0}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
th{font-size:13px;color:var(--ink-2);font-weight:800;background:var(--surface-2)}
tr:last-child td{border-bottom:0}
.guide td:first-child a{font-weight:700}
@media (max-width:560px){.guide th:nth-child(4),.guide td:nth-child(4){display:none}.guide td,.guide th{padding:9px 8px;font-size:13.5px}}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.alert{background:var(--ink);color:var(--bg);border-radius:16px;padding:16px;margin:26px 0}
.alert h2{margin:0 0 4px;font-size:19px}
.alert p{margin:0 0 10px;opacity:.9}
.alert-form{display:grid;grid-template-columns:1fr auto;gap:8px}
.alert-form input{border:0;border-radius:10px;padding:12px;font:inherit;font-size:16px;min-width:0}
.alert-form button{background:var(--pollen);color:var(--pollen-ink);border:0;border-radius:10px;padding:0 16px;font:inherit;font-weight:800;cursor:pointer}
.alert-msg{grid-column:1/-1;margin:2px 0 0;font-weight:700}
.alert-msg:empty{display:none}
.src{padding-left:18px}
.sib{list-style:none;padding:0;display:grid;gap:6px}
.sib li{display:flex;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.sib span{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.guide-search input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink)}
.jump{font-size:14px}
.compare td:first-child{font-weight:700}
.note-box{background:var(--surface);border-left:4px solid var(--pollen);border-radius:10px;padding:12px 14px;margin:16px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg-foot{max-width:860px;margin:0 auto;padding:20px 16px 40px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-2)}
.pg-foot a{color:var(--ink-2)}

/* 1.8.1 : titres lisibles, le pixel reste pour le logo */
.pg h1{font-family:Manrope,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}

/* =====================================================================
   2.0.0 : même finition que l'appli — fond de feuilles pixel sur les bords, halos,
   cadres doux en dégradé, titres en dégradé soulignés d'une vague pixel.
   Le thème sombre (sur demande) garde son rendu.
   ===================================================================== */
:root:not([data-theme="dark"]){--face:linear-gradient(180deg,#FFFFFF 0%,#F9FCF7 100%);--ring:linear-gradient(150deg,rgba(27,110,58,.30),rgba(27,110,58,.07) 45%,rgba(181,96,42,.18));
  --lift:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(18,50,31,.06),0 10px 28px -12px rgba(18,50,31,.26);
  --shine:linear-gradient(110deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 45%,rgba(255,255,255,0) 60%);background:var(--bg)}
:root:not([data-theme="dark"]) body{background:transparent}
:root:not([data-theme="dark"]) body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(img/feuilles.png) 0 0/224px 224px;opacity:.14;image-rendering:pixelated;
  -webkit-mask-image:radial-gradient(125% 85% at 50% 42%,transparent 40%,#000 85%);mask-image:radial-gradient(125% 85% at 50% 42%,transparent 40%,#000 85%)}
:root:not([data-theme="dark"]) body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55vw 42vh at -4% -6%,rgba(206,233,196,.9),rgba(206,233,196,0) 70%),radial-gradient(46vw 36vh at 104% -4%,rgba(255,234,200,.75),rgba(255,234,200,0) 68%),
    radial-gradient(60vw 44vh at 104% 106%,rgba(214,237,205,.8),rgba(214,237,205,0) 70%),radial-gradient(42vw 30vh at -4% 102%,rgba(232,222,246,.5),rgba(232,222,246,0) 70%)}
:root:not([data-theme="dark"]) .pg h1{background:linear-gradient(100deg,#12321F 0%,#1B6E3A 62%,#2E7D4F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
:root:not([data-theme="dark"]) .pg h1::after{content:"";display:block;width:108px;height:18px;margin-top:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 6' shape-rendering='crispEdges'%3E%3Crect x='7' y='0' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='17' y='0' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='27' y='0' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='31' y='0' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='6' y='1' width='4' height='1' fill='%231B6E3A'/%3E%3Crect x='16' y='1' width='4' height='1' fill='%231B6E3A'/%3E%3Crect x='26' y='1' width='4' height='1' fill='%231B6E3A'/%3E%3Crect x='30' y='1' width='1' height='1' fill='%233E9B5C'/%3E%3Crect x='31' y='1' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='32' y='1' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='0' y='2' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='5' y='2' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='9' y='2' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='15' y='2' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='19' y='2' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='25' y='2' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='29' y='2' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='31' y='2' width='3' height='1' fill='%233E9B5C'/%3E%3Crect x='0' y='3' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='4' y='3' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='10' y='3' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='14' y='3' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='20' y='3' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='24' y='3' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='32' y='3' width='1' height='1' fill='%233E9B5C'/%3E%3Crect x='1' y='4' width='4' height='1' fill='%231B6E3A'/%3E%3Crect x='11' y='4' width='4' height='1' fill='%231B6E3A'/%3E%3Crect x='21' y='4' width='4' height='1' fill='%231B6E3A'/%3E%3Crect x='2' y='5' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='12' y='5' width='2' height='1' fill='%231B6E3A'/%3E%3Crect x='22' y='5' width='2' height='1' fill='%231B6E3A'/%3E%3C/svg%3E") no-repeat 0 0/108px 18px}
:root:not([data-theme="dark"]) .pg h2::before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:-.18em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='9' y='0' width='2' height='1' fill='%23145A2F'/%3E%3Crect x='7' y='1' width='2' height='1' fill='%23145A2F'/%3E%3Crect x='9' y='1' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='10' y='1' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='5' y='2' width='2' height='1' fill='%23145A2F'/%3E%3Crect x='7' y='2' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='8' y='2' width='1' height='1' fill='%233E9B5C'/%3E%3Crect x='9' y='2' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='10' y='2' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='4' y='3' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='5' y='3' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='6' y='3' width='3' height='1' fill='%233E9B5C'/%3E%3Crect x='9' y='3' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='10' y='3' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='3' y='4' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='5' y='4' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='7' y='4' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='8' y='4' width='1' height='1' fill='%233E9B5C'/%3E%3Crect x='9' y='4' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='10' y='4' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='2' y='5' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='3' y='5' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='4' y='5' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='6' y='5' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='7' y='5' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='2' y='6' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='3' y='6' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='4' y='6' width='1' height='1' fill='%233E9B5C'/%3E%3Crect x='5' y='6' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='6' y='6' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='8' y='6' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='1' y='7' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='2' y='7' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='3' y='7' width='1' height='1' fill='%233E9B5C'/%3E%3Crect x='4' y='7' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='5' y='7' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='8' y='7' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='1' y='8' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='2' y='8' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='3' y='8' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='4' y='8' width='2' height='1' fill='%233E9B5C'/%3E%3Crect x='6' y='8' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='7' y='8' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='1' y='9' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='2' y='9' width='1' height='1' fill='%238ACF98'/%3E%3Crect x='3' y='9' width='1' height='1' fill='%231B6E3A'/%3E%3Crect x='4' y='9' width='3' height='1' fill='%23145A2F'/%3E%3Crect x='0' y='10' width='1' height='1' fill='%23145A2F'/%3E%3Crect x='2' y='10' width='2' height='1' fill='%23145A2F'/%3E%3Crect x='0' y='11' width='1' height='1' fill='%23145A2F'/%3E%3C/svg%3E") no-repeat center/contain}
:root:not([data-theme="dark"]) table{box-shadow:var(--lift)}
:root:not([data-theme="dark"]) .range{border:1px solid transparent;background:var(--face) padding-box,var(--ring) border-box;box-shadow:var(--lift);border-radius:20px}
:root:not([data-theme="dark"]) .note-box{border:1px solid rgba(27,110,58,.13);border-left:4px solid #E5B53A;border-radius:20px 20px 20px 6px;background:linear-gradient(135deg,#EAF5E4,#DCEDD4);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px -12px rgba(18,50,31,.28)}
:root:not([data-theme="dark"]) .alert{background:radial-gradient(120% 90% at 100% 0%,rgba(138,207,152,.30),rgba(138,207,152,0) 60%),linear-gradient(160deg,#18653A,#0F4424);background-color:#145A2F;color:#F4F8F2;border-radius:24px;box-shadow:0 18px 40px -18px rgba(12,58,31,.7)}
:root:not([data-theme="dark"]) :is(.pg-cta,.btn:not(.ghost)){background:var(--shine) 160% 0/250% 100% no-repeat,linear-gradient(180deg,#FFE07A 0%,#F4B73B 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px -8px rgba(196,135,20,.65);transition:background-position .7s cubic-bezier(.2,.8,.2,1),transform .12s}
@media (hover:hover){:root:not([data-theme="dark"]) :is(.pg-cta,.btn:not(.ghost)):hover{background-position:-60% 0,0 0}}
:root:not([data-theme="dark"]) .btn.ghost{border:1px solid transparent;background:var(--face) padding-box,var(--ring) border-box;box-shadow:var(--lift)}