.schoolbag-practice,.sbp-practice-intro{--sbp-ink:#243952;--sbp-purple:#6541a7;--sbp-green:#147655;color:var(--sbp-ink);font-family:inherit;line-height:1.6;max-width:100%;min-width:0}
.schoolbag-practice *,.sbp-practice-intro *{box-sizing:border-box}
.sbp-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:2px solid #ddd0f4;border-radius:26px;background:linear-gradient(125deg,#f5edff,#effaf6)}
.sbp-heading h3,.sbp-practice-intro h3{font-size:clamp(1.55rem,4vw,2rem);line-height:1.18;margin:4px 0 12px;color:#39275d}
.sbp-heading p{margin:8px 0 0;max-width:54ch}
.sbp-eyebrow{font-size:.76rem;letter-spacing:.07em;font-weight:800;color:#604881}
.sbp-heading .sbp-english{color:#6340a4;font-size:1.15rem;font-weight:750;margin:10px 0 4px}
.sbp-count{flex:none;max-width:160px;text-align:center;padding:16px 20px;border:2px solid #b5dfce;border-radius:22px;background:#fff;color:#155e49;font-size:1.1rem;font-weight:800;line-height:1.5}
.sbp-welcome{padding:16px 20px;border-left:5px solid #ecb74a;background:#fff9e9;border-radius:0 16px 16px 0;margin:22px 0}
.sbp-group h4{color:#604081;font-size:1rem;margin:24px 4px 12px}
.sbp-exercises{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.sbp-exercise{padding:24px;border:2px solid #dce7ed;border-radius:24px;background:#fff;box-shadow:0 5px 0 #e7eef2;min-width:0}
.sbp-question{border:0;padding:0;margin:0;min-width:0}
.sbp-question legend{display:flex;align-items:flex-start;gap:12px;font-size:1.25rem;font-weight:750;line-height:1.45;padding:0;width:100%;max-width:100%;overflow-wrap:anywhere}
.sbp-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;min-height:38px;border-radius:13px;background:#7553b4;color:#fff;font-size:1.05rem;font-weight:850}
.sbp-passage{white-space:pre-line;font-size:1.05rem;margin:14px 0 16px;padding:12px 16px;border-radius:14px;background:#f3f6fb;overflow-wrap:anywhere}
.sbp-look{width:min(100%,370px);margin:18px auto 12px}
.sbp-illustration{display:block;max-width:100%;width:100%;height:auto;overflow:visible}
.sbp-input-help{font-size:.93rem;color:#4d6474;margin:16px 0 10px}
.sbp-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;min-width:0}
.sbp-choice{position:relative;display:flex;align-items:flex-start;gap:10px;margin:0;min-width:0;min-height:72px;padding:16px 12px;background:#fff;border:2px solid #bbcbd5;border-radius:18px;cursor:pointer;line-height:1.5}
.sbp-choice:hover{border-color:#7a58ae;background:#fcf9ff}
.sbp-choice:has(input:checked){background:#f2ebff;border-color:#6a43a6;box-shadow:0 0 0 1px #6a43a6}
.sbp-choice:has(input:focus-visible){outline:3px solid #1e527e;outline-offset:4px}
.sbp-choice input[type=radio]{appearance:auto;flex:0 0 22px;width:22px;min-width:22px;height:22px;min-height:22px;margin:3px 0 0;accent-color:#6541a7;cursor:pointer}
.sbp-choice-content{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}
.sbp-choice-text{display:block;font-size:1.06rem;font-weight:750;line-height:1.5;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}
.sbp-choices-pictures .sbp-choice{padding:12px;flex-wrap:wrap;gap:8px}
.sbp-choices-pictures .sbp-choice-content{flex-basis:100%;align-items:stretch}
.sbp-choices-pictures .sbp-illustration{margin-top:2px}
.sbp-choices-pictures .sbp-choice-text{text-align:center}
.sbp-card-order{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;font-size:.8rem;margin-right:7px;background:#e5ddf3;color:#4c3376}
.sbp-choice:has(input:disabled){cursor:default;background:#f0f3f5;border-color:#c0cbd2;color:#52606d;box-shadow:none}
.sbp-choice input:disabled{cursor:default}
.sbp-help-row{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px}
.sbp-help-row details{min-width:0;flex:1 1 210px}
.sbp-help-row summary,.sbp-reflection summary{cursor:pointer;min-height:44px;padding:9px 2px;font-weight:700;font-size:.94rem;color:#584078;overflow-wrap:anywhere}
.sbp-help-row details p{margin:5px 0 12px;font-size:1rem;overflow-wrap:anywhere}
.sbp-help-row details[open]{flex-basis:100%}
.sbp-picture-help p{padding:8px 12px;border-radius:10px;background:#f5f5fa}
.sbp-feedback{margin:14px 0 0;padding:16px 18px;border-radius:14px;background:#fff4d9;border:1px solid #dfbf75;overflow-wrap:anywhere;font-size:1.02rem}
.sbp-feedback strong{display:block;margin-bottom:4px}
.sbp-exercise[data-schoolbag-status=correct]{border-color:#78b49b}
.sbp-exercise[data-schoolbag-status=correct] .sbp-feedback{background:#e8f8ef;border-color:#8fc6ad;color:#16523c}
.sbp-exercise[data-schoolbag-status=incorrect],.sbp-exercise[data-schoolbag-status=format]{border-color:#d3ad60}
.sbp-pause{display:flex;gap:18px;align-items:center;padding:24px;border-radius:24px;background:#fff4cc;border:2px dashed #dbb65f;margin:32px 0;color:#604521}
.sbp-pause>span{font-size:3rem;line-height:1;color:#976b14}
.sbp-pause strong{font-size:1.2rem}
.sbp-pause p{margin:4px 0 0}
.sbp-actions{margin-top:28px;padding:22px;background:#edf8f4;border:2px solid #b5dfce;border-radius:22px}
.schoolbag-practice .sbp-check{display:block;min-height:52px;max-width:100%;padding:14px 22px;border-radius:16px;background:#6541a7;border:2px solid #4d2d87;color:#fff;font:inherit;font-size:1.05rem;font-weight:800;cursor:pointer;white-space:normal;line-height:1.5;text-align:center}
.schoolbag-practice .sbp-check:disabled{background:#dce4e5;border-color:#bac9cc;color:#4d6169;cursor:default}
.sbp-status{margin:16px 0 0;font-weight:650;overflow-wrap:anywhere}
.sbp-reflection{margin-bottom:16px}
.sbp-reflection label{display:block;font-weight:700;margin:8px 0}
.sbp-reflection label span{display:block;font-size:.93rem;font-weight:400}
.sbp-reflection textarea{display:block;width:100%;max-width:100%;min-height:100px;border:2px solid #93afa7;border-radius:12px;padding:12px;font:inherit;background:#fff;color:#243952;resize:vertical}
.schoolbag-practice :is(button,summary,textarea):focus-visible{outline:3px solid #1e527e;outline-offset:4px}
.sbp-practice-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(120px,.7fr);align-items:center;gap:24px;padding:22px;border:2px solid #d8cee9;border-radius:22px;background:#f7f1ff;margin:18px 0}
.sbp-practice-intro p{margin:0}
.sbp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.sbp-choices{grid-template-columns:1fr}.sbp-choices-pictures{grid-template-columns:repeat(3,minmax(0,1fr))}.sbp-choices-pictures .sbp-choice{padding:9px}.sbp-choices-pictures .sbp-card-order{display:none}}
@media(max-width:560px){.sbp-heading{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.sbp-count{max-width:100%;padding:9px 15px;border-radius:14px}.sbp-exercise{padding:16px 12px;border-radius:20px}.sbp-question legend{font-size:1.14rem;gap:9px}.sbp-number{flex-basis:32px;width:32px;min-height:32px;font-size:.95rem}.sbp-exercises{gap:20px}.sbp-choices-pictures{grid-template-columns:1fr}.sbp-choices-pictures .sbp-choice{flex-wrap:nowrap;align-items:center;padding:12px;gap:12px}.sbp-choices-pictures .sbp-choice-content{flex-basis:auto;flex-direction:row;align-items:center;gap:10px}.sbp-choices-pictures .sbp-illustration{width:clamp(96px,30vw,142px);flex:0 0 clamp(96px,30vw,142px)}.sbp-choices-pictures .sbp-choice-text{text-align:left;font-size:1rem}.sbp-choices-pictures .sbp-card-order{display:inline-flex}.sbp-passage{padding:12px;font-size:1rem}.sbp-pause{padding:18px;gap:12px}.sbp-pause>span{font-size:2.4rem}.sbp-actions{padding:16px}.schoolbag-practice .sbp-check{width:100%;padding:13px 14px}.sbp-practice-intro{grid-template-columns:1fr}.sbp-practice-intro .sbp-illustration{max-width:280px;margin:auto}}
@media(prefers-reduced-motion:reduce){.schoolbag-practice *,.sbp-practice-intro *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-motion="reduced"] .schoolbag-practice *,[data-motion="reduced"] .sbp-practice-intro *{animation:none!important;transition:none!important;scroll-behavior:auto!important}