.results-explorer{margin-top:36px;padding:28px;border:1px solid #d6dacb;border-radius:18px;background:#f1f1e7;box-shadow:0 10px 30px #312b2206;min-width:0}.results-kicker{font-size:10px;letter-spacing:2px;color:#59684c}.results-explorer h3{font:34px/1.12 'Libre Caslon Display',Georgia,serif;margin:10px 0}.sub .results-explorer .results-intro{font-size:14px;margin:0 0 20px}.results-stage{display:grid;grid-template-columns:104px minmax(0,1fr);gap:22px;align-items:center}.results-package{text-align:center}.results-package svg{display:block;width:100%;height:175px}.can-colour{fill:#b6342b;transition:fill .5s ease}.is-main-phase .can-colour{fill:#408137}.package-colour-label{font-size:11px;color:#4f4a40}.results-phase{font-size:12px;letter-spacing:.3px;font-weight:600;color:#234d36;margin-bottom:14px}.results-metrics{display:flex;gap:22px;flex-wrap:wrap}.metric-label{font-size:11px;display:block;margin-bottom:6px}.metric-label:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px}.learning{color:#4364d8}.control{color:#a85e09}.results-metrics strong{display:block;font-size:27px;font-weight:500;white-space:nowrap;color:#312b22;font-variant-numeric:tabular-nums}.results-metrics small{font-size:14px;text-transform:none;letter-spacing:0}.sub .results-explorer .results-story{font-size:12px;line-height:1.65;min-height:80px;margin-bottom:0}.results-chart-wrap{margin:20px 0 14px}.results-chart{display:block;width:100%;height:auto;overflow:visible}.chart-label{font:11px 'DM Sans',Arial,sans-serif;fill:#4f4a40}.results-slider-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}.results-progress{font-variant-numeric:tabular-nums}.results-slider{display:block;width:100%;margin:14px 0 9px;accent-color:#0c852a;cursor:ew-resize;min-height:28px}.results-slider:focus-visible{outline:2px solid #0c852a;outline-offset:5px}.results-phase-labels{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#4f4a40}.results-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.results-nav button{border:1px solid #b9c3aa;border-radius:20px;padding:9px 13px;background:#fafaf4;color:#244a32;font-size:11px;cursor:pointer}.results-nav button:disabled{opacity:.4;cursor:default}.results-nav button:not(:disabled):hover{background:#e2e9d8}.sub .results-explorer .results-note{font-size:10px;line-height:1.7;margin-top:22px;color:#5b584e}.results-sources{font-size:11px;margin-top:16px}.results-sources summary{cursor:pointer;color:#244a32}.results-sources figure{margin:18px 0 0}.results-sources img{display:block;width:100%;height:auto;border-radius:8px}.results-sources figcaption{font-size:11px;margin-top:6px;color:#4f4a40}@media(max-width:700px){.results-explorer{padding:18px 14px}.results-stage{grid-template-columns:75px minmax(0,1fr);gap:12px}.results-package svg{height:145px}.results-metrics{gap:12px}.results-metrics strong{font-size:22px}.results-explorer h3{font-size:29px}.sub .results-explorer .results-story{min-height:0}.results-chart-wrap{margin-left:-6px;margin-right:-6px}.results-phase-labels{font-size:9px}.results-nav button{padding:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.can-colour{transition:none}}

/* Detailed red/green sprite halves share the same frame for a continuous blend. */
.results-stage{grid-template-columns:135px minmax(0,1fr)}
.can-art{position:relative;width:100%;aspect-ratio:3/4;isolation:isolate}
.can-art span{position:absolute;inset:0;background-image:url('/assets/pringles-detailed-pair.png');background-size:200% 100%;background-repeat:no-repeat}
.can-art-red{background-position:left center;opacity:calc(1 - var(--can-green,0))}.can-art-green{background-position:right center;opacity:var(--can-green,0)}
.results-phase{min-height:32px}.results-progress{min-width:44px;text-align:right}
@media(max-width:700px){.results-stage{grid-template-columns:105px minmax(0,1fr);gap:10px}}
@media(max-width:420px){.results-stage{grid-template-columns:85px minmax(0,1fr)}}

.sub .results-explorer .results-explanation,.sub .results-explorer .results-conclusion{font-size:16.1px;line-height:1.8;color:#4f4a40;max-width:none}.results-explanation{margin:16px 0 28px}.results-conclusion{margin:26px 0 0}.results-kicker{text-transform:none;letter-spacing:.5px;font-size:13px}

.results-slider{accent-color:#7e4f1f}.results-slider:focus-visible{outline-color:#7e4f1f}

/* Progress retains the red training half as the green main phase fills. */
.results-slider{--progress:0%;--training-progress:0%;--thumb-colour:#b6342b;appearance:none;-webkit-appearance:none;height:28px;background:transparent;accent-color:var(--thumb-colour)}
.results-slider::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(to right,#b6342b 0%,#b6342b var(--training-progress),#0c852a var(--training-progress),#0c852a var(--progress),#d5d6ca var(--progress),#d5d6ca 100%)}
.results-slider::-moz-range-track{height:7px;border-radius:999px;background:linear-gradient(to right,#b6342b 0%,#b6342b var(--training-progress),#0c852a var(--training-progress),#0c852a var(--progress),#d5d6ca var(--progress),#d5d6ca 100%)}
.results-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;margin-top:-7px;border-radius:50%;border:3px solid #fafaf4;background:var(--thumb-colour);box-shadow:0 1px 5px #312b2240}
.results-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:3px solid #fafaf4;background:var(--thumb-colour);box-shadow:0 1px 5px #312b2240}
.results-slider::-moz-range-progress{background:transparent}
.results-slider:focus-visible{outline-color:var(--thumb-colour)}