/* Puzzle Detective, version checks, guided solutions and feedback */
.detective-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start}.detective-form{background:var(--surface,#fff);border:1px solid rgba(16,54,64,.14);border-radius:18px;padding:clamp(1rem,2.5vw,1.75rem);box-shadow:0 12px 30px rgba(16,54,64,.06)}.detective-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.75rem 0 1.2rem}.detective-preview{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#eef3f2;border:1px solid rgba(16,54,64,.12)}.detective-preview img{width:100%;height:100%;object-fit:cover}.detective-help{position:sticky;top:1rem}.detective-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.detective-result{display:flex;flex-direction:column;overflow:hidden}.detective-result-image{aspect-ratio:4/3;background:#eef3f2;overflow:hidden}.detective-result-image img{width:100%;height:100%;object-fit:cover}.detective-score{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.detective-score strong{font-size:1.15rem}.detective-reasons{padding-left:1.15rem;margin:.6rem 0 1rem}.detective-reasons li{margin:.25rem 0}.detective-more{margin-top:1.25rem}.version-check{margin:1.5rem 0;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid rgba(16,54,64,.16);border-radius:18px;background:linear-gradient(180deg,#f8fbfa,#fff)}.version-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1rem}.version-card{border:1px solid rgba(16,54,64,.12);border-radius:14px;overflow:hidden;background:#fff}.version-card.current{outline:2px solid rgba(16,54,64,.28)}.version-card-image{display:block;aspect-ratio:4/3;background:#eef3f2;overflow:hidden}.version-card-image img{width:100%;height:100%;object-fit:cover}.version-card-body{padding:.85rem}.version-card h3{font-size:1rem;margin:.35rem 0}.version-card p{font-size:.92rem;margin:.35rem 0}.solution-mode{margin:1.5rem 0;padding:clamp(1rem,2.5vw,1.5rem);border-radius:18px;background:#f2f7f6;border:1px solid rgba(16,54,64,.16)}.solution-stage-list{margin:1rem 0}.solution-stage{padding:1rem;border-radius:12px;background:#fff;border:1px solid rgba(16,54,64,.12);margin:.7rem 0}.solution-mode.is-interactive .solution-stage{display:none}.solution-mode.is-interactive .solution-stage.is-current{display:block}.solution-mode-controls,.solution-feedback-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.solution-mode-progress{font-weight:650;margin:.8rem 0 0}.solution-feedback{margin:1.5rem 0;padding:clamp(1rem,2.5vw,1.5rem);border-top:3px solid #d6e6e2;border-bottom:1px solid rgba(16,54,64,.12)}.solution-feedback-message{margin-top:1rem;padding:1rem;border-radius:12px;background:#f2f7f6}.solution-feedback-message p:last-child{margin-bottom:0}@media (max-width:900px){.detective-layout{grid-template-columns:1fr}.detective-help{position:static}.detective-results{grid-template-columns:1fr 1fr}.version-check-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.detective-previews,.detective-results,.version-check-grid{grid-template-columns:1fr}.solution-mode-controls,.solution-feedback-actions{align-items:stretch}.solution-mode-controls .button,.solution-feedback-actions .button{width:100%}}@media print{.solution-stage{display:block!important}.solution-mode-controls,.solution-feedback{display:none!important}}
