.qr-quiz{--qr-accent:#526b3f;--qr-accent-dark:#34472a;--qr-border:#d9dfd3;max-width:860px;margin:2rem auto;padding:clamp(1rem,3vw,2rem);border:1px solid var(--qr-border);border-radius:18px;background:#fff;color:#252820;box-shadow:0 8px 30px rgba(30,45,20,.06);font-size:16px;line-height:1.6}
        .qr-quiz *{box-sizing:border-box}
        .qr-quiz .qr-title{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.2;margin:0 0 .5rem;color:var(--qr-accent-dark)}
        .qr-intro{margin:0 0 1.5rem;color:#555c50}
        .qr-question{border:0;border-top:1px solid var(--qr-border);padding:1.25rem 0 1.5rem;margin:0;min-width:0}
        .qr-question legend{font-size:1.12rem;font-weight:700;padding:0 0 .8rem;width:100%;color:#292e25}
        .qr-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.65rem;border-radius:50%;background:#edf1e8;color:var(--qr-accent-dark);font-size:.95rem}
        .qr-options{display:grid;gap:.65rem}
        .qr-option{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--qr-border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
        .qr-option:hover{border-color:var(--qr-accent);background:#f8faf6}
        .qr-option:has(input:checked){border-color:var(--qr-accent);background:#f0f4eb;box-shadow:inset 0 0 0 1px var(--qr-accent)}
        .qr-option input{position:absolute;opacity:0;width:1px;height:1px}
        .qr-radio{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;margin-top:.25rem;border:2px solid #929b8a;border-radius:50%;position:relative}
        .qr-option input:checked + .qr-radio{border-color:var(--qr-accent);background:var(--qr-accent)}
        .qr-option input:checked + .qr-radio:after{content:'';position:absolute;width:.35rem;height:.35rem;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%}
        .qr-option input:focus-visible + .qr-radio{outline:3px solid #8ba778;outline-offset:3px}
        .qr-answer{flex:1}
        .qr-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}
        .qr-quiz button{font:inherit;font-weight:700;border-radius:999px;padding:.75rem 1.25rem;cursor:pointer}
        .qr-submit,.qr-again{border:1px solid var(--qr-accent);background:var(--qr-accent);color:#fff}
        .qr-submit:hover,.qr-again:hover{background:var(--qr-accent-dark)}
        .qr-reset{border:1px solid var(--qr-border);background:#fff;color:#343a30}
        .qr-reset:hover{background:#f5f7f2}
        .qr-error{color:#a12626;font-weight:600;margin:1rem 0 0}
        .qr-result{padding:clamp(1rem,3vw,2rem);border-radius:14px;background:#f3f6ef;border:1px solid var(--qr-border)}
        .qr-result h3{font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.25;color:var(--qr-accent-dark);margin:0 0 .5rem}
        .qr-score{font-weight:700;color:var(--qr-accent);margin-bottom:1rem}
        .qr-result-copy h4{font-size:1.1rem;margin:1rem 0 .25rem}
        .qr-result-copy p{margin:.4rem 0 .8rem}
        .qr-again{margin-top:.75rem}
        .qr-quiz [hidden]{display:none!important}
        @media(prefers-reduced-motion:reduce){.qr-quiz *{scroll-behavior:auto!important;transition:none!important}}