.learning{font-size:1rem;line-height:1.65;overflow-wrap:anywhere;min-width:0;color:var(--ink,#302b3c)}
.learning *{box-sizing:border-box}
.learning [hidden]{display:none!important}
.learning-lesson-header{margin-bottom:20px}
.learning-kicker{font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#625073;margin:0 0 8px}
.learning-goal{margin:0 0 16px;max-width:65ch}
.learning-topic-label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.92rem}
.learning-topic-label select{font:inherit;color:inherit;background:white;border:1px solid #c8bed5;border-radius:12px;padding:12px;min-height:48px;width:100%;max-width:100%}
.learning-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0 0 26px}
.learning-navigation button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:54px;background:#f6f3fa;border:1px solid #d8cfe2;color:#51435e;border-radius:12px;font:inherit;font-size:.91rem;line-height:1.3;font-weight:700;padding:10px 8px;overflow-wrap:normal}
.learning-navigation button>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;background:#e8e0f0;border-radius:50%;font-size:.8rem}
.learning-navigation button[aria-current]{background:#69518c;color:white;border-color:#69518c}
.learning-navigation button[aria-current]>span{background:#8c72ac;color:white}
.learning button:focus-visible,.learning select:focus-visible,.learning summary:focus-visible{outline:3px solid #3865b0;outline-offset:3px}
.learning-heading{font-size:1.38rem;line-height:1.35;margin:0 0 16px;font-weight:800;color:inherit}
.learning-heading:focus{outline:none}
.learning-explanation-copy{max-width:65ch}
.learning-explanation-copy p{font-size:1rem;margin:0 0 18px;line-height:1.75}
.learning-section-intro{font-size:.96rem;line-height:1.65;color:#5c5368;margin:0 0 22px;max-width:65ch}
.learning-remember,.learning-common-mistake{padding:16px 18px;border-radius:14px;margin:18px 0;font-size:1rem;border-left:4px solid #648c79;background:#edf5ef}
.learning-common-mistake{background:#fff5e5;border-color:#bf9146}
.learning-remember strong,.learning-common-mistake strong{font-size:1rem}
.learning-remember p,.learning-common-mistake p{font-size:1rem;margin:5px 0 0;line-height:1.65}
.learning-vocabulary{border:1px solid #dcd5e4;border-radius:12px;margin:20px 0;padding:13px 16px;background:#faf8fc}
.learning-vocabulary summary{font-weight:700;cursor:pointer;min-height:28px;font-size:1rem}
.learning-vocabulary dl{margin:14px 0 0}.learning-vocabulary dl>div{margin:12px 0}.learning-vocabulary dt{font-weight:800}.learning-vocabulary dd{margin:2px 0 0}
.learning-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.learning-button{border:1px solid #cbbfd9;background:#f4eff9;color:#51405f;min-height:48px;border-radius:12px;padding:12px 17px;font:inherit;font-size:1rem;font-weight:700;line-height:1.4;max-width:100%;white-space:normal}
.learning-primary{background:#69518c;border-color:#69518c;color:white}
.learning-example-visual{margin:20px 0;padding:16px;border:1px solid #e2dbe9;background:#fbfafc;border-radius:14px;min-width:0;overflow:auto}
.learning-example-visual svg{display:block;width:100%;max-width:560px;max-height:330px;margin:auto}
.learning-concept-visual{margin:22px 0;padding:18px;border:1px solid #e2dbe9;border-radius:14px;background:#faf8fc;min-width:0}
.learning-concept-visual svg{display:block;max-width:100%;height:auto;margin:auto}
.learning-concept-visual figcaption{font-size:1rem;line-height:1.7;margin-top:14px}
.learning-worked-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:14px}
.learning-worked-steps li{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #e1dae8;border-radius:14px;background:#faf8fc}
.learning-worked-steps li[aria-current]{border-color:#a697b9;background:#f2edf8}
.learning-step-number{display:grid;place-items:center;background:#6c568b;color:white;border-radius:50%;width:30px;height:30px;flex:0 0 30px;font-weight:800;line-height:1}
.learning-worked-steps p{font-size:1rem;line-height:1.7;margin:0}
.learning-example-result{background:#edf5ef;border-radius:14px;padding:16px 20px;display:grid;gap:4px;font-size:1.08rem}
.learning-series-summary{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px;background:#f5f1f9;border-radius:14px;margin-bottom:18px}
.learning-series-count{font-size:.95rem;font-weight:800;margin:0}
.learning-series-dots{display:flex;gap:7px;list-style:none;padding:0;margin:0}
.learning-series-dots li{border:1px solid #bcb0ca;border-radius:50%;display:grid;place-items:center;min-width:30px;height:30px;font-size:.85rem;background:white;font-weight:700;color:#6a5a7d}
.learning-series-dots .learning-current{outline:2px solid #806399;outline-offset:2px}
.learning-series-dots .learning-done{background:#426c57;border-color:#426c57;color:white}
.learning-question-done{border:1px solid #aac8b5;background:#edf6ef;border-radius:14px;padding:16px 18px;margin-bottom:20px}
.learning-question-done>strong{font-size:1.05rem}
.learning-question-done>p{font-size:1rem;margin:6px 0 0}
.learning-question-done .learning-actions{margin-top:14px}
.learning-exercise-host{min-width:0}
.learning-exercise-host[aria-disabled="true"]{border-top:1px solid #e6e0eb;padding-top:20px}
/* The surrounding lesson owns topic selection and the five-question series. */
.learning .wm-mode-label,.learning #wm-mode,.learning .gx-mode-label,.learning #gx-mode,
.learning .fd-setting-label,.learning .act-operation-select,.learning .pv-choice-group,.learning .pv-mode-choice,
.learning .pv-choice-group+.pv-note,
.learning [data-action="restart"],.learning [data-wm-action="restart"],.learning [data-gx-action="restart"],
.learning [data-fd-action="next"],.learning [data-pv-action="next-number"],
.learning .gx-theory,.learning .gx-example,.learning .gx-end-note,
.learning .act-skill,.learning .wm-skill,.learning .gx-skill,.learning .fd-skill,.learning .pv-skill,.learning .act-lesson-progress{display:none!important}
.learning .act-instruction,.learning .wm-instruction,.learning .gx-instruction,.learning .fd-instruction,.learning .pv-instruction{font-size:1.25rem;line-height:1.45}
@media(max-width:480px){
  .learning-navigation{gap:5px;margin-bottom:22px}
  .learning-navigation button{flex-direction:column;gap:5px;font-size:.85rem;padding:10px 4px;min-height:76px}
  .learning-heading{font-size:1.28rem}
  .learning-button{width:100%}
  .learning-actions{gap:8px}
  .learning-remember,.learning-common-mistake,.learning-worked-steps li,.learning-question-done{padding:14px 12px}
  .learning-worked-steps li{gap:10px}
  .learning-example-visual{padding:10px 4px}
  .learning-series-summary{padding:12px;gap:12px}
  .learning-series-count{width:100%}
}
@media(max-width:420px){
  .learning-navigation{grid-template-columns:minmax(0,1fr);gap:6px}
  .learning-navigation button{flex-direction:row;justify-content:flex-start;min-height:48px;padding:10px 13px;gap:10px;font-size:1rem}
}