:root{--bg:#faf7f0;--ink:#21302b;--muted:#657168;--rust:#c6653f;--green:#243a31;--border:#ddd9d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.shell{max-width:930px;margin:auto;padding:0 24px}header{background:var(--green);color:#fff;padding:20px 0}header .shell{display:flex;justify-content:space-between;align-items:center;gap:20px}header a{text-decoration:none;font-weight:700}header .brand{letter-spacing:.045em;text-transform:uppercase}.hero-small{padding:70px 0 38px;background:#e8e4d9}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--rust)}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(42px,7vw,68px);margin:18px 0}h2{font-size:28px}.lead{font-size:19px;max-width:760px;color:#415047}.intro{padding:28px 34px;background:white;border-left:4px solid var(--rust);margin:30px 0}.survey-main{padding:35px 0 100px}.progress-wrap{position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--border);padding:14px 0}.progress{height:7px;background:#ddd9d0;border-radius:99px;overflow:hidden}.progress span{display:block;background:var(--rust);height:100%;width:0;transition:width .25s}.progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;color:var(--muted)}.step{display:none}.step.active{display:block}.question{background:white;border:1px solid var(--border);padding:23px;margin:18px 0;border-radius:7px}.qtitle{font-size:16px;font-weight:750;margin:0 0 12px}.hint{font-size:13px;color:var(--muted);margin:-3px 0 12px}.options{display:grid;gap:8px}.choice{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f8f6f1;border:1px solid #e9e4da;border-radius:4px;cursor:pointer}.choice:has(input:checked){border-color:var(--rust);background:#fff4e9}input[type=radio],input[type=checkbox]{accent-color:var(--rust)}input[type=range]{width:100%;accent-color:var(--rust)}textarea,input[type=email],input[type=text]{width:100%;padding:12px;border:1px solid #ccc8bc;border-radius:4px;font:inherit;background:#fff}textarea{min-height:112px;resize:vertical}.matrix-row{display:grid;grid-template-columns:minmax(130px,1fr) repeat(6,38px);gap:5px;align-items:center;padding:10px 0;border-top:1px solid #eee}.matrix-row label{font-size:13px}.matrix-legend{font-size:11px;display:flex;justify-content:space-between;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.btn{background:var(--rust);color:white;border:0;padding:14px 20px;cursor:pointer;font-weight:700;border-radius:4px;font-size:15px}.btn.secondary{background:transparent;color:var(--green);border:1px solid #b6beb4}.btn:disabled{opacity:.5;cursor:not-allowed}.status{padding:15px;margin:18px 0;border:1px solid #c6c7b8;background:white;border-radius:4px}.muted{color:var(--muted);font-size:13px}.hidden{display:none!important}.field-required{color:#a74932}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:32px 0}.photo{display:block;border:0;padding:0;background:white;cursor:pointer;text-align:left;overflow:hidden;border-radius:5px;box-shadow:0 2px 16px #23352916}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo strong{display:block;padding:11px 13px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.chip{background:#fff;color:var(--green);border:1px solid #b9c3b9;border-radius:99px;padding:8px 15px;cursor:pointer}.chip.active{background:var(--green);color:white}.empty{padding:46px;background:#efeadd;border:1px dashed #b6ab94;text-align:center;border-radius:8px;color:#655c4e}.viewer{position:fixed;inset:0;background:#0c1310ed;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;padding:16px}.viewer.active{display:flex}.viewer img{max-width:95vw;max-height:75vh;object-fit:contain}.viewer .buttons{display:flex;gap:10px;margin-top:15px;align-items:center;color:#fff}.viewer a{color:#fff}.viewer button{cursor:pointer;font-size:20px;border:0;color:white;background:transparent}.viewer .close{position:absolute;top:20px;right:25px;font-size:34px}.foot{background:var(--green);color:#e8e4d9;padding:22px 0;font-size:12px;margin-top:35px}@media(max-width:650px){.matrix-row{grid-template-columns:minmax(85px,1fr) repeat(6,29px);gap:2px}.matrix-row label{font-size:11px}.photo-grid{grid-template-columns:repeat(2,1fr)}.intro{padding:22px}.question{padding:17px}}

/* Questionnaire v3 : des notes lisibles sur mobile et sur ordinateur */
.matrix-row{display:block;min-width:0;border:0;border-top:1px solid #e8e6df;margin:0;padding:17px 0 18px}
.matrix-question-label{font-weight:700;font-size:15px;line-height:1.4;padding:0;margin:0 0 11px;float:none;width:100%}
.matrix-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(78px,1.5fr);gap:7px;clear:both}
.matrix-option{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;min-height:65px;padding:9px 3px;background:#f8f6f1;border:1px solid #e6e1d6;border-radius:7px;cursor:pointer;text-align:center}
.matrix-option input{width:19px;height:19px;margin:0}
.matrix-option span{font-size:13px;font-weight:700;line-height:1.15}
.matrix-option:has(input:checked){background:#fff1e6;border-color:var(--rust);box-shadow:inset 0 0 0 1px var(--rust)}
@media(max-width:650px){.matrix-row{padding:16px 0}.matrix-question-label{font-size:15px}.matrix-choices{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(65px,1.5fr)}.matrix-option{min-height:60px;padding:7px 2px}.matrix-option span{font-size:12px}.matrix-option input{width:18px;height:18px}}