:root{--fond:#f6f5f2;--surface:#fff;--encre:#1d1f23;--encre-douce:#5c6068;--trait:#dedbd4;--accent:#1f4e79;--accent-clair:#e8eff6;--alerte:#a23b2a;--alerte-clair:#f8e9e6;--ok:#2f6b3a;--ok-clair:#e7f1e8;--attention:#8a5a00;--attention-clair:#fbf1dc;--rayon:6px}*{box-sizing:border-box}body,html{background:var(--fond);color:var(--encre);font:15px/1.5 -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 1rem}h1,h2{font-weight:600}h2{font-size:1.1rem;margin:1.5rem 0 .75rem}h3{font-size:1rem;font-weight:600;margin:1rem 0 .5rem}p{margin:.5rem 0}code{background:var(--accent-clair);border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:0 .3em}.coquille{display:flex;flex-direction:column;min-height:100vh}.entete{background:var(--surface);border-bottom:1px solid var(--trait)}.entete-contenu{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;margin:0 auto;max-width:1100px;padding:.6rem 1rem}.marque{color:var(--encre);font-weight:700;letter-spacing:.02em}.marque small{color:var(--encre-douce);font-weight:400;margin-left:.5rem}.nav{display:flex;flex-wrap:wrap;gap:1rem}.nav a{border-bottom:2px solid transparent;color:var(--encre-douce);padding:.2rem 0}.nav a.router-link-active{border-bottom-color:var(--accent);color:var(--accent)}.nav a:hover{color:var(--accent);text-decoration:none}.entete-droite{align-items:center;color:var(--encre-douce);display:flex;font-size:.9rem;gap:.75rem;margin-left:auto}main{flex:1;margin:0 auto;max-width:1100px;padding:1.5rem 1rem 3rem;width:100%}.pied{border-top:1px solid var(--trait);color:var(--encre-douce);font-size:.85rem;padding:1rem}.bandeau,.pied{text-align:center}.bandeau{background:var(--attention-clair);border-bottom:1px solid #e4cf9c;color:var(--attention);font-weight:600;padding:.5rem 1rem}.formule{border-left:3px solid var(--accent);color:var(--encre-douce);font-size:.9rem;margin:1rem 0;padding-left:.75rem}.carte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);margin-bottom:1rem;padding:1rem 1.25rem}.grille{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.tuile{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);padding:1rem}.tuile .valeur{font-size:1.75rem;font-weight:600}.tuile .libelle{color:var(--encre-douce);font-size:.85rem}table{background:var(--surface);border:1px solid var(--trait);border-collapse:collapse;border-radius:var(--rayon);width:100%}td,th{border-bottom:1px solid var(--trait);padding:.5rem .75rem;text-align:left;vertical-align:top}th{color:var(--encre-douce);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}tr:last-child td{border-bottom:none}.etiquette{background:var(--accent-clair);border-radius:999px;color:var(--accent);display:inline-block;font-size:.8rem;font-weight:600;padding:.1rem .5rem;white-space:nowrap}.etiquette.ok{background:var(--ok-clair);color:var(--ok)}.etiquette.alerte{background:var(--alerte-clair);color:var(--alerte)}.etiquette.attention{background:var(--attention-clair);color:var(--attention)}.etiquette.neutre{background:#ececec;color:#555}.bouton{background:var(--accent);border:1px solid var(--accent);border-radius:var(--rayon);color:#fff;cursor:pointer;display:inline-block;font:inherit;padding:.4rem .9rem}.bouton:hover{filter:brightness(1.08);text-decoration:none}.bouton.secondaire{background:var(--surface);color:var(--accent)}.bouton.danger{background:var(--surface);border-color:var(--alerte);color:var(--alerte)}.bouton:disabled{cursor:not-allowed;opacity:.5}.bouton.petit{font-size:.85rem;padding:.2rem .6rem}form.formulaire{display:grid;gap:.75rem;max-width:560px}label{color:var(--encre-douce);display:grid;font-size:.9rem;gap:.25rem}input,select,textarea{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);color:var(--encre);font:inherit;padding:.45rem .6rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-clair)}textarea{min-height:90px}.ligne{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cases{display:grid;gap:.35rem}.cases label{align-items:center;color:var(--encre);display:flex;flex-direction:row;gap:.5rem}.message{border-radius:var(--rayon);margin:.75rem 0;padding:.6rem .9rem}.message.erreur{background:var(--alerte-clair);border:1px solid #e3b9b0;color:var(--alerte)}.message.succes{background:var(--ok-clair);border:1px solid #b7d4bc;color:var(--ok)}.message.info{background:var(--accent-clair);border:1px solid #bfd0e2;color:var(--accent)}.muet{color:var(--encre-douce)}.petit{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;word-break:break-all}.vide{color:var(--encre-douce);font-style:italic;padding:.5rem 0}.onglets{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.onglets button{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);cursor:pointer;font:inherit;padding:.4rem .8rem}.onglets button.actif{background:var(--accent);border-color:var(--accent);color:#fff}.centre{margin:3rem auto;max-width:460px}dl{display:grid;gap:.3rem 1rem;grid-template-columns:max-content 1fr;margin:.5rem 0}dt{color:var(--encre-douce)}dd{margin:0}.bandeau-fixe{position:sticky;top:0;z-index:30}.coquille-demo main{padding-bottom:220px}.visite{background:var(--surface);border:1px solid var(--accent);border-left-width:6px;border-radius:var(--rayon);bottom:1rem;box-shadow:0 10px 30px #0000002e;left:50%;padding:.85rem 1.1rem 1rem;position:fixed;transform:translate(-50%);width:min(620px,calc(100% - 2rem));z-index:40}.visite-entete{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.visite-compteur{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.visite-texte{font-size:1.05rem;margin:.25rem 0 .5rem}.visite-instruction .visite-puce{background:var(--accent);border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-right:.4rem;padding:.1rem .45rem;text-transform:uppercase;vertical-align:middle}.visite-lien{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:.9rem;padding:0;text-decoration:underline}.visite-pourquoi{border-left:3px solid var(--trait);color:var(--encre-douce);font-size:.92rem;margin:.5rem 0;padding-left:.75rem}.visite-rappel{color:var(--attention);font-size:.9rem;margin:.5rem 0}.visite-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.6rem}.visite-cible{animation:visite-pulse 1.4s ease-in-out infinite;border-radius:4px;outline:3px solid var(--accent);outline-offset:4px;position:relative;z-index:1}@keyframes visite-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:#8fb3d9}}@media(prefers-reduced-motion:reduce){.visite-cible{animation:none}}