/* Pages statiques indexables (scripts/build_seo.py) — mêmes couleurs et polices que l'app */
:root{--paper:#f7f2e9;--paper-deep:#efe6d6;--ink:#241f17;--ink-2:#6a5b48;--hair:rgba(36,31,23,.14);--accent:#9a6a2e;--forest:#2f5d3a;--green:#2d6a44;--red:#b1301f;--amber:#b7791f;--plum:#6b3f6e;
  --display:"Cormorant Garamond",Georgia,serif;--body:"EB Garamond",Georgia,serif;--ui:"Manrope",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 var(--body);-webkit-text-size-adjust:100%}
a{color:var(--forest)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--hair);flex-wrap:wrap}
.top .brand{font:700 24px/1 var(--display);color:var(--ink);text-decoration:none}
.top nav{display:flex;gap:14px;font:600 13px/1 var(--ui)}
.top nav a{text-decoration:none;color:var(--ink-2)}
main{max-width:760px;margin:0 auto;padding:12px 18px 40px}
.crumbs{font:600 12px/1.4 var(--ui);color:var(--ink-2);margin:6px 0 18px}
.crumbs a{color:var(--ink-2)}
.kicker{font:700 11px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
h1{font:700 40px/1.05 var(--display);margin:0}
.latin{font-style:italic;color:var(--ink-2);margin:4px 0 12px;font-size:19px}
h2{font:700 25px/1.15 var(--display);margin:30px 0 10px}
h2 small{font:600 13px var(--ui);color:var(--ink-2)}
.lede{font-size:19px;color:var(--ink-2)}
.status{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 16px}
.status .note{font-size:16px;color:var(--ink-2)}
.pill{display:inline-block;font:700 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:#fff;background:var(--ink-2);white-space:nowrap}
.pill.comestible{background:var(--green)} .pill.comestible_avec_precaution{background:var(--amber)}
.pill.toxique,.pill.mortel{background:var(--red)} .pill.hallucinogene{background:var(--plum)}
.photo{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:var(--paper-deep)}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.plate{margin:26px 0 0;text-align:center}
.plate img{max-width:100%;max-height:420px;mix-blend-mode:multiply}
.plate figcaption{font:600 12px var(--ui);color:var(--ink-2)}
.cta{margin:16px 0}
.btn{display:inline-block;font:700 15px/1 var(--ui);background:var(--forest);color:#fff;text-decoration:none;padding:14px 20px;border-radius:999px;min-height:44px}
ul.crit,ul.conf,ul.src{padding-left:20px}
ul.crit li,ul.conf li{margin:0 0 8px}
.conf .dg{font:600 12px var(--ui);color:var(--ink-2)}
.conf .pill{font-size:9.5px;padding:4px 7px;vertical-align:2px}
ul.src{font-size:16px}
.credits{font:500 12px/1.5 var(--ui);color:var(--ink-2);margin-top:20px}
.credits a{color:var(--ink-2)}
ul.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
ul.grid a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,253,248,.75);text-decoration:none;color:inherit;min-height:44px}
ul.grid img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:var(--paper-deep)}
ul.grid span{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
ul.grid b{font:700 19px/1.1 var(--display)} ul.grid i{font-size:15px;color:var(--ink-2)}
ul.grid .pill{font-size:9.5px;padding:4px 7px}
.safety{margin:34px 0 0;padding:16px 18px;border-radius:22px;background:var(--paper-deep);font-size:15.5px;line-height:1.45}
.safety b{display:block;font:700 19px/1.2 var(--display);margin-bottom:4px}
.safety .tel{display:block;margin-top:8px;font:600 12px var(--ui);color:var(--ink-2)}
footer{text-align:center;font:600 12px var(--ui);color:var(--ink-2);padding:20px 18px 36px;border-top:1px solid var(--hair)}
footer a{color:var(--ink-2)}
@media (min-width:900px){h1{font-size:52px}}