.lens-question{border:0;padding:24px 0;margin:0;min-width:0}.lens-question legend{font-family:var(--font-heading);font-size:1.3rem;line-height:1.5;padding:0;margin-bottom:12px}.lens-option{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #cfc6b7;border-radius:8px;margin:10px 0;cursor:pointer;background:#fffdf8}.lens-option:has(input:checked){border-color:#80622e;background:#f3ead8;box-shadow:0 0 0 1px #80622e}.lens-option input{margin-top:6px;flex-shrink:0;accent-color:#4a6741}.lens-controls{display:flex;justify-content:space-between;gap:18px;margin:28px 0}.lens-button{border:1px solid #4a6741;border-radius:6px;background:#4a6741;color:white;font:inherit;padding:12px 24px;cursor:pointer}.lens-button.secondary{background:transparent;color:#344a2d}.lens-button:focus-visible,input:focus-visible{outline:3px solid #a27e3e;outline-offset:4px}.lens-progress{width:100%;height:8px;accent-color:#a27e3e}.scenario-context{font-size:1.1rem;background:#f4f1ea;padding:20px;border-radius:8px}.lens-error{color:#9a3026;font-weight:600}.lens-question:focus{outline:2px solid #a27e3e;outline-offset:8px}.lens-result h1:focus{outline:none}@media(max-width:600px){.lens-option{padding:14px}.lens-controls{flex-wrap:wrap}.lens-button{min-height:48px}}

.lens-intro-image{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:12px;margin:24px 0 28px;background:#f4f1ea}@media(max-width:600px){.lens-intro-image{aspect-ratio:2/1;margin:20px 0 24px}}

/* Intro page: one column. Image, intro and panel share the same width and rhythm. */
.lens-result .headline.lens-intro{max-width:none;margin:0 0 28px;line-height:1.6}
.lens-intro-panel{margin:0 0 28px}.lens-intro-panel h2{margin:0 0 12px}.lens-intro-panel p{margin:0 0 12px;line-height:1.6}.lens-intro-panel p:last-child{margin-bottom:0}
.lens-intro-panel .lens-instructions{font-weight:600;color:#344a2d}
.lens-intro-image + .lens-intro{margin-top:0}

/* Most / least ranking */
.rank-hint{margin:-4px 0 6px;color:#5b5446;font-size:.95rem}
.rank-option{display:block;cursor:default;padding:16px 18px}
.rank-option .rank-text{margin:0 0 12px;line-height:1.5}
.rank-choices{display:flex;gap:10px;flex-wrap:wrap}
.rank-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #cfc6b7;border-radius:999px;background:#fff;cursor:pointer;font-size:.92rem;line-height:1.2}
.rank-pill input{margin:0;accent-color:#4a6741}
.rank-pill.least input{accent-color:#80622e}
.rank-pill:has(input:checked).most{border-color:#4a6741;background:#e8efe5;color:#2f4529;font-weight:600}
.rank-pill:has(input:checked).least{border-color:#80622e;background:#f3ead8;color:#5e4720;font-weight:600}
.lens-option.rank-option:has(input:checked){border-color:#cfc6b7;background:#fffdf8;box-shadow:none}
.lens-option.rank-option.is-most,.lens-option.rank-option.is-most:has(input:checked){border-color:#4a6741;box-shadow:0 0 0 1px #4a6741;background:#f4f8f2}
.lens-option.rank-option.is-least,.lens-option.rank-option.is-least:has(input:checked){border-color:#cfc6b7;background:#f7f4ee;box-shadow:none}
.lens-option.rank-option.is-least .rank-text{color:#6b6458}
@media(max-width:600px){.rank-pill{flex:1 1 auto;justify-content:center;min-height:44px}}