*{box-sizing:border-box}body{margin:0;background:#f4f1e8;color:#252525;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:900px;margin:35px auto;padding:0 16px}.card{background:white;border-radius:18px;padding:28px;box-shadow:0 8px 30px #00000012;margin-bottom:24px}.hidden{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#74633d;font-weight:700}h1{font-family:Georgia,serif;font-size:2.35rem;margin:.2em 0}.lead{font-size:1.15rem;font-weight:650}blockquote{border-left:4px solid #a88d50;padding:8px 14px;margin:20px 0;background:#faf8f2}.notice{background:#f6f2e7;padding:14px 16px;border-radius:12px;margin:18px 0}fieldset{border:1px solid #ddd3bb;border-radius:12px;padding:16px;margin:18px 0}legend{font-weight:750;padding:0 8px}.choice{display:block;padding:8px 5px}input[type=text],input:not([type]){width:100%}#code{display:block;width:100%;padding:12px;border:1px solid #cfc7b5;border-radius:9px;margin-top:6px;font-size:1rem}button{background:#2f4938;color:white;border:0;border-radius:10px;padding:12px 18px;font-weight:750;font-size:1rem;cursor:pointer}.secondary{background:#666}.error{color:#9d2e2e;font-weight:650}.scale{display:flex;flex-wrap:wrap;gap:10px 18px;background:#f6f2e7;padding:14px;border-radius:12px;margin:18px 0}.q{padding:16px 0;border-bottom:1px solid #eee}.q p{font-weight:650}.opts{display:flex;gap:8px;flex-wrap:wrap}.opts label{border:1px solid #d8d1c0;border-radius:9px;padding:7px 10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.three>div{border:1px solid #ddd3bb;border-radius:13px;padding:15px}.three small{display:block;color:#666;margin-bottom:7px}.three strong{display:block;font-size:1.12rem}.highlight{background:#f6f2e7;border:2px solid #a88d50!important}.profilebox{border-left:5px solid #a88d50;padding:12px 18px;background:#fbfaf6;margin:20px 0}.profilebox h3{margin-top:0}.scores{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.score{border:1px solid #ddd3bb;border-radius:12px;padding:12px;text-align:center}.score strong{display:block;font-size:1.35rem}.score small{color:#666}canvas{display:block;max-width:100%;height:auto;margin:22px auto}.actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:700px){.three,.scores{grid-template-columns:1fr}.card{padding:20px}h1{font-size:1.85rem}}@media print{body{background:white}.wrap{margin:0}.card{box-shadow:none}.actions,#intro,#quiz,#after{display:none!important}}
/* PAGE 2 : présentation V4 */
.q-v4{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:start;padding:18px 0;border-bottom:1px solid #e7e7e7}
.q-v4 .qnum{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3f7;font-weight:800;color:#31495c}
.q-v4 p{margin:5px 0 12px;font-weight:650}
.q-v4 .v4opts{grid-column:2;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.q-v4 .v4opts label{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid #d7dfe5;border-radius:9px;background:#fff;cursor:pointer}
.q-v4 .v4opts label:has(input:checked){background:#eef3f7;border-color:#6d879a}
.q-v4 .v4opts input{margin:0}
.q-v4 .v4opts span{font-weight:800}
.q-v4 .v4opts small{font-size:.69rem;text-align:center;color:#68737c}
@media(max-width:700px){
 .q-v4{grid-template-columns:34px 1fr;column-gap:8px}
 .q-v4 .qnum{width:30px;height:30px}
 .q-v4 .v4opts{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto;padding-bottom:4px}
 .q-v4 .v4opts small{font-size:.62rem}
}

/* VERSION FINALE — repérage couleur fixe des cinq dimensions */
.dimensionLegend{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap;margin:10px 0 20px}
.dimensionLegend span{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem}
.dimensionLegend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.score{transition:transform .15s ease}
@media(hover:hover){.score:hover{transform:translateY(-2px)}}

/* CORRECTION COULEURS — visibilité renforcée */
.dimensionLegend{display:grid!important;grid-template-columns:repeat(5,1fr);gap:8px!important;margin:16px 0 22px!important}
.dimensionLegend span{padding:9px 6px;border-radius:9px;background:#fafafa;border:1px solid #e4e4e4;justify-content:center}
.dimensionLegend i{width:14px!important;height:14px!important}
.score{border-top-width:6px!important}
@media(max-width:700px){.dimensionLegend{grid-template-columns:repeat(2,1fr)}}


/* V2 — identité visuelle, NS et restitution pédagogique */
.christ-center{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0;padding:15px;border:1px solid #ddcfaa;border-radius:16px;background:#fffaf0;text-align:left}.christ-center p{margin:0}.christ-medallion{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid #b89134;color:#735a1d;font-family:Georgia,serif;font-size:1.2rem;font-weight:800;box-shadow:0 4px 18px #00000012}.dimension-visuals{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 24px}.dimension-visual{--dim:#777;border-top:5px solid var(--dim);border-radius:13px;background:#fafafa;padding:12px 8px;text-align:center}.dimension-visual strong,.dimension-visual small{display:block}.dimension-visual strong{color:var(--dim);margin:4px 0}.dimension-visual small{font-size:.72rem;line-height:1.25;color:#555}.dim-icon,.choice-icon,.mini-icon{color:var(--dim)}.dim-icon svg,.choice-icon svg,.mini-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.image-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-choice{--dim:#777;position:relative;border:2px solid #e3dfd4;border-radius:13px;padding:12px 8px;text-align:center;cursor:pointer;background:#fff}.image-choice input{position:absolute;top:8px;left:8px}.image-choice:has(input:checked){border-color:var(--dim);background:#faf8f1;box-shadow:0 0 0 2px color-mix(in srgb,var(--dim) 18%,transparent)}.image-choice strong{display:block;color:var(--dim)}.choice-icon{display:block;height:55px}.question-mark{display:inline-flex;width:48px;height:48px;border:2px solid currentColor;border-radius:50%;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.q-v4 .v4opts{grid-template-columns:repeat(6,1fr)}.q-v4 .v4opts .ns-option{border-style:dashed;background:#fafafa}.scale .ns{font-weight:700;color:#555}.score small{display:block;min-height:38px}.score em{display:block;margin-top:6px;font-size:.72rem;color:#666}.score .mini-icon svg{width:36px;height:36px}.bar{height:7px;background:#eee;border-radius:8px;margin-top:8px;overflow:hidden}.bar>div{height:100%}.reading-block{border-left:5px solid #a88d50;padding:14px 18px;background:#fbfaf6;margin:22px 0}.dimension-comment{border-left:5px solid var(--dim);padding:15px 18px;background:#fff;margin:16px 0;box-shadow:0 3px 14px #0000000a}.comment-title{display:flex;align-items:center;gap:10px}.comment-title h3{margin:0}.comment-title .mini-icon{color:var(--dim)}.comment-title .mini-icon svg{width:38px;height:38px}.verse{font-weight:750;color:#65552f}.attention{background:#f7f4ec;border-radius:10px;padding:11px 13px}.final-note{margin-top:24px}.hidden{display:none!important}
@media(max-width:800px){.dimension-visuals{grid-template-columns:repeat(2,1fr)}.image-choices{grid-template-columns:repeat(2,1fr)}.q-v4 .v4opts{grid-template-columns:repeat(6,minmax(72px,1fr));overflow-x:auto}.christ-center{align-items:flex-start}}
@media print{.dimension-comment,.reading-block{break-inside:avoid}.score{break-inside:avoid}}


/* CORRECTIF 28/09/2026 — images exactes validées des cinq dimensions */
.reference-visual{margin:20px auto 24px;text-align:center}
.reference-visual img{display:block;width:100%;max-width:820px;height:auto;margin:0 auto;border-radius:16px;box-shadow:0 7px 24px #00000014}
.dim-icon,.choice-icon,.mini-icon{display:flex;align-items:center;justify-content:center}
.dim-photo,.choice-photo,.mini-photo,.comment-photo{display:block;object-fit:cover;border-radius:50%;background:#fff}
.dim-photo{width:96px;height:96px;margin:2px auto 8px;border:3px solid var(--dim)}
.choice-photo{width:104px;height:104px;margin:0 auto 8px;border:3px solid var(--dim)}
.mini-photo{width:58px;height:58px;margin:0 auto 7px;border:2px solid currentColor}
.comment-photo{width:54px;height:54px;border:2px solid var(--dim)}
.dimension-visual{padding-top:10px}
.choice-icon{height:auto;min-height:110px}
@media(max-width:700px){
 .dim-photo{width:84px;height:84px}
 .choice-photo{width:92px;height:92px}
 .reference-visual img{border-radius:10px}
}
@media print{
 .reference-visual img,.dim-photo,.choice-photo,.mini-photo,.comment-photo{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Perception initiale : plusieurs cases, sans classement. */
#initialCount{font-weight:650;color:#475d45}#initialChoices .image-choice:has(input:disabled){opacity:.5;cursor:not-allowed}#initialChoices input[type=checkbox]{accent-color:var(--dim);width:18px;height:18px;flex-shrink:0}