.clue-challenge{margin:32px 0;border:1px solid var(--rule-strong);border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 5px 0 var(--sun-pale);scroll-margin-top:24px}
.clue-heading{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--sun-pale);border-bottom:1px solid var(--rule)}
.clue-heading .eyebrow{font-size:11px;margin-bottom:9px}.learning .clue-heading h2{font-size:29px;margin-bottom:10px}.clue-heading p:last-child{margin:0;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.clue-markers{display:flex;gap:6px;flex-shrink:0}.clue-marker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--rule-strong);color:var(--ink-soft);font:12px var(--mono);background:var(--paper)}
.clue-marker.is-current{background:var(--sun);border-color:var(--ink);color:var(--ink)}.clue-marker.is-explored{background:var(--teal-deep);border-color:var(--teal-deep);color:var(--white)}
.clue-form,.clue-finish{padding:26px}.clue-form fieldset{border:0;margin:0;padding:0;min-width:0}.clue-form legend{padding:0;width:100%;font:700 23px/1.4 var(--display);letter-spacing:-.025em}.clue-form legend:focus,.clue-finish h3:focus{outline:none}
.clue-number{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--teal-deep);margin-bottom:14px}
.clue-picture{margin:18px 0;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:15px;overflow:auto}.clue-picture img{display:block;width:100%;max-width:100%;height:150px;object-fit:contain}.clue-picture figcaption{font-size:12px;color:var(--ink-soft);margin-top:8px}
.learning .clue-instruction{margin:17px 0 12px;color:var(--ink-soft);font-size:14px}.clue-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.clue-option{display:flex;align-items:center;gap:9px;position:relative;padding:15px;border:1px solid var(--rule-strong);border-radius:12px;min-height:66px;cursor:pointer;font:700 15px/1.5 var(--body);background:var(--paper);flex-wrap:wrap}
.clue-option>span:not([class]){flex:1;min-width:80px}.clue-option input{width:19px;height:19px;accent-color:var(--teal-deep);margin:0;flex-shrink:0}.clue-letter{font:12px var(--mono);color:var(--ink-soft)}
.clue-option:has(input:checked){border-color:var(--teal-deep);background:var(--teal-pale);box-shadow:inset 0 0 0 1px var(--teal-deep)}.clue-option:hover{border-color:var(--teal-deep)}
.clue-option.is-correct{border-color:var(--teal-deep);background:var(--teal-pale)}.clue-option.is-missed{border-color:var(--coral);background:var(--coral-pale);box-shadow:none}.clue-option:has(input:disabled){cursor:default}.clue-choice-result{display:block;width:100%;font-size:12px;color:var(--teal-deep);padding-left:28px}.is-missed .clue-choice-result{color:var(--ink)}
.clue-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.clue-actions .action{min-height:50px}.clue-selection{font-size:13px;color:var(--ink-soft)}
.clue-feedback{margin-top:20px;padding:19px;border-radius:12px;background:var(--teal-pale);border-left:4px solid var(--teal-deep);font-size:16px;line-height:1.65}.clue-feedback.is-learning{background:var(--sun-pale);border-color:var(--sun-deep)}.clue-feedback strong{font:700 22px var(--display)}.clue-feedback p{margin:10px 0 0}.clue-feedback:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}
.learning .clue-grownups{border-top:1px solid var(--rule);padding:17px 26px;background:var(--paper)}.clue-grownups summary{font-size:13px;min-height:24px;color:var(--ink-soft)}.clue-grownups p{font-size:14px;line-height:1.7}.clue-grownups a{font-weight:700;color:var(--teal-deep)}
.clue-finish h3{font-size:29px}.clue-finish p{line-height:1.7}.clue-revisit{padding:14px 17px;background:var(--sun-pale);border-radius:10px;font-size:15px}.clue-recap details{border-bottom:1px solid var(--rule)}.clue-recap summary{font-weight:700}.clue-recap summary span{margin-right:6px;color:var(--teal-deep)}.clue-save-note{color:var(--ink-soft);font-size:12px;margin:20px 0 0!important}.clue-loading{padding:26px}
.clue-challenge button:focus-visible,.clue-challenge input:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}
@media(max-width:700px){.clue-heading{align-items:start;flex-direction:column;gap:16px}.clue-options{grid-template-columns:1fr}.clue-heading,.clue-form,.clue-finish{padding:20px}.learning .clue-heading h2{font-size:26px}.clue-form legend{font-size:21px}.clue-option{min-height:58px;padding:14px}.clue-picture{padding:10px}.clue-picture img{height:auto;max-height:170px;min-height:90px;min-width:0}.learning .clue-grownups{padding:16px 20px}.clue-actions>.action{width:100%}.clue-feedback{padding:16px}.clue-marker{width:31px;height:31px}}
@media print{.clue-actions,.clue-markers,.clue-grownups{display:none!important}.clue-challenge{box-shadow:none}.clue-options{display:block}.clue-option{margin:8px 0}.clue-feedback{break-inside:avoid}}

.clue-option.is-missed:has(input:checked){border-color:var(--coral);background:var(--coral-pale);box-shadow:none}