.fractions-practice{--frp-ink:#163d50;--frp-teal:#176b80;--frp-indigo:#414f87;box-sizing:border-box;min-width:0;width:100%;max-width:1120px;margin:24px auto;color:var(--frp-ink);font:400 1rem/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.fractions-practice *,.frp-notebook *,.frp-workbook *{box-sizing:border-box;min-width:0}
.frp-practice-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:22px;padding:26px;border:1px solid #b6d4d4;border-top:5px solid #176b80;border-radius:20px;background:linear-gradient(120deg,#edf7f4,#f4f2fd)}
.frp-eyebrow{display:block;font-size:.76rem;font-weight:800;letter-spacing:.06em;line-height:1.7;color:#385e70}
.fractions-practice h3{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;margin:9px 0 12px;color:#163d50}
.frp-practice-heading p{margin:0;max-width:62ch}
.frp-count{display:block;align-self:start;padding:8px 13px;border:1px solid #b8cbd1;border-radius:12px;background:#fffdf5;font-size:1rem;font-weight:750;white-space:nowrap}
.frp-method{padding:19px 22px;margin:16px 0 25px;border-left:4px solid #d69542;background:#fff8e7;border-radius:0 12px 12px 0}
.frp-group h4{font-size:1.12rem;color:#414f87;margin:20px 0 14px;padding-bottom:8px;border-bottom:2px solid #c8d6e0}
.frp-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0;align-items:start}
.frp-exercise{min-width:0;padding:22px;border:1px solid #bed0d4;border-top:4px solid #88babc;border-radius:16px;background:#fffefa;box-shadow:0 5px 18px #163d5008}
.frp-exercise-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.75rem;font-weight:800;letter-spacing:.055em;color:#385e70}
.frp-number{flex:0 0 38px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#176b80;color:#fff;font-size:1.08rem;letter-spacing:0}
.frp-passage{padding:15px;border:1px solid #c8dddd;border-radius:10px;background:#f0f7f6;margin-bottom:18px}
.frp-passage p{margin:7px 0 0;font-size:1rem;line-height:1.75}
.frp-prompt{display:block;font-size:1.1rem;font-weight:750;line-height:1.55;margin:19px 0 12px;color:#163d50}
.frp-options{padding-left:25px;margin:0 0 14px;line-height:1.7}.frp-options li{padding:4px 0 4px 5px}.frp-options li::marker{font-weight:750;color:#414f87}
.frp-input-help{font-size:.94rem;color:#426272;margin:12px 0 8px}
.fractions-practice :is(input,select,textarea),.frp-notebook textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;padding:11px 12px;background:#fff;color:#14394c;border:2px solid #7f9fab;border-radius:9px;font:inherit;font-size:1rem;line-height:1.5}
.fractions-practice select{white-space:nowrap;text-overflow:ellipsis}.fractions-practice input{max-width:20rem}.fractions-practice textarea,.frp-notebook textarea{resize:vertical;min-height:96px}
.fractions-practice :is(input,select,textarea)[aria-invalid="true"]{border-color:#a84936;background:#fff9f5}
.fractions-practice :is(input,select,textarea,button,summary,a):focus-visible,.frp-notebook :is(textarea,summary):focus-visible,.frp-workbook summary:focus-visible{outline:3px solid #414f87;outline-offset:3px}
.frp-hint,.frp-source{margin-top:13px;border-top:1px solid #d4e0e0}.frp-hint summary,.frp-source summary{cursor:pointer;min-height:44px;padding:11px 4px;font-weight:700;color:#285c70}
.frp-hint p,.frp-source p{margin:0 0 12px;padding:12px;border-radius:8px;background:#eff4fc}
.frp-source{font-size:.88rem}.frp-source summary{font-weight:500}.frp-source a{color:#27516e;text-decoration:underline;text-underline-offset:3px}
.frp-feedback{padding:15px;margin:14px 0 0;background:#fff0e8;border-left:4px solid #a84936;border-radius:0 10px 10px 0;font-size:1rem;line-height:1.7}
.frp-exercise[data-frp-status="correct"] .frp-feedback{background:#eaf6ed;border-left-color:#35724a}.frp-exercise[data-frp-status="missing"] .frp-feedback{background:#eff3f6;border-left-color:#678291}
.frp-pause{display:flex;gap:16px;align-items:start;background:#edf2fb;border:1px solid #c8d3e8;border-radius:14px;padding:20px;margin:26px 0}.frp-pause>span{font-size:1.8rem;color:#414f87;line-height:1.2}.frp-pause p{margin:5px 0 0}
.frp-practice-actions{border:1px solid #b4cecd;border-radius:16px;background:#eff7f3;padding:24px;margin-top:26px}
.frp-reflection{display:block;margin-bottom:22px}.frp-reflection>span,.frp-notebook label>span{display:block;font-size:.94rem;color:#426272;margin:6px 0 12px}
.fractions-practice .frp-check{display:inline-block;min-height:48px;max-width:100%;padding:12px 20px;background:#176b80;border:2px solid #135465;border-radius:11px;color:#fff;font:inherit;font-size:1.04rem;font-weight:750;line-height:1.5;white-space:normal;cursor:pointer}
.fractions-practice .frp-check:hover:not(:disabled){background:#125b6e}.fractions-practice :disabled{opacity:.65;cursor:not-allowed}
.frp-status{margin:15px 0 10px;font-weight:700}.frp-small{margin:8px 0 0;font-size:.94rem;color:#426272}
.frp-visual{margin:18px 0;padding:14px;border:1px solid #cecda9;border-radius:12px;background:#fffaf0;max-width:100%;overflow:hidden}
.frp-visual-rule{font-size:.88rem;line-height:1.6;color:#4d5b54;margin:0 0 14px}
.frp-bar-model+ .frp-bar-model{margin-top:16px}.frp-bar-model strong{display:block;font-size:.95rem;margin-bottom:4px}
.frp-visual svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto;overflow:visible}
.frp-bar-model p,.frp-line>p:not(.frp-visual-rule){margin:7px 0 0;font-size:.94rem;line-height:1.65}
.frp-visual figcaption{font-size:.94rem;line-height:1.65;color:#344c56;margin-top:13px;padding-top:11px;border-top:1px solid #e0d8b7}
.frp-notebook,.frp-workbook,.frp-legacy,.frp-completion-note{box-sizing:border-box;max-width:1120px;min-width:0;margin:20px auto;color:#163d50;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.frp-notebook,.frp-workbook{padding:0 22px 18px;border:1px solid #bdcdd4;border-radius:14px;background:#f8fafb}.frp-notebook:not([open]),.frp-workbook:not([open]){padding-bottom:0}
.frp-notebook>summary,.frp-workbook>summary{cursor:pointer;min-height:48px;padding:17px 0;font-weight:750}.frp-writing-help summary{cursor:pointer;min-height:44px;padding:10px 0}.frp-writing-help ul{padding-left:24px}.frp-notebook label{display:block;margin-top:20px}
.frp-legacy{padding:19px 22px;border:1px solid #dac896;border-left:4px solid #b78932;border-radius:12px;background:#fff9e9}.frp-legacy p{margin:7px 0 0}
.frp-completion-note{padding:17px 20px;background:#edf5f6;border-left:3px solid #7fa9b5;border-radius:0 10px 10px 0}
.frp-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:820px){.frp-exercises{grid-template-columns:minmax(0,1fr)}.frp-practice-heading{grid-template-columns:minmax(0,1fr)}.frp-count{justify-self:start}.frp-exercise{padding:20px}.frp-visual svg{max-width:480px}}
@media(max-width:560px){.frp-practice-heading{padding:20px 16px;gap:14px}.frp-exercise{padding:17px 14px}.frp-passage{padding:12px}.frp-method,.frp-practice-actions,.frp-pause{padding:17px 15px}.frp-visual{padding:12px 8px}.frp-notebook,.frp-workbook{padding-left:16px;padding-right:16px}.frp-check{width:100%}.frp-count{white-space:normal}}
[data-motion="reduced"] .fractions-practice *,[data-motion="reduced"] .frp-notebook{animation:none;transition:none;scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){.fractions-practice *,.frp-notebook{animation:none;transition:none;scroll-behavior:auto}}