/* Test des valeurs (parcours swipe) — complète style.css (identité B : « D'accord » pétrole, « Pas d'accord » graphite) */
main.w{overflow-x:clip}
.sw{margin:var(--s4) 0 var(--s5)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sw-acts{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s4) 0}
/* Introduction */
.sw-intro{max-width:720px;border-top:3px solid var(--ink);padding:var(--s4) 0 0}
.sw-intro h2{font-size:30px}
.sw-how{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s3)}
.sw-how li{display:flex;align-items:center;gap:var(--s3)}
.sw-ico{flex:none;width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--jaune);color:#121417;font:800 1.3rem/1 var(--head)}
.sw-how li{font:500 17px/1.4 var(--head)}
/* Parcours */
.sw-play{max-width:560px;margin:0 auto}
.sw-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}
.sw-back{background:none;border:0;padding:10px 4px;min-height:44px;font:700 17px var(--head);color:var(--accent);cursor:pointer}
.sw-back[disabled]{color:var(--ink2);opacity:.5;cursor:default}
.sw-count{color:var(--ink2);font:600 16px/1 var(--head);font-variant-numeric:tabular-nums}
.sw-prog{height:8px;background:var(--track);border-radius:2px;overflow:hidden;margin-bottom:var(--s4)}
.sw-prog span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s ease}
.sw-stack{position:relative;min-height:330px;margin-bottom:var(--s3)}
.sw-card{position:relative;z-index:1;min-height:330px;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:var(--s5) var(--s5) var(--s4);box-shadow:6px 6px 0 var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:transform .26s ease,opacity .26s ease}
.sw-card.drag{transition:none;cursor:grabbing}
.sw-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sw-under{position:absolute;inset:10px -6px -8px;z-index:0;min-height:0;padding:0;box-shadow:none;transform:rotate(1.4deg);background:var(--jaune);border-color:var(--jaune)}
.sw-theme{margin:0 0 var(--s3);color:var(--accent);font:700 15.5px/1.2 var(--head)}
.sw-text{flex:1;margin:0 0 var(--s4);font:600 22px/1.4 var(--serif);text-wrap:pretty}
.sw-was{margin:0 0 var(--s3);font:500 15px/1.35 var(--head);color:var(--ink2)}
.sw-why summary{font:600 16px/1.3 var(--head);min-height:32px;padding:6px 0}
.sw-why p{font-size:16px;color:var(--ink2);margin:var(--s2) 0 0;user-select:text}
.sw-stamp{position:absolute;bottom:64px;z-index:2;padding:4px 14px;border:3px solid currentColor;border-radius:var(--r-sm);font:800 19px/1.3 var(--head);opacity:0;pointer-events:none;background:var(--surface)}
.s-yes{left:18px;color:var(--ardoise);transform:rotate(-8deg)}
.s-no{right:18px;color:var(--bar);transform:rotate(8deg)}
.s-mid{left:50%;color:var(--ink2);transform:translateX(-50%)}
.sw-imp{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:48px;margin:0 0 var(--s3);padding:8px 12px;background:transparent;border:1px dashed var(--line);border-radius:var(--r-btn);font:500 16.5px/1.3 var(--head);color:var(--ink);cursor:pointer;text-align:left}
.sw-imp small{color:var(--ink2)}
.sw-box{flex:none;width:24px;height:24px;border:2px solid var(--ink2);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center}
.sw-imp[aria-pressed=true]{border-style:solid;border-color:var(--ink);background:var(--jaune-soft)}
.sw-imp[aria-pressed=true] .sw-box{background:var(--jaune);border-color:var(--ink)}
.sw-imp[aria-pressed=true] .sw-box:after{content:"";width:6px;height:12px;border:solid #121417;border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg)}
.sw-imp[disabled]{opacity:.5;cursor:not-allowed}
.sw-btns{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.sw-b{min-height:56px;padding:8px 10px;border-radius:6px;font:800 18px/1.2 var(--head);font-stretch:88%;cursor:pointer;border:2px solid var(--brand);background:var(--surface);color:var(--ink)}
.sw-b.b-yes{background:#0A5566;border-color:#0A5566;color:#fff}
.sw-b.b-no{background:#33434A;border-color:#33434A;color:#fff}
.sw-b.b-mid{grid-column:1/-1;grid-row:2;border-color:var(--ink);color:var(--ink);min-height:48px}
.sw-b:active{transform:translateY(1px)}
.sw-keys{font:500 15px/1.4 var(--head);color:var(--ink2);margin:var(--s3) 0 0}
@media(min-width:560px){.sw-btns{grid-template-columns:1fr auto 1fr}.sw-b.b-mid{grid-column:auto;grid-row:auto;min-height:56px}.sw-text{font-size:1.45rem}}
@media(hover:none){.sw-keys{display:none}}
/* Résultat */
.sw-res>h2{font-size:34px}
.ax-list{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s3)}
.ax{border-top:3px solid var(--ink);padding:var(--s3) 0 var(--s2)}
.ax h3{margin:0 0 var(--s3);font-size:21px}
.ax-poles{display:flex;justify-content:space-between;gap:var(--s3);font:500 15px/1.3 var(--head);color:var(--ink2)}
.ax-poles span:last-child{text-align:right}
.ax-track{position:relative;height:28px;margin:var(--s1) 12px var(--s2)}
.ax-track:before{content:"";position:absolute;left:-12px;right:-12px;top:12px;height:4px;border-radius:2px;background:var(--track)}
.ax-zone{position:absolute;left:40%;width:20%;top:4px;height:20px;border-radius:10px;background:var(--grey);outline:1px solid var(--line)}
.ax-mid{position:absolute;left:50%;top:2px;width:2px;height:24px;margin-left:-1px;background:var(--ink2)}
.ax-dot{position:absolute;top:3px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--jaune)}
.ax-nd .ax-track{opacity:.5}
.ax-read{margin:0;font-size:17px}
.ax-sc{color:var(--ink2);font-variant-numeric:tabular-nums}
.sw-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s2) 0;margin:var(--s4) 0}
.sw-detail ol{margin:var(--s2) 0;padding-left:1.4em}
.sw-detail li{padding:var(--s2) 0;border-bottom:1px solid var(--line2)}
.sw-detail li p{margin:0 0 var(--s1)}
.sw-meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;font:500 15px/1.35 var(--head);color:var(--ink2)}
.sw-chip{display:inline-block;padding:2px 9px;border-radius:3px;font-weight:700;background:var(--grey);color:var(--ink)}
.sw-chip.c1{background:#0A5566;color:#fff}
.sw-chip.c-1{background:#33434A;color:#fff}
.sw-chip.ci{background:var(--jaune);color:#121417}
.sw-share,.sw-contrib{border-top:3px solid var(--ink);padding:var(--s4) 0 0;margin:var(--s6) 0 0}
.sw-share h3,.sw-contrib h3{margin-top:0;font-size:24px}
.sw-imgs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:end}
.sw-imgs figure{margin:0;display:flex;flex-direction:column;gap:var(--s2)}
.sw-imgs img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}
.sw-imgs figure:first-child img{max-width:none}
.sw-imgs .btn{width:100%;padding:8px 10px;font-size:16px;min-height:48px}
.sw-chk{display:flex;gap:var(--s3);align-items:flex-start;font:600 16.5px/1.4 var(--head);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-btn);cursor:pointer;margin-bottom:var(--s4)}
.sw-chk input{width:24px;height:24px;margin:2px 0 0;flex:none;accent-color:#0A5566}
.sw-com label{display:block;font:700 17px/1.3 var(--head);margin-bottom:var(--s2)}
.sw-sb{position:relative}
.sw-st{min-height:1.6em;margin:0;color:var(--ink)}
@media(min-width:700px){.sw-imgs{grid-template-columns:1fr 1fr;max-width:640px}}

/* Second tour simulé (affiché seulement quand il est activé) */
.sw-t2{border:1px solid var(--line);border-radius:var(--r);padding:10px 14px 4px;margin:14px 0}
.sw-t2 legend{font:700 17px/1.3 var(--head);padding:0 6px}
