.learning-sources { margin:12px 0; padding:12px 14px; border-left:4px solid #ef7bab; background:#e5fbf5; color:#173f44; border-radius:0 12px 12px 0; font:15px/1.5 system-ui,sans-serif; }
.learning-sources a { color:#145965; text-decoration:underline; }
.learning-sources p { margin:6px 0; font-size:14px; }
.learning-friend-photo { display:block; width:100%; max-width:360px; max-height:200px; object-fit:contain; border-radius:10px; margin-bottom:10px; }
.learning-sources small { display:block; font-size:12px; }
.cleanup-learning-quiz { margin:16px 0; padding:20px; border:2px solid #24b2a5; background:#fff7d9; color:#173f44; border-radius:20px; font:16px/1.6 system-ui,sans-serif; }
.cleanup-learning-quiz[hidden],.cleanup-wildlife[hidden] { display:none; }
.cleanup-answers { display:grid; gap:9px; }
.cleanup-answer,.cleanup-next { min-height:46px; padding:12px; border:1px solid #156576; border-radius:12px; color:#123c46; background:#fff; font:700 16px/1.4 system-ui,sans-serif; cursor:pointer; text-align:left; }
.cleanup-next { margin-top:12px; background:#cf267b; color:white; border-color:#cf267b; }
.cleanup-answer:focus-visible,.cleanup-next:focus-visible { outline:3px solid #cf267b; outline-offset:3px; }
.cleanup-wildlife { position:absolute; z-index:1; width:75px; min-height:64px; padding:4px; transform:translate(-50%,-50%); background:#d8fff1; color:#164949; border:2px solid #b8ebcf; border-radius:16px; font:700 11px/1.2 system-ui,sans-serif; cursor:pointer; }
.cleanup-wildlife img { display:block; width:45px; height:34px; object-fit:cover; border-radius:8px; margin:auto auto 3px; }
.sponge-checks { gap:4px; }
.sponge-checks span { width:25px; }
.reef-friend-message { padding:16px; background:#fff8dc; color:#173f44; border-radius:16px; font:700 20px/1.5 system-ui,sans-serif; text-align:center; }