.learning .learning-series-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 24px;padding:14px;background:#e1d6ef;border:1px solid #b7a0ca;border-radius:12px;font:1rem/1.5 var(--notebook-ui)}
.learning-series-settings select{min-height:46px;min-width:0;max-width:100%;padding:8px;border:1px solid #a88dbb;background:#fff2ce;color:#45345e;border-radius:6px;font:inherit}
.learning .learning-series-settings .learning-button{margin:0;padding:9px 12px;min-height:46px}
.learning .learning-series-settings p{font: .95rem/1.6 var(--notebook-ui);margin:0;flex-basis:100%}
.learning-progress{display:block;width:100%;height:18px;accent-color:#54775a;border:1px solid #a9b79d;border-radius:12px;overflow:hidden;background:#f9f2d9}
.learning-progress::-webkit-progress-bar{background:#f9f2d9}.learning-progress::-webkit-progress-value{background:#78966d}
.pr-root{min-width:0;max-width:100%;color:#2e3d7c}.pr-root *{box-sizing:border-box}
.learning .pr-skill{font: .9rem/1.6 var(--notebook-ui);color:#5b4269;margin:0 0 14px}
.learning .pr-question{font:inherit;font-size:1.12em;line-height:1.9;letter-spacing:0;overflow-wrap:anywhere;margin:10px 0 20px;font-weight:400}
.pr-visual{max-width:100%;min-width:0;margin:18px 0;overflow:auto;background:#fff8e8a6;border-radius:8px;padding:8px}
.pr-visual svg{display:block;max-width:100%;height:auto;margin:auto}
.pr-picture-pair{display:flex;flex-wrap:wrap;gap:16px;min-width:0}
.pr-picture-pair>figure{flex:1 1 220px;min-width:0;margin:0;padding:8px;border:1px solid #c9b4cd;border-radius:10px;background:#fff8ec}
.pr-picture-pair>figure>figcaption{font:1rem/1.5 var(--notebook-ui);font-weight:600;text-align:center;color:#5b4269;margin-bottom:6px}
.practice-objects{display:flex;flex-wrap:wrap;gap:8px;padding:8px;color:#73508c;line-height:1.4;font-family:var(--notebook-ui)}
.practice-objects span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:28px;font-size:1.4rem}
.practice-table-wrap{max-width:100%;overflow:auto}
.practice-table{border-collapse:collapse;width:100%;font:1rem/1.5 var(--notebook-ui);background:#fff9e8}
.practice-table th,.practice-table td{padding:9px;border:1px solid #b1a2be;min-width:0;text-align:center;overflow-wrap:anywhere}
.practice-table th{background:#e4d7ef;font-weight:600}
.pr-help{padding:12px 14px;background:#dce9f3;border:1px solid #acc1d1;border-radius:10px;margin:18px 0}
.learning .pr-help>strong{color:#62436d;font-weight:400}.learning .pr-help p{margin:4px 0 0}
.pr-steps{padding-left:1.3em;margin:18px 0}.pr-steps li{margin-bottom:14px;padding-left:.2em;line-height:2}
.pr-form{min-width:0;margin-top:22px}.pr-form>label{display:block;font:1rem/1.6 var(--notebook-ui);margin-bottom:7px}
.pr-answer{display:block;width:min(100%,320px);min-width:0;min-height:52px;font:1.3rem/1.5 var(--notebook-ui);color:#2e3d7c;border:2px solid #a391bb;border-radius:8px;padding:8px 10px;background:#fff4d7}
.pr-answer[readonly]{background:#dcebd7;border-color:#86a47d}
.pr-actions,.pr-choices{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.pr-button,.pr-choice{font:1rem/1.5 var(--notebook-ui);padding:10px 14px;min-height:46px;min-width:44px;max-width:100%;overflow-wrap:anywhere;white-space:normal;border:1px solid #ad91bf;border-bottom:2px solid #936ba5;background:#e6d4ef;color:#4b315c;border-radius:8px}
.pr-primary{background:#d0e4cb;border-color:#8bac83;color:#2d5039}
.pr-choice[aria-pressed=true]{background:#f0c4d5;border:2px solid #a64c70;color:#633044}
.pr-choice[disabled]{opacity:1}.pr-feedback{min-height:1.5em}.pr-feedback:not(:empty){padding:12px;background:#ffebc4;border:1px solid #c8a26a;border-radius:8px}
.pr-feedback.pr-positive{background:#d4e8ce;border-color:#89ab7e;color:#2d5039}
.pr-solution{padding:12px;background:#fff2c8;border-left:3px solid #ad8a45;margin:15px 0}
.pr-root :focus-visible{outline:3px solid #65508a;outline-offset:4px}
.learning-object-tools{border-top:1px dashed #96aa8d;margin-top:30px;padding-top:20px}
.learning-objects{margin-top:18px;background:#f7ead8;border:1px solid #c8b28f;padding:14px;border-radius:10px}
.learning .learning-objects>p{font: .95rem/1.7 var(--notebook-ui)}
@media(max-width:480px){.learning .learning-series-settings{padding:10px;gap:8px}.learning .learning-series-settings .learning-button{width:auto;flex:1 1 100%;font-size:.9rem}.pr-actions .pr-button,.pr-choices .pr-choice{flex:1 1 130px}.pr-help{padding:10px}.pr-visual{padding:4px}.pr-steps{padding-left:1.1em}.learning-objects{padding:9px}}