@charset "utf-8";
/* =====================================================================
   Save the Event · styles propres aux pages « maison » et légales
   (/a-propos/, /pros-partenaires/, /outils/plan-de-table/, /blog/ et
   ses articles, /mentions-legales/, /confidentialite/, /cgv/).
   Chargé après site.css. Équipe « maison-legal ». Préfixe .mx-.
   ===================================================================== */

/* ---------- Petits utilitaires ---------- */
.mx-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.mx-meta li{display:inline-flex;align-items:center;gap:8px}
.mx-meta svg{width:16px;height:16px;color:var(--green-2)}
.mx-kicker{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-ink)}

/* ---------- Héros : lettre du fondateur (à propos) ---------- */
.mx-letter{position:relative;background:var(--card);border-radius:var(--r-l);box-shadow:var(--shadow-lg);padding:clamp(22px,7cqw,40px);transform:rotate(-2deg);display:grid;gap:14px}
.mx-letter .mx-orn{width:70%;height:auto;justify-self:center}
.mx-letter p{font-family:var(--f-serif);font-size:clamp(1.25rem,6cqw,1.75rem);line-height:1.15;text-align:center}
.mx-letter small{display:block;text-align:center;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.phero-vis .mx-letter + .stamp{top:-6%}
.phero-vis .mx-tape{position:absolute;left:50%;top:-12px;width:110px;height:26px;translate:-50% 0;rotate:3deg;background:rgba(255,200,69,.75);border-radius:3px}

/* ---------- Histoire (à propos) ---------- */
.mx-story{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:960px){.mx-story{grid-template-columns:.9fr 1.1fr;align-items:start}}
.sec-head .ex-flag{justify-self:start}
@media (max-width:959.98px){.mx-story-vis{order:2}.mx-story-vis .frame{max-width:420px;aspect-ratio:4/3.4}}
.mx-story-vis{display:grid;gap:14px}
@media (min-width:960px){.mx-story-vis{position:sticky;top:110px}}
.mx-sign{font-family:var(--f-serif);font-style:italic;font-size:1.9rem;line-height:1;color:var(--green)}
.mx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.mx-facts li{border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:16px;display:grid;gap:4px}
.mx-facts b{font-family:var(--f-display);font-weight:780;font-size:1.9rem;letter-spacing:-.04em;line-height:1;color:var(--green)}
.mx-facts span{font-size:.92rem;color:var(--ink-2);line-height:1.3}

/* ---------- Piliers (à propos) ---------- */
.mx-pillars{display:grid;gap:14px;counter-reset:p}
@media (min-width:760px){.mx-pillars{grid-template-columns:1fr 1fr}}
.mx-pillar{position:relative;border-radius:var(--r-l);padding:clamp(24px,3vw,36px);display:grid;gap:12px;align-content:start;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:transform .4s var(--spring)}
.mx-pillar:hover{transform:translateY(-4px) rotate(-.4deg)}
.mx-pillar::before{counter-increment:p;content:"0" counter(p);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;color:var(--ink-2)}
.mx-pillar h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.mx-pillar p{color:var(--ink-2)}
.mx-pillar.p2{background:var(--mint);box-shadow:none}
.mx-pillar.p3{background:var(--sun-soft);box-shadow:none}
.mx-pillar.p4{background:var(--ink);color:var(--paper);box-shadow:none}
.mx-pillar.p4 p,.mx-pillar.p4::before{color:rgba(247,246,242,.82)}
.mx-pillar.p4 h3 .it{color:var(--sun)}
.mx-pillar .mx-vs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.mx-pillar .mx-vs li{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;padding:5px 10px;border-radius:99px;background:rgba(19,35,28,.07)}
.mx-pillar.p4 .mx-vs li{background:rgba(247,246,242,.12)}

/* ---------- Zone d'intervention (à propos) ---------- */
.mx-zone{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.mx-zone{grid-template-columns:1fr 1fr;gap:64px}}
.mx-zone > *{min-width:0}
.mx-map{width:100%;max-width:520px;justify-self:center;height:auto;overflow:visible}
.mx-map .ring{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:3 6}
.mx-map text{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;fill:var(--ink)}
.mx-map .big{font-family:var(--f-display);font-weight:780;font-size:22px;letter-spacing:-.02em}
.mx-map .dep{transition:transform .4s var(--spring);transform-box:fill-box;transform-origin:center}
.mx-map .dep:hover{transform:scale(1.08)}
@media (prefers-reduced-motion:no-preference){.mx-map .pulse{animation:mxPulse 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes mxPulse{0%{opacity:.55;transform:scale(.6)}100%{opacity:0;transform:scale(1.6)}}

/* ---------- Pros & partenaires ---------- */
.mx-models{display:grid;gap:14px}
@media (min-width:900px){.mx-models{grid-template-columns:1fr 1fr}}
.mx-model{border-radius:var(--r-xl);padding:clamp(26px,4vw,48px);display:grid;gap:16px;align-content:start;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
.mx-model.is-green{background:var(--green);color:var(--paper);box-shadow:none}
.mx-model.is-green p,.mx-model.is-green li{color:rgba(247,246,242,.88)}
.mx-model.is-green h3 .it{color:var(--sun)}
.mx-model h3{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.mx-model h3 .it{color:var(--coral)}
.mx-model ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.mx-model li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.mx-model li svg{width:22px;height:22px;margin-top:1px;color:var(--green-2)}
.mx-model.is-green li svg{color:var(--sun)}
.mx-model .mx-who{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.mx-model .ptag{white-space:normal}
.mx-model.is-green .ptag{background:var(--sun)}

.mx-pro-grid{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:1000px){.mx-pro-grid{grid-template-columns:.85fr 1.15fr;align-items:start}}
.mx-pro-grid > *{min-width:0}
.mx-pro-grid .sec-head{margin-bottom:0}
.mx-form .tiles.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:560px){.mx-form .tiles.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mx-form legend{font-family:var(--f-display);font-weight:720;font-size:1.15rem;letter-spacing:-.02em;padding:0;margin-bottom:10px}
.mx-form fieldset{border:0;margin:0;padding:0;min-width:0}
.mx-form .err{color:var(--coral-ink);font-weight:600}
.mx-form .fine{margin-top:0;font-size:.86rem}
.mx-form .fine a{color:inherit;text-decoration-color:var(--coral)}
.mx-form .acts{display:flex;flex-wrap:wrap;gap:10px}
.mx-done{display:grid;gap:12px;border-radius:var(--r-m);background:var(--mint);padding:18px}
.mx-done h3{font-size:1.3rem}
.mx-done pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--f-mono);font-size:.8rem;background:var(--card);border-radius:12px;padding:12px;max-height:220px;overflow:auto}
.mx-aside-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mx-aside-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:rgba(247,246,242,.88)}
.mx-aside-list svg{width:22px;height:22px;color:var(--sun)}

/* ---------- Outil plan de table ---------- */
.mx-tool{display:grid;gap:16px;border-radius:var(--r-xl);background:var(--card);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line);padding:clamp(16px,2.6vw,32px)}
@media (min-width:1000px){.mx-tool{grid-template-columns:380px 1fr;gap:28px;align-items:start}}
.mx-tool > *{min-width:0}
.mx-panel{display:grid;gap:16px;align-content:start}
.mx-panel h2,.mx-tables-h h2{font-size:1.35rem;letter-spacing:-.02em;font-variation-settings:normal}
.mx-set{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mx-num{display:grid;gap:6px}
.mx-num label{font-weight:650;font-size:.9rem}
.mx-step{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--paper)}
.mx-step button{min-height:48px;border:0;background:none;font-size:1.3rem;font-weight:700;cursor:pointer;border-radius:12px}
.mx-step button:hover{background:var(--paper-2)}
.mx-step input{width:100%;min-width:0;min-height:48px;border:0;background:none;text-align:center;font-family:var(--f-mono);font-size:1.05rem;-moz-appearance:textfield}
.mx-step input::-webkit-outer-spin-button,.mx-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mx-add{display:grid;grid-template-columns:1fr auto;gap:8px}
.mx-add .inp{min-height:48px}
.mx-add .btn{min-height:48px;padding:0 18px}
.mx-paste summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;font-size:.95rem;text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:4px}
.mx-paste[open] summary{margin-bottom:8px}
.mx-paste .inp{min-height:120px;padding:12px 14px}
.mx-paste .btn{margin-top:8px}
.mx-stats{display:flex;flex-wrap:wrap;gap:6px}
.mx-stats span{font-family:var(--f-mono);font-size:.78rem;padding:6px 10px;border-radius:99px;background:var(--paper-2)}
.mx-stats span.ok{background:var(--mint)}
.mx-stats span.warn{background:var(--coral-soft);color:var(--coral-ink)}
.mx-guests{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media (min-width:1000px){.mx-guests{max-height:470px;overflow:auto;padding-right:4px;overscroll-behavior:contain}}
.mx-guests li{display:grid;grid-template-columns:1fr minmax(0,128px) 44px;gap:6px;align-items:center;padding:4px 4px 4px 12px;border-radius:14px;background:var(--paper)}
.mx-guests li.is-seated{background:var(--mint)}
.mx-guests .nm{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-guests select{min-height:44px;width:100%;border-radius:10px;border:1.5px solid var(--line);background:var(--card);padding:0 8px;font-size:.88rem}
.mx-x{min-width:44px;min-height:44px;border:0;border-radius:10px;background:none;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--ink-2)}
.mx-x:hover{background:var(--coral-soft);color:var(--coral-ink)}
.mx-empty{color:var(--ink-2);font-size:.95rem;padding:12px;border-radius:14px;background:var(--paper);text-align:center}
.mx-acts{display:flex;flex-wrap:wrap;gap:8px}
.mx-acts .btn{min-height:44px;padding:0 16px;font-size:.94rem}
.mx-tables-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.mx-tables{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,196px),1fr))}
.mx-table{border-radius:var(--r-m);background:var(--paper);padding:14px;display:grid;gap:8px;align-content:start;transition:box-shadow .2s,background-color .2s}
.mx-table.is-full{background:var(--mint)}
.mx-table.is-over{box-shadow:inset 0 0 0 2px var(--coral-ink)}
.mx-table svg{width:100%;max-width:150px;height:auto;justify-self:center;overflow:visible}
.mx-table svg .tb{fill:var(--card);stroke:var(--ink);stroke-width:1.5}
.mx-table svg .seat{fill:var(--card);stroke:var(--ink-2);stroke-width:1.2;transition:fill .3s}
.mx-table svg .seat.on{fill:var(--coral);stroke:var(--coral-ink)}
.mx-table svg text{font-family:var(--f-display);font-weight:760;font-size:15px;fill:var(--ink);text-anchor:middle}
.mx-table svg .sub{font-family:var(--f-mono);font-weight:500;font-size:10px;fill:var(--ink-2)}
.mx-table h3{font-size:1.05rem;display:flex;justify-content:space-between;gap:8px}
.mx-table h3 span{font-family:var(--f-mono);font-weight:500;font-size:.78rem;color:var(--ink-2);letter-spacing:0}
.mx-table ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.mx-table li button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:99px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:.84rem;font-weight:600;cursor:pointer}
.mx-table li button:hover{background:var(--coral-soft)}
.mx-table li button::after{content:"×";color:var(--ink-2)}
.mx-table .none{font-size:.85rem;color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){.mx-table.pop{animation:mxPop .45s var(--spring)}}
@keyframes mxPop{0%{transform:scale(.97)}60%{transform:scale(1.02)}100%{transform:scale(1)}}

/* Aimant checklist */
.mx-magnet{display:grid;gap:clamp(24px,4vw,48px);border-radius:var(--r-xl);background:var(--sun);color:var(--ink);padding:clamp(24px,5vw,64px);position:relative;overflow:hidden}
@media (min-width:960px){.mx-magnet{grid-template-columns:1fr 1fr;align-items:center}}
.mx-magnet > *{min-width:0}
.mx-magnet h2{font-size:clamp(2.1rem,4.6vw,3.8rem)}
.mx-magnet h2 .it{color:var(--coral-ink)}
.mx-magnet .form{box-shadow:var(--shadow-lg)}
.mx-check-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.mx-check-list li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.mx-check-list svg{width:22px;height:22px;color:var(--green)}

/* ---------- Blog ---------- */
.mx-feat{display:grid;gap:14px}
@media (min-width:900px){.mx-feat{grid-template-columns:1fr 1fr}}
.mx-post{position:relative;border-radius:var(--r-xl);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:grid;transition:transform .4s var(--spring),box-shadow .2s}
.mx-post:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:inset 0 0 0 1.5px var(--ink)}
.mx-post .mx-cover{aspect-ratio:16/8;display:grid;place-items:center;overflow:hidden}
.mx-post .mx-cover svg{width:86%;height:auto;max-height:88%}
.mx-post .bd{padding:clamp(20px,3vw,32px);display:grid;gap:12px;align-content:start}
.mx-post h3{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.mx-post h3 a{text-decoration:none;color:inherit}
.mx-post h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.mx-post p{color:var(--ink-2)}
.mx-post .go{display:inline-flex;align-items:center;gap:8px;font-weight:650}
.mx-post .go span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);transition:transform .35s var(--spring)}
.mx-post:hover .go span{transform:rotate(-45deg);background:var(--coral)}
.mx-post a:focus-visible{outline:none}
.mx-post:has(a:focus-visible){outline:3px solid var(--coral);outline-offset:3px}
.mx-soon{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none}
.mx-soon li{border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:20px;display:grid;gap:10px;align-content:start}
.mx-soon li:nth-child(4n+2){background:var(--mint);box-shadow:none}
.mx-soon li:nth-child(4n+3){background:var(--sun-soft);box-shadow:none}
.mx-soon h3{font-size:1.15rem;line-height:1.15}
.mx-soon .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.mx-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:var(--sun);color:var(--ink);transform:rotate(-2deg)}
.mx-badge.is-live{background:var(--green);color:var(--paper)}
.mx-soon .mx-kicker{color:var(--ink-2)}
.mx-soon p{font-size:.94rem;color:var(--ink-2)}

/* ---------- Article de blog ---------- */
.mx-article{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:1080px){.mx-article{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.mx-article > *{min-width:0}
.mx-article .prose{max-width:72ch}
.mx-article .prose h2{scroll-margin-top:96px}
.mx-article .prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (min-width:640px){.mx-article .prose table{display:table}}
.mx-article .prose td b{white-space:nowrap}
.mx-side{display:grid;gap:14px}
@media (min-width:1080px){.mx-side{position:sticky;top:104px}}
.mx-toc{border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:18px}
.mx-toc summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.mx-toc ol{margin:6px 0 0;padding-left:1.3em;display:grid;gap:2px;font-size:.95rem}
.mx-toc li::marker{color:var(--coral);font-family:var(--f-mono);font-size:.85em}
.mx-toc a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:var(--ink);text-decoration:none}
.mx-toc a:hover{text-decoration:underline;text-decoration-color:var(--coral)}
.mx-side-cta{border-radius:var(--r-m);background:var(--green);color:var(--paper);padding:22px;display:grid;gap:12px}
.mx-side-cta b{font-family:var(--f-display);font-size:1.35rem;letter-spacing:-.02em;line-height:1.1}
.mx-side-cta p{color:rgba(247,246,242,.86);font-size:.95rem}
.mx-side-cta .btn{justify-self:start}
.mx-callout{border-radius:var(--r-m);background:var(--sun-soft);padding:18px 20px;display:grid;gap:8px}
.mx-callout.is-mint{background:var(--mint)}
.mx-callout.is-coral{background:var(--coral-soft)}
.mx-callout b{font-family:var(--f-display);font-size:1.1rem}
.mx-callout p{font-size:1rem}
.prose .mx-callout a{font-weight:650}
.mx-article .timeline{margin-block:8px}
.mx-ex{display:grid;gap:10px;border-radius:var(--r-m);box-shadow:inset 0 0 0 1.5px var(--coral-ink);padding:16px}
.mx-ex .ex-flag{justify-self:start}
.mx-ex table{margin:0}
.mx-total td{font-weight:700;border-bottom:0}
.mx-author{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:12px}
.mx-author svg{width:52px;height:52px;flex:none}
.mx-author p{font-size:.95rem;color:var(--ink-2)}
.mx-related{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}

/* ---------- Pages légales ---------- */
.mx-legal{display:grid;gap:clamp(24px,4vw,56px)}
@media (min-width:1000px){.mx-legal{grid-template-columns:270px minmax(0,1fr);align-items:start}}
.mx-legal > *{min-width:0}
.mx-legal .mx-toc{background:var(--paper-2);box-shadow:none}
@media (min-width:1000px){.mx-legal .mx-toc{position:sticky;top:104px;max-height:calc(100vh - 128px);overflow:auto}}
.mx-legal .prose{max-width:76ch}
.mx-legal .prose h2{font-size:clamp(1.5rem,2.6vw,2rem);scroll-margin-top:96px;padding-top:10px;border-top:1px solid var(--line)}
.mx-legal .prose h2:first-child{border-top:0;margin-top:0}
.mx-legal .prose h3{font-size:1.15rem}
.mx-legal .prose table{display:block;overflow-x:auto}
@media (min-width:640px){.mx-legal .prose table{display:table}}
.mx-legal dl{margin:0;display:grid;gap:0;border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.mx-legal dl > div{display:grid;gap:2px;padding:12px 16px;border-bottom:1px solid var(--line)}
.mx-legal dl > div:last-child{border-bottom:0}
@media (min-width:640px){.mx-legal dl > div{grid-template-columns:220px 1fr;gap:16px}}
.mx-legal dt{font-weight:650}
.mx-legal dd{margin:0;color:var(--ink-2)}
.mx-updated{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.mx-review{display:grid;gap:14px;align-items:center;border-radius:var(--r-l);background:var(--coral-soft);padding:clamp(18px,3vw,28px);box-shadow:inset 0 0 0 2px var(--coral-ink)}
@media (min-width:760px){.mx-review{grid-template-columns:auto 1fr}}
.mx-review .mx-stamp{display:inline-grid;place-items:center;text-align:center;padding:10px 14px;border:2.5px solid var(--coral-ink);color:var(--coral-ink);border-radius:10px;font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1;transform:rotate(-4deg);font-size:1rem;justify-self:start;background:rgba(255,255,255,.4)}
.mx-review .mx-stamp small{display:block;font-family:var(--f-mono);font-weight:500;font-size:.62rem;letter-spacing:.12em;margin-top:6px}
.mx-review p{color:var(--ink)}
.mx-review b{font-weight:700}
.mx-summary{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0;padding:0;list-style:none}
.mx-summary li{border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:16px;display:grid;gap:4px}
.mx-summary li:nth-child(2){background:var(--mint);box-shadow:none}
.mx-summary li:nth-child(3){background:var(--sun-soft);box-shadow:none}
.mx-summary b{font-family:var(--f-display);font-weight:780;font-size:1.6rem;letter-spacing:-.03em;line-height:1}
.mx-summary span{font-size:.92rem;color:var(--ink-2);line-height:1.35}

/* ---------- Impression (plan de table, pages légales) ---------- */
@media print{
  .hdr,.sheet,.ftr,.mbar,.wa-float,.skip,.cta-band,.mx-panel,.mx-magnet,.phero,.mx-noprint{display:none!important}
  .band{padding-block:12px!important}
  .mx-tool{box-shadow:none;grid-template-columns:1fr;padding:0}
  .mx-table{break-inside:avoid;background:#fff!important;box-shadow:inset 0 0 0 1px #999}
}

/* ---------- Fiche traiteur (héros pros & partenaires) ---------- */
.mx-fiche{position:relative;background:var(--card);border-radius:var(--r-l);box-shadow:var(--shadow-lg);padding:clamp(18px,6cqw,32px);transform:rotate(-2deg);display:grid;gap:10px;font-size:max(12px,3.4cqw)}
.mx-fiche .hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1.5px dashed var(--line);padding-bottom:10px}
.mx-fiche .hd b{font-family:var(--f-display);font-weight:780;font-size:1.5em;letter-spacing:-.03em}
.mx-fiche .hd span{font-family:var(--f-mono);font-size:.78em;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.mx-fiche ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.mx-fiche li{display:flex;justify-content:space-between;gap:10px;align-items:center}
.mx-fiche li i{font-style:normal;font-family:var(--f-mono);font-size:.9em;padding:3px 10px;border-radius:99px;background:var(--mint)}
.mx-fiche li:nth-child(2) i{background:var(--sun-soft)}
.mx-fiche li:nth-child(3) i{background:var(--coral-soft);color:var(--coral-ink)}
.mx-fiche li:nth-child(4) i{background:var(--lilac)}
.mx-fiche .ft{font-family:var(--f-mono);font-size:.74em;letter-spacing:.06em;color:var(--green-2);text-transform:uppercase}
.phero-vis .mx-fiche + .stamp{top:auto;bottom:-16%;right:2%;transform:rotate(-7deg)}
.mx-fiche{margin-top:12%}
.phero-vis .mx-fiche-2{position:absolute;left:-3%;top:-4%;width:46%;transform:rotate(5deg);background:var(--sun);border-radius:var(--r-m);padding:clamp(12px,4cqw,20px);box-shadow:var(--shadow);font-size:max(11px,3cqw);display:grid;gap:4px}
.phero-vis .mx-fiche-2 b{font-family:var(--f-display);font-size:1.5em;letter-spacing:-.03em;line-height:1}
.phero-vis .mx-fiche-2 span{font-family:var(--f-mono);font-size:.78em;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:959.98px){.phero-vis:has(.mx-fiche){margin-bottom:40px}}