:root{--bg: #fdf4ec;--bg-2: #fbe7d6;--surface: #ffffff;--text: #2a1f17;--muted: #876a58;--accent: #d2540d;--accent-text: #ffffff;--border: #f0ddca;--radius: 16px;--maxw: 760px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--accent-ink: color-mix(in srgb, var(--accent) 80%, #000);--accent-soft: color-mix(in srgb, var(--accent) 12%, #fff);--accent-line: color-mix(in srgb, var(--accent) 26%, var(--border));--shadow: 0 6px 22px rgba(150, 70, 20, .09);--grid: color-mix(in srgb, var(--accent) 6%, transparent);--grid-strong: color-mix(in srgb, var(--accent) 11%, transparent)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.6}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--grid-strong) 1px,transparent 1px),linear-gradient(165deg,var(--bg),var(--bg-2));background-size:30px 30px,30px 30px,150px 150px,150px 150px,cover;background-attachment:fixed}a{color:var(--accent-ink)}h1{font-size:1.9rem;line-height:1.2;margin:0 0 .4em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h2{font-size:1.4rem;margin:1.4em 0 .5em;overflow-wrap:break-word}h3{font-size:1.15rem;margin:1.2em 0 .4em}p{margin:0 0 .8em}.muted strong{color:var(--text);font-weight:700}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--accent-ink);font-weight:700;margin:0 0 8px}.hero h1{font-size:2.6rem;font-family:var(--font-display);font-weight:600;letter-spacing:0}@media (max-width: 520px){.hero h1{font-size:1.9rem}}@media (max-width: 520px){h1{font-size:1.45rem}h2{font-size:1.25rem}}.page{max-width:var(--maxw);margin:0 auto;padding:24px 18px 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:0 0 18px;box-shadow:var(--shadow)}.card>:first-child{margin-top:0}h1{color:var(--accent-ink);letter-spacing:-.01em}h2{color:var(--text)}.muted{color:var(--muted)}.center{text-align:center}.btn{display:inline-block;background:var(--accent);color:var(--accent-text);border:none;border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .08s ease,filter .12s ease}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn.secondary{background:var(--accent-soft);color:var(--accent-ink);border:1.5px solid transparent;box-shadow:none}.btn.secondary:hover{border-color:var(--accent-line)}.btn.danger{background:#b3402f;box-shadow:0 4px 12px #b3402f47}.btn.block{display:block;width:100%}.link-btn{background:none;border:none;color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer;padding:6px 0 0}.link-btn:hover{text-decoration:underline}.readmore-body{margin-top:4px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.site-footer{margin:6px 0 0;padding:20px 4px 8px;text-align:center;border-top:1px solid var(--border)}.footer-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}label{display:block;font-weight:600;margin:0 0 6px}input[type=text],input[type=password],input[type=email],textarea,select{width:100%;padding:12px 14px;font-size:1rem;font-family:inherit;border:2px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}textarea{min-height:130px;resize:vertical}input:focus,textarea:focus,select:focus,.btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field{margin:0 0 18px}.pw-wrap{position:relative}.pw-wrap input{padding-right:52px}.pw-eye{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:var(--muted);display:flex;align-items:center;border-radius:8px}.pw-eye:hover{color:var(--accent-ink)}.pw-eye:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 10px #9646140d;padding:14px 18px}.topbar-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;position:relative}.topbar .brand{font-family:var(--font-display);font-weight:600;color:var(--accent-ink);font-size:1.35rem;letter-spacing:0;text-decoration:none}.topbar a.brand:hover{opacity:.85}.nav{display:flex;gap:6px;flex-wrap:nowrap;margin-left:auto;align-items:center}.nav a{text-decoration:none;color:var(--text);padding:8px 14px;border-radius:9px;white-space:nowrap}.nav a:hover{background:var(--accent-soft)}.nav a.active{background:var(--accent);color:var(--accent-text)}.burger{display:none;margin-left:auto;background:none;border:none;cursor:pointer;padding:8px}.burger span{display:block;width:26px;height:3px;background:var(--text);border-radius:2px;margin:5px 0}@media (max-width: 680px){.burger{display:block}.nav{display:none;position:absolute;top:calc(100% + 14px);left:-18px;right:-18px;flex-direction:column;align-items:stretch;gap:2px;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 18px 14px;margin:0;z-index:30}.nav.open{display:flex}.nav a{padding:14px;font-size:1.05rem}}.repere{display:flex;gap:10px;align-items:baseline;margin:0 0 10px}.repere .k{color:var(--muted);min-width:130px}.repere .v{font-weight:600}.badge{display:inline-block;background:var(--accent);color:var(--accent-text);font-size:.78rem;font-weight:700;padding:2px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}.badge.soft{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.tache{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.tache:last-child{border-bottom:none}.tache input[type=checkbox]{width:26px;height:26px;margin-top:2px;flex:0 0 auto;accent-color:var(--accent)}.tache.fait .libelle{text-decoration:line-through;color:var(--muted)}.tache .libelle{font-size:1.05rem}.q-progress{height:7px;background:var(--accent-soft);border-radius:999px;overflow:hidden;margin:16px 0 12px}.q-progress>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.q-steplabel{font-weight:600;margin:0 0 8px}.q-dots{display:flex;gap:8px;flex-wrap:wrap}.q-dot{width:38px;height:38px;border-radius:50%;border:2px solid var(--accent-line);background:var(--surface);color:var(--accent-ink);font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.q-dot:hover{transform:translateY(-1px)}.q-dot.done{border-color:var(--accent);background:var(--accent-soft)}.q-dot.current{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.q-nav{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:22px}.recap-section{padding:0 0 4px;border-bottom:1px solid var(--border);margin:0 0 16px}.recap-section:last-of-type{border-bottom:none;margin-bottom:0}.recap-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.recap-head h3{margin:.6em 0 .3em}.recap-item{margin:0 0 14px}.recap-item .ans{white-space:pre-wrap;word-break:break-word;margin:4px 0 0}@media (max-width: 520px){.q-nav{flex-direction:column-reverse}.q-nav .btn{width:100%}.q-dot{width:34px;height:34px}}.q-section{margin:0 0 26px}.q-item{margin:0 0 22px}.q-item .label{font-weight:600;margin:0 0 8px}.q-prioritaire .label:before{content:"★ ";color:var(--accent)}.save-state{font-size:.85rem;color:var(--muted);min-height:1.2em}.notice{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:0 0 18px}.rgpd{font-size:.86rem;color:var(--muted);line-height:1.5}.error{color:#b3402f;font-weight:600}.loading{color:var(--muted);padding:40px 0;text-align:center}.fichier{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.fichier:last-child{border-bottom:none}.fichier .nom{flex:1;word-break:break-word}.fichier .sens{font-size:.8rem;color:var(--muted)}.list-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row .grow{flex:1}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--border)}.tabs button{background:none;border:none;padding:10px 16px;font-size:1rem;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.inline-form .field{margin:0;flex:1;min-width:180px}.inspi{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.inspi:last-child{border-bottom:none}.inspi-main{flex:1;word-break:break-word}.inspi-main a{font-weight:600}.inspi-note{margin:4px 0 0;font-style:italic}.struct-item{padding:16px;margin:0 0 14px;border:1.5px solid var(--border);border-left:5px solid var(--border);border-radius:12px;background:var(--surface)}.struct-item:last-child{margin-bottom:0}.struct-item.statut-valide{border-left-color:#2e7d52}.struct-item.statut-a_revoir{border-left-color:#c2541e}.struct-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.struct-titre{font-weight:700;font-size:1.08rem}.struct-desc{margin:6px 0 0}.statut-btn{white-space:nowrap}.statut-btn.statut-valide{background:#e3f1e9;color:#1f5e3c}.statut-btn.statut-a_revoir{background:var(--accent-soft);color:var(--accent-ink)}.palette{display:flex;flex-direction:column;gap:10px}.swatch{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.swatch input[type=color]{width:46px;height:46px;padding:0;border:2px solid var(--border);border-radius:10px;background:none;cursor:pointer;flex:0 0 auto}.swatch-label{flex:1;min-width:120px;max-width:220px}.swatch-hex{color:var(--muted);font-size:.85rem}.charte-preview{border:1px solid var(--border);border-radius:12px;padding:22px}.apercu-titre{font-size:2rem;font-weight:600;margin:0 0 10px;line-height:1.1}.apercu-corps{margin:0 0 14px}.apercu-pastilles{display:flex;gap:8px}.apercu-pastilles span{width:28px;height:28px;border-radius:6px;border:1px solid rgba(0,0,0,.08);display:inline-block}
