/* V03: styles scoped to the new learning component. */
#learning .learning-intro{max-width:780px}#learning .learning-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}#learning .learning-controls label{min-width:160px}#learning select,#learning textarea{background:#fff;border:1px solid #9bad9f;border-radius:8px;padding:12px;color:#163d32;font:inherit;box-sizing:border-box}#learning .learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#learning .learning-card{background:#fffdf8;border:1px solid #d7ded2;border-radius:12px;padding:22px;min-width:0}#learning .learning-card h2{font-size:21px;line-height:1.3}#learning .learning-card p{line-height:1.6}#learning .learning-level{font-weight:700;color:#995638}#learning .learning-question{border:0;padding:0;margin:24px 0}#learning .learning-question legend{font-weight:600;margin-bottom:12px}#learning .learning-option{display:flex;align-items:center;gap:10px;border:1px solid #d7ded2;border-radius:8px;padding:12px;margin:8px 0;background:white}#learning .learning-option input{width:auto;flex:none;margin:0}#learning .learning-explanation{padding:16px;border-radius:8px;background:#e5eee7;line-height:1.7}#learning .learning-explanation[dir=rtl]{text-align:right}#learning .learning-status{min-height:26px}#learning .learning-chat{margin-top:30px}#learning .learning-chat textarea{display:block;width:100%;max-width:760px;min-height:110px}#learning .learning-result{font-weight:600}#learning .learning-progress{padding:12px 16px;background:#e5eee7;border-radius:8px}#learning [hidden]{display:none!important}
@media(max-width:850px){#learning .learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#learning>.content{padding-inline:16px}#learning h1{font-size:32px}#learning .learning-grid{grid-template-columns:1fr}#learning .learning-controls{gap:12px}#learning .learning-controls label{flex:1 1 120px;min-width:0}#learning .learning-controls select{width:100%}}
#learning .learning-chat{border:1px solid #b8c9bb;border-radius:12px;background:#e5eee7;margin:24px 0;overflow:hidden}#learning .learning-chat>summary{cursor:pointer;padding:18px 20px;list-style-position:inside}#learning .learning-chat>summary strong{font-size:21px}#learning .learning-chat>summary span{display:block;margin:6px 0 0 20px;color:#425e50}#learning .learning-chat-body{padding:0 20px 20px;border-top:1px solid #c9d6cc}#learning .learning-chat-body>p{margin:16px 0}#learning .learning-chat .learning-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;max-width:760px}#learning .learning-consent input{width:20px;height:20px;flex:none;margin:3px 0;padding:0}#learning .learning-question-step{border:1px solid #d7ded2;border-radius:10px;margin:14px 0;background:white;overflow:hidden}#learning .learning-question-step>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;cursor:pointer;font-weight:600}#learning .learning-question-step form{padding:0 16px 16px}#learning .learning-question-step[data-state=correct]{border-color:#608b6b;background:#edf5ed}#learning .learning-question-step[data-state=wrong]{border-color:#b35448;background:#fff2ef}#learning .learning-question-badge{font-size:12px;flex:none;padding:3px 8px;border-radius:12px;background:#f1f4ef}#learning [data-state=correct] .learning-question-badge{background:#d5e9d8;color:#234b2d}#learning [data-state=wrong] .learning-question-badge{background:#f7d9d3;color:#7c3025}#learning .learning-option input{width:18px;height:18px;padding:0;display:inline-block}#learning .learning-question{margin:16px 0}#learning .learning-chat-start{margin-top:12px}
@media(max-width:600px){#learning .learning-card{padding:16px}#learning .learning-chat>summary{padding:16px}#learning .learning-chat-body{padding:0 16px 16px}#learning .learning-question-step>summary{flex-wrap:wrap}#learning .learning-controls{display:grid;grid-template-columns:1fr 1fr}#learning .learning-controls label{font-size:14px}#learning .learning-controls select{padding:10px 8px}#learning .learning-option{font-size:16px}}
#learning .learning-controls label{flex:0 1 220px;width:220px;min-width:0}#learning .learning-controls select{display:block;width:100%}
@media(max-width:600px){#learning .learning-controls label{width:auto;min-width:0}}

/* V03.002: level groups and scoped progress actions. */
#learning .learning-level-group{border:1px solid #cbd8ce;border-radius:12px;padding:20px;margin:20px 0}#learning .learning-level-group>h3{margin:0 0 8px;color:#163d32}#learning .learning-level-group>.quiet{margin:0 0 20px}#learning .learning-reset{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}#learning .learning-card-status{font-size:14px}#learning .learning-card[data-state=correct]{border-color:#608b6b}#learning .learning-completion{margin-top:20px;padding:16px;background:#e5eee7;border-radius:10px}#learning .learning-completion button{margin:4px 12px 4px 0}#learning .learning-progress{overflow-wrap:anywhere}#learning .learning-chat-body .learning-controls{margin-top:18px}#learning .learning-chat-answer{overflow-wrap:anywhere}
@media(max-width:600px){#learning .learning-level-group{padding:12px}#learning .learning-chat .learning-controls label:last-child{grid-column:1/-1}#learning .learning-reset button{font-size:14px;max-width:100%;white-space:normal}#learning .learning-card h2{overflow-wrap:anywhere}}

#learning .learning-chat-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0}#learning .learning-register{color:#163d32;text-decoration:underline}#learning .learning-conversation{background:#fffdf8;border:1px solid #c8d5cb;border-radius:12px;min-height:84px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}#learning #learning-chat-reply{margin-top:20px}#learning #learning-chat-reply button{margin-top:12px}#learning .learning-feedback-help,#learning .learning-feedback-explain{display:block;margin-top:8px}#learning .learning-feedback-help{font-weight:500}#learning .learning-feedback-help[dir=rtl]{text-align:right}#learning #learning-chat-status{font-size:14px;color:#425e50}
@media(max-width:600px){#learning .learning-chat-actions{gap:12px}#learning .learning-conversation{padding:14px}#learning .learning-chat-actions button{max-width:100%;white-space:normal}}

#learning .learning-reset-confirm{flex:0 1 380px;max-width:100%;box-sizing:border-box;border:1px solid #d8c4ac;border-radius:10px;padding:16px;background:#fffdf8}#learning .learning-reset-confirm p{margin:0 0 12px}#learning .learning-reset-confirm button{margin-inline-end:12px}#learning .learning-reset-accept{border-color:#b35448;color:#7c3025}#learning #learning-status:empty{display:none}#learning #learning-status:not(:empty){padding:12px 16px;background:#e5eee7;border-radius:8px}

@media(max-width:600px){#learning .learning-chat>summary{display:block}#learning .learning-chat>summary strong{display:inline;font-size:20px}#learning .learning-chat>summary span{display:block;margin:8px 0 0;line-height:1.5}#learning .learning-reset-confirm{flex-basis:100%}}

#learning .learning-ai-help{margin-top:16px;border-top:1px solid #cbd9ce;padding-top:12px}#learning .learning-ai-help summary{cursor:pointer;font-weight:600}#learning .learning-ai-help p{background:#e5eee7;border-radius:10px;padding:12px;white-space:pre-wrap}#learning .learning-ai-feedback{border-bottom:1px solid #cbd9ce;margin-bottom:16px;padding-bottom:8px}#learning .learning-conversation{white-space:normal}#learning .learning-conversation>p{white-space:pre-wrap;unicode-bidi:plaintext}
