
/* V4.32.45 — Reading Level 5: Reading Detective */
.detective-card{position:relative;max-width:760px;margin:auto;padding:24px 190px 24px 24px;border:4px solid #17365f;border-radius:28px;background:linear-gradient(145deg,#fffdf2,#eefaff);box-shadow:0 8px 0 rgba(18,51,88,.13)}
.detective-yvette{position:absolute;right:12px;top:18px;width:160px;height:135px;border-radius:22px;background:url("school-reading-scene-v43239.jpg") center/cover no-repeat}
.detective-instruction{font-size:19px;font-weight:900;color:#174d7e}
.detective-story{margin:16px 0;padding:20px;border:3px solid #7fcbe9;border-radius:20px;background:#fff;font-size:21px;line-height:1.55;font-weight:750;color:#17365f}
.detective-question{margin:20px 0 12px;font-size:25px;line-height:1.3;font-weight:950;color:#e44376}
.detective-choices{display:grid;gap:10px;margin:12px 0 18px}
.detective-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:9px 14px;border:3px solid #17365f;border-radius:18px;background:#fff;color:#17365f;text-align:left;font-size:17px;font-weight:900}
.detective-choice b{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#ffe071}
.detective-choice.correct{background:#bff1cb}.detective-choice.try-again{background:#ffe2c1;animation:yvshake .28s linear 2}
@media(max-width:650px){
 .detective-card{padding:16px 12px 145px}
 .detective-yvette{top:auto;bottom:10px;right:50%;transform:translateX(50%);width:150px;height:115px}
 .detective-story{font-size:18px}.detective-question{font-size:22px}.detective-choice{font-size:15px}
}
