.hm-explanation-visual,.hm-explanation-voice{margin-top:18px;padding:16px 18px;border-radius:14px}.hm-explanation-visual{border:1px solid #b8d6ff;background:#f4f9ff}.hm-explanation-visual h5{margin:0 0 13px;color:#274b73;font-size:1rem}.hm-explanation-visual-caption{margin:11px 0 0;color:#53657a;font-size:.9rem;line-height:1.45}.hm-explanation-sequence{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.hm-explanation-step{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 11px;border:1px solid #c8daf3;border-radius:12px;background:#fff;color:#31465f;font-weight:750}.hm-explanation-step-number{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#6658cc;color:#fff;font-size:.78rem}.hm-explanation-arrow{align-self:center;color:#6b78a0;font-size:1.35rem;font-weight:900}.hm-number-line{padding:24px 18px 30px}.hm-number-line-track{position:relative;height:5px;border-radius:999px;background:#6373b8}.hm-number-line-marker{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center}.hm-number-line-dot{display:block;width:15px;height:15px;margin:auto;border:3px solid #fff;border-radius:50%;background:#6252c5;box-shadow:0 0 0 2px #6252c5}.hm-number-line-label{display:block;margin-top:7px;color:#35445d;font-size:.82rem;font-weight:850;white-space:nowrap}.hm-fraction-visual{display:grid;gap:10px;justify-items:start}.hm-fraction-grid{display:grid;width:min(100%,360px);min-height:64px;border:2px solid #6172bb;border-radius:10px;overflow:hidden;background:#fff}.hm-fraction-cell{min-width:18px;border-right:1px solid #9aa9d7;background:#fff}.hm-fraction-cell:last-child{border-right:0}.hm-fraction-cell.is-filled{background:#bde7d3}.hm-fraction-visual strong{color:#35445d}.hm-bar-model{display:flex;width:min(100%,520px);min-height:62px;border:2px solid #6274bb;border-radius:10px;overflow:hidden;background:#fff}.hm-bar-segment{display:grid;flex:1;place-items:center;padding:8px;border-right:1px solid #9aa9d7;color:#35445d;font-weight:850;text-align:center}.hm-bar-segment:last-child{border-right:0}.hm-explanation-voice{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d8c7f3;background:#faf7ff}.hm-explanation-voice strong{color:#4d3b78}.hm-explanation-voice p{margin:3px 0 0;color:#6b6480;font-size:.88rem}.hm-explanation-voice-button{flex:0 0 auto}.hm-read-speed{display:inline-flex;align-items:center;gap:8px;margin:0 8px 12px 0;color:#4d3b78;font-size:.9rem;font-weight:750}.hm-read-speed input{width:92px;accent-color:#6658cc}.hm-read-speed-label{min-width:4.2rem}.hm-explanation-voice-button.speaking{min-width:140px}@media(max-width:620px){.hm-explanation-voice{align-items:flex-start;flex-direction:column}.hm-explanation-sequence{display:grid}.hm-explanation-arrow{transform:rotate(90deg);justify-self:center}.hm-bar-model{min-height:54px}.hm-bar-segment{padding:6px 4px;font-size:.82rem}}

/* Reused by 11+ and Challenges: shared Explain Why presentation. */
.hm-detailed-explanation-card{border:1px solid #dfe5ff;border-radius:16px;background:white;padding:18px 20px;box-shadow:0 3px 12px #6558e811}
.hm-detailed-explanation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,35%);gap:20px;align-items:start}
.hm-detailed-explanation-card h4{color:#26364f;font-size:1.04rem;font-weight:800;margin:0 0 10px}
.hm-detailed-explanation-body{color:#2d3b55;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.hm-detailed-explanation-aside{display:grid;gap:12px}
.hm-detailed-explanation-callout{border-radius:13px;padding:13px 15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.hm-detailed-explanation-callout.why{background:#fffaf0;border:1px solid #f1c76a;color:#684c1b}
.hm-detailed-explanation-callout.tip{background:#f1f7ff;border:1px solid #a8c8ff;color:#24466f}
@media(max-width:700px){.hm-detailed-explanation-layout{grid-template-columns:1fr}.hm-detailed-explanation-card{padding:14px}}