.demo-wrap{max-width:1000px}.demo-intro{padding:65px 0 48px;max-width:680px}.demo-intro h1{font-size:clamp(42px,6vw,68px)}.demo-intro .lead{font-size:23px}.demo-intro>p:not(.lead){max-width:570px}.demo-challenge{scroll-margin-top:25px;padding-bottom:65px}.progress-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}progress{width:100%;height:8px;margin:16px 0 28px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:#819849}progress::-moz-progress-bar{background:#819849}.mystery{padding:36px;background:#fffefa;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 40px #1a402809}.mystery h2{font-size:clamp(28px,4vw,38px);margin-top:12px}.situation{font-size:18px;line-height:1.8}.mystery fieldset{padding:0;border:0;margin:24px 0}.mystery legend{font-weight:600;font-size:19px;margin-bottom:18px;line-height:1.5}.choice{display:flex;align-items:flex-start;gap:13px;border:1px solid #c9d2c5;border-radius:7px;padding:15px;margin-bottom:12px;cursor:pointer}.choice:hover{background:#f0f1e8}.choice:has(input:checked){border-color:var(--green);background:#e8eddf}.choice input{width:18px;height:18px;flex:0 0 18px;margin:5px 0 0;accent-color:var(--green)}.choice.correct{border-color:#648039;background:#eff5df}.choice.selected-wrong{border-color:#a9693b}.choice:has(input:disabled){cursor:default}.choice-letter{font-weight:700;margin-right:6px}.button:disabled{opacity:.45;cursor:default;transform:none}.answer-feedback{background:#edf2e4;padding:24px;border-left:3px solid #819849;margin:25px 0}.answer-feedback h3{font-size:21px;margin:0 0 14px}.answer-feedback p:last-child{margin:0}.answer-review summary{cursor:pointer;font-weight:600}.answer-review p{padding-top:12px;font-size:14px}.demo-closing{padding-bottom:60px;outline-offset:8px}.demo-closing>p{max-width:730px}.demo-closing .audiences{margin-top:35px}.demo-closing .audiences article{padding:28px}.demo-closing .audiences .button{gap:10px}.enquiry-note{margin-top:20px}.restart{border:0;background:transparent;cursor:pointer;padding:8px 0}.demo-challenge .tag{color:var(--muted)}@media(max-width:600px){.demo-intro{padding-top:38px}.mystery{padding:23px}.situation{font-size:16px}.progress-label{font-size:11px}.choice{padding:12px}.demo-closing .audiences article{padding:23px}}