/* Reading practice: distinct question, action and explanation surfaces. */
.lesson-panel .guide-question{margin:22px 0;padding:24px;background:#f3f7fa;border:1px solid #bacdd8;border-left:5px solid #245773;border-radius:6px;overflow-wrap:anywhere}
.lesson-panel .guide-question h3{display:flex;align-items:baseline;gap:14px;font-size:1.25rem;line-height:1.8;color:#163e56;margin:0 0 18px}
.guide-question-number{flex:none;background:#245773;color:#fff;font-size:1rem;line-height:1.5;padding:4px 10px;border-radius:4px;white-space:nowrap}
.lesson-panel .guide-question summary{width:fit-content;max-width:100%;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #245773;border-radius:4px;padding:10px 16px;color:#16465f;font-size:1rem;font-weight:700;line-height:1.7;min-height:46px}
.lesson-panel .guide-question summary:hover{background:#e0edf5}
.lesson-panel .guide-question summary:focus-visible{outline:3px solid #b57413;outline-offset:4px}
.lesson-panel .guide-question details[open] summary{background:#245773;color:#fff}
.guide-answer{margin-top:18px;padding:18px 20px;background:#fff;border:1px solid #b4cec2;border-left:4px solid #287352;border-radius:4px}
.lesson-panel .guide-answer p{font-size:1.0625rem;line-height:1.95;color:#293f35;margin:12px 0 0}
.lesson-panel .guide-answer .guide-answer-result{font-size:1.1875rem;line-height:1.85;color:#165b3b;margin-top:0}
@media(max-width:600px){.lesson-panel .guide-question{padding:18px 14px;margin:18px 0}.lesson-panel .guide-question h3{font-size:1.125rem;gap:10px;align-items:flex-start}.guide-question-number{font-size:.9375rem;padding:3px 8px;margin-top:3px}.guide-answer{padding:16px 14px}.lesson-panel .guide-question summary{width:100%}}

#quantity-list,#quantity-addition,#quantity-practice,.guide-question[id]{scroll-margin-top:160px}.guide-question:focus-visible,#quantity-addition:focus-visible{outline:3px solid #c94b00;outline-offset:4px}
