:root{--fond:#f6f5f2;--carte:#ffffff;--encre:#1c1b19;--doux:#6b6862;--trait:#e4e1da;--accent:#2f5d50;--accent-clair:#e3ede9;--attente:#b26b00;--attente-clair:#fbf0dc;--rayon:10px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;color:var(--encre);background:var(--fond)}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.barre{display:flex;align-items:center;gap:28px;padding:14px 32px;background:var(--carte);border-bottom:1px solid var(--trait);position:-webkit-sticky;position:sticky;top:0;z-index:10}.marque{font-weight:700;letter-spacing:.02em}.barre nav{display:flex;gap:20px;color:var(--doux)}.barre .moi{margin-left:auto;color:var(--doux);font-size:13px}main{max-width:1120px;margin:0 auto;padding:32px}h1{font-size:26px;margin:0 0 4px}.sous-titre{color:var(--doux);margin:0 0 28px}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);padding:20px}.carte h2{font-size:17px;margin:0 0 4px}.carte .etape{color:var(--doux);font-size:14px}.jauge{height:6px;background:var(--trait);border-radius:3px;margin:14px 0 8px;overflow:hidden}.jauge span{display:block;height:100%;background:var(--accent)}.pastille{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.pastille.validee{background:var(--accent-clair);color:var(--accent)}.pastille.a-valider{background:var(--attente-clair);color:var(--attente)}.pastille.a-faire{background:#efeee9;color:var(--doux)}.fiche{display:grid;grid-template-columns:280px 1fr;grid-gap:24px;gap:24px;align-items:start}.etapes{list-style:none;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:76px}.etapes li a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.etapes li a:hover{background:#ecebe6;text-decoration:none}.etapes li a.actif{background:var(--carte);border:1px solid var(--trait)}.etapes .num{width:30px;color:var(--doux);font-size:13px}.etapes .nom{flex:1 1}.point{width:9px;height:9px;border-radius:50%;background:var(--trait)}.point.validee{background:var(--accent)}.point.a-valider{background:var(--attente)}.entete-etape{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.entete-etape h2{margin:0;font-size:20px}.entete-etape code{color:var(--doux)}.actions{margin-left:auto;display:flex;gap:8px;align-items:center}button{font:inherit;border:1px solid var(--trait);background:var(--carte);padding:7px 14px;border-radius:8px;cursor:pointer}button.principal{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.mention{color:var(--doux);font-size:13px}.md{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);padding:8px 24px 16px;margin-bottom:16px;overflow-x:auto}.md .chemin{font-size:12px;color:var(--doux);margin:10px 0 0;font-family:ui-monospace,monospace}.md table{border-collapse:collapse;margin:12px 0;font-size:14px}.md td,.md th{border:1px solid var(--trait);padding:6px 10px;text-align:left;vertical-align:top}.md th{background:#faf9f6}.vignettes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:12px 0}.vignettes img{width:100%;border-radius:8px;border:1px solid var(--trait);background:#fff}.vide{color:var(--doux);padding:40px;text-align:center;background:var(--carte);border:1px dashed var(--trait);border-radius:var(--rayon)}.filtres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.filtres a{font-size:13px;padding:4px 10px;border:1px solid var(--trait);border-radius:999px;background:var(--carte)}.filtres a.actif{background:var(--encre);color:#fff;border-color:var(--encre)}.deux-colonnes{display:grid;grid-template-columns:1fr 340px;grid-gap:24px;gap:24px;align-items:start}.hook img{width:100%;border-radius:8px;border:1px solid var(--trait);margin-bottom:10px}.hook .texte{font-weight:600;margin:4px 0}.hook .pourquoi{color:var(--doux);font-size:14px}.etiquettes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.etiquettes span{font-size:12px;background:#efeee9;padding:1px 7px;border-radius:999px}.playbook{font-size:14px;position:-webkit-sticky;position:sticky;top:76px;max-height:calc(100vh - 100px);overflow-y:auto}@media (max-width:860px){.deux-colonnes,.fiche{grid-template-columns:1fr}.etapes,.playbook{position:static;max-height:none}}a.carte{display:block}a.carte:hover{text-decoration:none;border-color:#cfcbc1}.connexion{max-width:420px;margin:80px auto;display:flex;flex-direction:column;align-items:center;gap:12px}.connexion .erreur{color:#b42318}a.bouton{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none}button.lien-discret{border:none;background:none;padding:0;color:var(--doux);font-size:13px;text-decoration:underline}