.practice-page{margin:0}.practice-page *{box-sizing:border-box}.practice-page [hidden]{display:none!important}
.practice-page-main{max-width:1560px;width:93%;margin:24px auto 60px}.practice-back{display:inline-block;margin:0 0 16px;color:var(--hub-navy);font-size:14px;text-underline-offset:4px}
.practice-page .hub-avatar{object-fit:cover}.practice-page .hub-identity h2{margin:0}.practice-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0 22px}.practice-page-heading h1{font:700 42px/1.12 var(--font-heading);margin:8px 0;color:var(--hub-navy)}.practice-page-heading p{margin:8px 0;font-size:16px;color:#49617c}.practice-page .eyebrow{font:700 11px Arial;letter-spacing:2px;color:var(--hub-navy)}
#practice-message:empty{display:none}#practice-message{padding:14px 18px;background:#fff1e7;border:1px solid #e8b59b;border-radius:8px;line-height:1.5}
.practice-builder,.workbook-section,.practice-history{background:white;border:1px solid #e4e6e4;border-radius:10px;padding:24px;margin:20px 0;box-shadow:0 3px 15px #172c4508}.practice-builder>summary{cursor:pointer;font:700 25px var(--font-heading);color:var(--hub-navy)}.practice-builder>p,.worksheet-subtitle{font-size:14px;line-height:1.6;color:#50647b}
.practice-builder-top{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.practice-count{display:flex;align-items:center;gap:12px;font-weight:700}.practice-count select{font:inherit;padding:10px 14px;border:1px solid #b8c7d2;border-radius:7px;background:white;color:#193149}
.skill-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.skill-group{border:1px solid #dae2e7;border-radius:8px;padding:14px 12px;min-width:0;margin:0}.skill-group legend{font:700 20px var(--font-heading);color:var(--hub-navy);padding:0 6px}.skill-tile{display:flex!important;align-items:flex-start;gap:9px;padding:10px 8px;margin:4px 0!important;min-height:44px;border:1px solid transparent;border-radius:6px;font:13px/1.4 Arial;cursor:pointer}.skill-tile:has(:checked){background:var(--hub-tint);border-color:var(--hub-gold)}.skill-tile:hover{background:#f4f7f9}.skill-tile input{accent-color:var(--hub-navy);width:18px;height:18px;flex:none;margin:1px 0}.skill-tile small{display:block;color:#66798c;font-size:11px;margin-top:3px}
.mix-preview{font:14px/1.6 Arial;background:var(--hub-tint);border-radius:7px;padding:14px 16px;margin:18px 0}.mix-preview[data-invalid="true"]{background:#fff1e7;color:#923e2e}.mix-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.mix-chips span{font:12px/1.4 Arial;padding:7px 10px;border-radius:5px;background:var(--hub-tint);color:var(--hub-navy)}
.worksheet-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.worksheet-top h2,.practice-history h2{font:700 28px var(--font-heading);margin:0;color:var(--hub-navy)}.worksheet-top p{font-size:13px;color:#576c81;margin:7px 0}.workbook-summary{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.workbook-summary span{flex:1;min-width:120px;padding:12px 16px;background:#f5f7f9;border-radius:7px;font:12px/1.5 Arial;color:#49617c}.workbook-summary b{display:block;font-size:23px;color:var(--hub-navy)}
.worksheet-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:22px 0}.problem-tile{color:#193149;background:white;border:1px solid #ccd6df;border-radius:8px;text-align:left;padding:14px;cursor:pointer;min-width:0;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s}.problem-tile:hover,.problem-tile:focus-visible{outline:2px solid var(--hub-gold);outline-offset:2px;box-shadow:0 5px 16px #162f4912}.problem-tile[data-state="incorrect"]{border-color:#c07b70}.problem-tile[data-state="correct"],.problem-tile[data-state="corrected"]{border-color:#7fa791}.problem-tile-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 12px Arial}.problem-tile-top small{font-weight:400;color:#586c7e}.problem-tile .question-paper{border:0!important;border-radius:0;box-shadow:none;padding:2px!important;background:white!important;min-height:150px;justify-content:center}.problem-tile .paper-heading{display:none}.problem-tile .practice-worksheet{width:100%;pointer-events:none}.problem-tile .worksheet{margin:auto}.problem-tile .question-stage{height:100%}.problem-tile .visual-facts{max-width:100%;overflow:hidden}.problem-status{font:700 12px/1.5 Arial;min-height:20px;margin-top:auto}.problem-status .first-wrong{color:#a1372a}.problem-status .solved{color:#24714e}.problem-status .skipped{color:#6a6270}.problem-skill{font:11px/1.4 Arial;color:#54687b;margin:0}.worksheet-legend,.practice-save-note,.timing-note{font:12px/1.7 Arial;color:#596e80}.worksheet-legend{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #e5e9ed;padding-top:16px}
.practice-page .practice-worksheet[data-expanded="true"]{--navy:var(--hub-navy);width:calc(100vw - 48px);max-width:1500px;padding:22px;border-color:var(--hub-gold);box-shadow:0 22px 70px #102e5333}.practice-page .practice-card-toolbar{justify-content:flex-start;gap:12px}.practice-clock{font:700 16px Arial;color:var(--hub-navy);margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.practice-clock small{font-size:11px;font-weight:400;margin-left:8px}.practice-workspace-error{font:14px/1.5 Arial;color:#9d352a;background:#fff1e7;border-radius:6px;padding:10px 14px}.practice-workspace-error:empty{display:none}.practice-lightbulb{width:20px;height:20px;margin-right:6px;flex:none}.practice-next{margin-left:0}.practice-page button:disabled{cursor:not-allowed;opacity:.55}
.history-scroll{overflow-x:auto;margin:18px 0}.practice-history table{width:100%;min-width:600px;border-collapse:collapse;font:13px/1.5 Arial}.practice-history th{color:#4c6379;text-align:left;background:#f5f7f9}.practice-history td,.practice-history th{padding:12px;border-bottom:1px solid #e3e8ec;vertical-align:top}.practice-history td small{display:block;color:#64758a}.practice-history>details>summary{cursor:pointer;margin-top:14px;font-size:14px}.practice-page .hub-brand img{width:185px;height:auto;background:#fffdf8;padding:5px 8px;border-radius:4px}.practice-lock-note{padding:16px;background:#fff1e7;border-radius:7px;margin-bottom:20px}
@media(min-width:1400px){.worksheet-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-page .hub-plan-block{min-width:130px;padding:8px 20px}.practice-page .hub-identity{gap:20px}.practice-page .hub-avatar{width:100px;height:100px}}
@media(max-width:650px){.practice-page-main{width:94%;margin-top:14px}.practice-page .hub-site-header{padding:12px 3%;flex-wrap:wrap;gap:8px}.practice-page .hub-site-header nav{width:100%;justify-content:space-between;gap:0}.practice-page .hub-site-header nav a{padding:10px 7px;font-size:13px}.practice-page .hub-identity{padding:18px;gap:14px;flex-wrap:wrap}.practice-page .hub-avatar{width:85px;height:85px}.practice-page .hub-identity h2{font-size:29px}.practice-page .hub-identity p{font-size:14px}.practice-page .hub-plan-block{width:100%;border:0;border-top:1px solid #e1e7ea;padding:14px 0 0;display:flex;align-items:center;justify-content:space-between}.practice-page-heading{margin:24px 0;align-items:flex-start;flex-direction:column;gap:8px}.practice-page-heading h1{font-size:34px}.practice-page-heading p{font-size:14px}.practice-builder,.workbook-section,.practice-history{padding:16px}.skill-groups{grid-template-columns:1fr}.skill-group{padding:12px}.skill-tile{font-size:14px}.worksheet-top{align-items:flex-start;flex-direction:column}.worksheet-overview{grid-template-columns:1fr}.workbook-summary{gap:8px}.workbook-summary span{min-width:42%;padding:10px}.practice-page .practice-worksheet[data-expanded="true"]{width:calc(100vw - 12px);padding:10px}.practice-clock{margin-left:0;font-size:14px}.practice-clock small{font-size:10px}.practice-page .practice-card-toolbar{gap:6px}.practice-page .practice-card-toolbar button{font-size:12px;padding:8px}.practice-page .practice-pan-note{width:100%}.practice-page .practice-workspace-content[data-hint="true"]{gap:20px}.practice-page .practice-card-toolbar{background:#fffdf8}}

/* Compact, native toggle buttons. All chosen operations remain represented. */
.practice-operation-choices{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}.operation-choice,.skill-choice{font:600 13px/1.35 Arial;color:#354c64;background:#fff;border:1px solid #c6d1dc;border-radius:7px;min-height:42px;padding:10px 14px;cursor:pointer;text-align:left}.operation-choice{font-size:14px;min-width:130px;text-align:center}.operation-choice[aria-pressed="true"]{background:var(--hub-navy);border-color:var(--hub-navy);color:white}.skill-choice[aria-pressed="true"]{background:var(--hub-tint);border:2px solid var(--hub-gold);padding:9px 13px;color:var(--hub-navy)}.skill-choice[aria-pressed="true"]::before{content:'✓ ';font-weight:800}.operation-choice:focus-visible,.skill-choice:focus-visible{outline:3px solid var(--hub-gold);outline-offset:3px}.practice-page .skill-groups{display:flex;flex-direction:column;gap:18px}.practice-page .skill-group{border:0;border-top:1px solid #e3e8ec;border-radius:0;padding:12px 0 0}.practice-page .skill-group legend{font:700 18px var(--font-heading);padding:0 10px 0 0}.skill-buttons{display:flex;flex-wrap:wrap;gap:8px}.skill-choice{max-width:350px}.practice-page .practice-builder>p{max-width:850px}.practice-page .mix-preview{margin-bottom:0}
html:has(.practice-page){scrollbar-gutter:stable}html.practice-workspace-open{overflow:hidden}
.practice-flight{position:fixed!important;z-index:100!important;margin:0!important;padding:0!important;border:0!important;max-width:none!important;overflow:visible!important;pointer-events:none!important;transform-origin:0 0;will-change:transform;background:#fffdf8;border-radius:3px;box-shadow:0 12px 28px #102e532a;container-type:normal!important}.practice-flight>.worksheet,.practice-flight>.visual-facts{margin:0!important}.practice-flight-correct{outline:2px solid #2b895b;background:#effaf2}.practice-page [data-practice-motion] [aria-busy="true"]{cursor:wait}
@media(max-width:650px){.practice-operation-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.operation-choice{min-width:0;padding:10px 6px}.skill-choice{min-height:44px;font-size:12px;max-width:100%;flex:1 1 140px}.practice-page .skill-group{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.practice-page *, .practice-page *::before{scroll-behavior:auto!important;transition:none!important}.practice-flight{display:none!important}}

/* Full worksheet -> active workspace above a real miniature worksheet strip. */
.practice-page .hub-site-header{position:sticky;top:0;z-index:30}.practice-page .hub-site-header nav{flex-wrap:wrap;gap:6px}.practice-page .hub-site-header nav a{padding:10px 12px}
.practice-active-workspace{scroll-margin-top:105px}.practice-page .practice-worksheet[data-inline="true"]{position:relative;width:100%;max-width:none;max-height:none;inset:auto;margin:0;padding:18px;background:#fffdf8;border:1px solid #decda9;border-radius:10px;overflow:visible;box-shadow:0 6px 20px #102e5310}.practice-active-learner{font:700 20px var(--font-heading);margin-right:auto}.practice-page .practice-worksheet[data-inline="true"] .practice-card-toolbar{position:static;padding-bottom:8px}.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content[data-hint="true"]{grid-template-columns:minmax(560px,1.6fr) minmax(300px,1fr);min-width:900px}.practice-page .practice-worksheet[data-inline="true"] .question-stage{display:grid;grid-template-columns:minmax(250px,1fr) 235px;gap:18px;align-items:start}.practice-page .practice-worksheet[data-inline="true"] .question-controls{max-width:235px}.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:580px;overflow:auto}.practice-page .practice-worksheet[data-inline="true"] .question-paper{box-shadow:none}.practice-page .practice-worksheet[data-inline="true"] .whole-answer{font-size:12px}
.worksheet-strip-title{display:none}.practice-active #practice-identity,.practice-active .practice-back,.practice-active .practice-page-heading,.practice-active .practice-builder,.practice-active .practice-history{display:none!important}.practice-active .practice-page-main{margin-top:16px}.practice-active .workbook-section{padding:12px 16px;margin-top:12px}.practice-active .workbook-section>.worksheet-top,.practice-active .workbook-section>.mix-chips,.practice-active .workbook-section>.workbook-summary,.practice-active .workbook-section>.worksheet-subtitle,.practice-active .workbook-section>.worksheet-legend,.practice-active .workbook-section>.practice-save-note{display:none}.practice-active .worksheet-strip-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font:14px Arial;color:var(--hub-navy)}.practice-active .worksheet-strip-title button{min-height:34px!important;padding:7px 12px!important}.practice-active .worksheet-overview{display:flex;gap:10px;overflow-x:auto;overscroll-behavior:contain;margin:10px 0 0;padding:4px 3px 12px;scrollbar-width:thin;align-items:stretch}.practice-active .problem-tile{flex:0 0 132px;padding:8px;gap:5px;min-height:145px;border-radius:6px}.practice-active .problem-tile .question-paper{min-height:0;padding:2px!important}.practice-active .problem-tile .worksheet{zoom:.65}.practice-active .problem-tile .visual-facts{zoom:.65}.practice-active .problem-tile .problem-skill{display:none}.practice-active .problem-tile-top{font-size:10px}.practice-active .problem-tile-top small{display:none}.practice-active .problem-status{font-size:10px;min-height:24px}
@media(min-width:1100px){.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content:not([data-hint="true"]) .question-stage{max-width:900px;margin:auto;grid-template-columns:minmax(320px,1fr) 235px}.practice-page .practice-worksheet[data-inline="true"] .number-pad button{min-height:42px}.practice-page .practice-worksheet[data-inline="true"] .question-controls{gap:8px}}
@media(max-width:1099px){.practice-page .practice-worksheet[data-inline="true"] .question-stage{display:flex}.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content[data-hint="true"]{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);min-width:640px}.practice-page .practice-worksheet[data-inline="true"] .question-controls{max-width:320px}.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:calc(100dvh - 440px);min-height:260px}.practice-page .practice-worksheet[data-inline="true"] .practice-pan-note{display:block}.practice-active .workbook-section{padding:8px 10px}.practice-active .problem-tile{flex-basis:118px}}
@media(max-width:650px){.practice-page .hub-site-header{justify-content:center}.practice-page .hub-site-header nav{justify-content:center;gap:0}.practice-page .hub-site-header nav a{padding:7px 9px;font-size:12px}.practice-active .hub-brand img{width:135px!important}.practice-active-workspace{scroll-margin-top:150px}.practice-page .practice-worksheet[data-inline="true"]{padding:10px}.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:calc(100dvh - 410px);min-height:250px}.practice-active-learner{font-size:18px}.practice-active .practice-page-main{margin-top:8px}.practice-active .worksheet-strip-title{font-size:12px}.practice-active .problem-tile{flex-basis:116px}.practice-active .problem-tile .worksheet{zoom:.6}.practice-active .problem-tile .visual-facts{zoom:.6}}

.practice-active .problem-tile[aria-current="true"]{outline:2px solid var(--hub-gold);outline-offset:1px;background:var(--hub-tint)}
@media(max-width:1099px){.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:clamp(180px,calc(100dvh - 560px),500px);min-height:180px}}
@media(max-width:650px){.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:clamp(160px,calc(100dvh - 610px),500px);min-height:160px}}

/* Clip horizontal overflow without creating a second scroll container. */
html:has(.practice-page),body.practice-page{overflow-x:clip}

/* Every selected problem is visible in a wrapping overview, without a carousel. */
.problem-tile{position:relative;isolation:isolate}
.problem-tile::after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 110px/1 Arial;pointer-events:none;z-index:1;opacity:.14}
.problem-tile[data-state="correct"]::after,.problem-tile[data-state="corrected"]::after{content:'✓';color:#098547}
.problem-tile[data-state="incorrect"]::after{content:'✕';color:#d62b30}
.problem-tile[data-state="skipped"]::after{content:'—';color:#726679}
.practice-active .worksheet-overview{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;overflow:visible;align-items:stretch;margin:8px 0 0;padding:3px 2px}
.practice-active .problem-tile{width:100%;min-width:0;min-height:96px;height:96px;padding:5px;gap:3px;justify-content:flex-start}
.practice-active .problem-tile .practice-worksheet{height:58px;display:flex;align-items:center;justify-content:center}
.practice-active .problem-tile .question-stage,.practice-active .problem-tile .question-paper{width:100%;height:auto;min-height:0;margin:0!important;padding:0!important;gap:0}
.practice-active .problem-tile .worksheet{zoom:var(--practice-mini-scale,.5)}
.practice-active .problem-tile .visual-facts{zoom:.55;padding:0;gap:3px;overflow:visible}
.practice-active .problem-tile .question-paper>p{display:none}
.practice-active .problem-tile .problem-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.practice-active .problem-tile::after{font-size:64px;opacity:.17}
.practice-active .problem-tile[data-state="corrected"]::before{content:'1st ✕';position:absolute;bottom:3px;right:5px;font:700 10px Arial;color:#a1372a;z-index:2}
.practice-active .problem-tile[data-state="corrected"][data-first="skipped"]::before{content:'1st —';color:#6a6270}
@media(max-width:1099px){.practice-active .worksheet-overview{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){
 .practice-active .workbook-section{padding:6px 8px}
 .practice-active .worksheet-overview{gap:5px;margin-top:6px}
 .practice-active .problem-tile{height:72px;min-height:72px;padding:4px;gap:2px}
 .practice-active .problem-tile-top{font-size:9px;white-space:nowrap}
 .practice-active .problem-tile .practice-worksheet{height:40px}
 .practice-active .problem-tile .worksheet{zoom:var(--practice-phone-scale,.35)}
 .practice-active .problem-tile .visual-facts{zoom:.4}
 .practice-active .problem-tile::after{font-size:46px}
 .practice-active .problem-tile[data-state="corrected"]::before{font-size:8px;bottom:2px;right:3px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:clamp(150px,calc(100dvh - 684px),360px);min-height:150px}
}
@media(max-width:360px){.practice-active .worksheet-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}

.practice-active .problem-tile .visual-facts{zoom:var(--fact-mini-scale,.5);width:max-content;max-width:none;gap:4px;padding:0}
@media(max-width:650px){.practice-active .problem-tile .visual-facts{zoom:var(--fact-phone-scale,.35)}}

/* Annotation updates: existing motion, evidence and miniature overview are retained. */
.practice-page-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.practice-page .skill-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.practice-page .skill-group{border:1px solid var(--operation-color);border-top:4px solid var(--operation-color);border-radius:7px;background:color-mix(in srgb,var(--operation-color) 6%,white);padding:12px}
.practice-page .skill-group legend{color:var(--operation-color);padding:0 6px;font-size:18px}
.practice-page .skill-buttons{display:flex;flex-wrap:wrap;gap:6px}.practice-page .skill-choice{flex:1 1 120px;max-width:100%;font-size:12px;padding:7px 9px;min-height:44px}
.practice-page .skill-choice[aria-pressed="true"]{border-color:var(--operation-color);background:color-mix(in srgb,var(--operation-color) 13%,white);padding:6px 8px;color:#193149}
.practice-page .operation-choice{border-color:var(--operation-color);color:#193149;background:color-mix(in srgb,var(--operation-color) 9%,white)}
.practice-page .operation-choice[aria-pressed="true"]{background:var(--operation-color);color:white}
.practice-page:not(.practice-active) .worksheet-overview{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}
.practice-page:not(.practice-active) .problem-tile{height:155px;min-height:155px;padding:9px;gap:4px}
.practice-page:not(.practice-active) .problem-tile-top{font-size:11px;gap:4px}.practice-page:not(.practice-active) .problem-tile-top small{font-size:10px}
.practice-page:not(.practice-active) .problem-skill{font-size:10px;line-height:1.25;min-height:25px}.practice-page:not(.practice-active) .problem-status{font-size:10px;min-height:14px;margin:0}
.practice-page:not(.practice-active) .problem-tile .practice-worksheet{margin-top:auto;height:68px;display:flex;align-items:end;justify-content:center}
.practice-page:not(.practice-active) .problem-tile .question-paper{padding:0!important;min-height:0;background:white!important}
.practice-page:not(.practice-active) .problem-tile .worksheet{zoom:var(--practice-overview-scale,.6)}
.practice-page:not(.practice-active) .problem-tile .visual-facts{zoom:var(--fact-mini-scale,.5)}
.problem-tile .question-paper>p{display:none}
.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content:not([data-hint="true"]) .question-stage{max-width:none;margin:0;grid-template-columns:minmax(300px,1fr) 235px}
.practice-page .practice-worksheet[data-inline="true"] .question-paper{align-items:flex-start;justify-content:flex-start;padding:20pt;gap:20pt;border-radius:0;background-color:#fffdf8;background-image:linear-gradient(#d5dfe8 1px,transparent 1px),linear-gradient(90deg,#d5dfe8 1px,transparent 1px);background-size:20pt 20pt;background-position:-1px -1px}
.practice-page .practice-worksheet[data-inline="true"] .question-paper .worksheet{align-self:flex-start;margin:0;background:#fffdf8}
.practice-page .practice-worksheet[data-inline="true"] .paper-heading{width:100%;background:#fffdf8;padding:3px 5px;flex-wrap:wrap;gap:8px}
.practice-problem-tools{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;gap:10px;background:#fffdf8}
.practice-problem-tools .practice-clock{margin:0;font-size:14px}.practice-problem-tools .practice-clock small{display:block;font-size:10px;margin:4px 0 0}
.practice-page .practice-problem-tools .practice-hint-toggle{font-size:0;width:44px;height:44px;min-height:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
.practice-hint-toggle .practice-lightbulb{width:22px;height:22px;margin:0}
.practice-page .practice-question-actions{display:grid;grid-template-columns:minmax(0,1fr) 50%;gap:8px;width:100%;align-items:stretch}
.practice-page .practice-question-actions button{grid-column:auto!important;width:100%;min-width:0;margin:0!important;padding:8px 4px!important;font:600 12px/1.25 Arial!important;min-height:44px;white-space:normal}
.practice-page .practice-question-actions .practice-next{grid-column:2!important}
.practice-page .practice-keypad-toggle{width:100%;min-height:44px}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer{min-height:44px;background:#fffdf8;padding:0 5px;flex-wrap:wrap;gap:6px}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer input{width:calc(var(--answer-cells,3)*20pt);max-width:none;height:20pt;min-height:20pt;padding:0 2px;font:14pt/1 var(--font-body);border:1px solid #aab9c5;border-radius:0}
@media(max-width:1150px){.practice-page .skill-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.practice-page .skill-groups{grid-template-columns:1fr}.practice-page .practice-worksheet[data-inline="true"] .question-paper{padding:20pt;min-width:280px}.practice-page:not(.practice-active) .worksheet-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:360px;min-height:220px}}

/* Approved mobile containment and repeat-action fixes. Keep the signature grid unchanged. */
.practice-builder-bottom{display:none}
.practice-page .practice-worksheet[data-inline="true"] .question-paper>.practice-feedback{margin:0;width:100%}
@media(max-width:1099px){
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace{max-height:none;min-height:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-y:auto}
 .practice-page .practice-worksheet[data-inline="true"] .question-paper{padding:8px;gap:8px;min-width:0}
 .practice-page .practice-worksheet[data-inline="true"] .paper-heading{padding:2px 0;gap:4px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-adjacent-hint{padding:10px}
}
@media(min-width:651px) and (max-width:1099px){
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content:not([data-hint="true"]) .question-stage{display:grid;grid-template-columns:minmax(280px,1fr) 235px;gap:16px;align-items:start}
}
@media(max-width:650px){
 .practice-builder-bottom{display:block;margin-top:14px}.practice-builder-bottom .btn{width:100%;min-height:44px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content[data-hint="true"]{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(200cqi + 20px);min-width:0;gap:20px}
}

/* Approved toolbar, fixed shared-grid hint space, and fieldset controls. */
.practice-page .skill-groups{align-items:start}
.practice-page .skill-group legend{max-width:100%;padding:0 4px}
.practice-page .skill-group .operation-choice{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;margin:0;padding:6px 4px;border:0;border-radius:3px;background:transparent;color:var(--operation-color);font:700 18px/1.25 var(--font-heading);text-align:left}
.practice-page .skill-group .operation-choice::after{content:'⌄';font:700 18px Arial;margin-left:auto}
.practice-page .skill-group .operation-choice[aria-expanded="false"]::after{content:'›'}
.practice-page .skill-group[data-collapsed="true"]{padding-bottom:6px}
.practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools{min-height:44px;padding:0;margin:0 0 10px;background:transparent;gap:20px}
.practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .paper-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;width:auto;margin:0;padding:0;background:transparent}
.practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .practice-clock{min-width:110px}
.practice-page .practice-worksheet[data-inline="true"] .practice-pan-note{display:none;margin:0 0 8px}
.practice-page .practice-worksheet[data-inline="true"] .practice-workspace{container-type:inline-size;max-height:none;min-height:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-y:auto}
.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content,
.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content[data-hint="true"]{display:block;min-width:0;width:100%;gap:0}
.practice-page .practice-worksheet[data-inline="true"] .question-stage,
.practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content:not([data-hint="true"]) .question-stage{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:start;width:100%;max-width:none;margin:0}
.practice-page .practice-worksheet[data-inline="true"] .question-paper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(18 * 20pt + 2px);min-height:0;min-width:0;padding:0;gap:0;border:1px solid #decda9;border-radius:0;background-origin:content-box;background-position:0 0;align-items:stretch;justify-content:stretch}
.practice-page .practice-worksheet[data-inline="true"] .practice-problem-area{display:grid;grid-template-rows:var(--practice-math-height,160px) var(--practice-answer-height,calc(2 * 20pt)) calc(2 * 20pt);align-content:start;min-width:0;padding-top:max(0px,round(nearest,calc((18 * 20pt - var(--practice-math-height,160px) - var(--practice-answer-height,calc(2 * 20pt)) - 2 * 20pt)/2),20pt))}
.practice-page .practice-worksheet[data-inline="true"] .practice-equation{display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--practice-math-width,100%);margin-left:max(0px,round(nearest,calc((100% - var(--practice-math-width,100%))/2),20pt));justify-content:center;padding-top:0}
.practice-page .practice-worksheet[data-inline="true"] .practice-equation .worksheet{align-self:auto;margin:0;background:#fffdf8}
.practice-page .practice-worksheet[data-inline="true"] .practice-equation>p{margin:0;text-align:center;max-width:220px;font-size:13px}
.practice-page .practice-worksheet[data-inline="true"] .answer-entry{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:0;margin:0;width:var(--practice-math-width,calc(6 * 20pt));max-width:none;margin-left:max(0px,round(nearest,calc((100% - var(--practice-math-width,calc(6 * 20pt)))/2),20pt))}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer{display:flex;flex-direction:column;align-items:flex-end;justify-content:start;flex-wrap:nowrap;gap:0;min-height:0;height:calc(2 * 20pt);margin:0;padding:0;background:transparent;font:700 11px/20pt Arial}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer input{display:block;box-sizing:border-box;flex:none;width:calc(var(--answer-cells,3) * 20pt);height:20pt;min-height:20pt;max-height:20pt;margin:0;padding:0 2px;border:1px solid #aab9c5;border-radius:0;font:14pt/1 var(--font-body);outline-offset:-2px;box-shadow:none}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer input:focus{outline:2px solid #287abc;outline-offset:-2px;box-shadow:none}
.practice-page .practice-worksheet[data-inline="true"] .practice-feedback-slot{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px}
.practice-page .practice-worksheet[data-inline="true"] .practice-feedback-slot .practice-feedback{margin:0;font-size:13px;background:#fffdf8}
.practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve{min-width:0;height:100%;padding:10pt}
.practice-page .practice-worksheet[data-inline="true"] .practice-adjacent-hint{width:100%;max-height:100%;margin:0;padding:12px;overflow:auto;overscroll-behavior-y:auto}
.practice-page .practice-worksheet[data-inline="true"] .question-controls{align-self:start}
@media(max-width:1099px){
 .practice-page .practice-worksheet[data-inline="true"] .question-stage,
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content:not([data-hint="true"]) .question-stage{grid-template-columns:minmax(0,1fr);gap:12px}
 .practice-page .practice-worksheet[data-inline="true"] .question-controls{width:calc(50% - 10px);max-width:320px;margin:0;justify-self:start}
}
@media(max-width:650px){
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content,
 .practice-page .practice-worksheet[data-inline="true"] .practice-workspace-content[data-hint="true"]{width:200cqi;min-width:0}
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px 8px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .practice-clock{grid-column:1;grid-row:1;min-width:0;font-size:13px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-clock small{display:inline;margin:0 0 0 6px;font-size:10px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .paper-heading{grid-column:1;grid-row:2;gap:6px;font-size:11px;white-space:nowrap}
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .practice-hint-toggle{grid-column:2;grid-row:1 / 3}
 .practice-page .practice-worksheet[data-inline="true"] .practice-pan-note{display:block}
 .practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve{padding:8px}
 .practice-page .practice-worksheet[data-inline="true"] .practice-adjacent-hint{padding:10px}
 .practice-page .practice-worksheet[data-inline="true"] .question-controls{width:calc(100cqi - 1px);max-width:none}
}


.practice-page .skill-group .operation-selected-count{font:700 11px/20px Arial;min-width:20px;flex:none;text-align:center;border-radius:10px;background:color-mix(in srgb,var(--operation-color) 13%,white)}


/* The hint control belongs to the grid; the timer and heading remain above it. */
.practice-page .practice-worksheet[data-inline="true"] .question-paper{position:relative}
.practice-page .practice-worksheet[data-inline="true"] .question-paper>.practice-hint-toggle{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:40pt;height:40pt;min-height:40pt;padding:10px;margin:0;border:0;border-radius:0;background:#fffdf8;color:#d7aa3f;font-size:0}
.practice-page .practice-worksheet[data-inline="true"] .question-paper>.practice-hint-toggle .practice-lightbulb{width:25px;height:25px;fill:#fff0bc;stroke:currentColor}
.practice-page .practice-worksheet[data-inline="true"] .question-paper>.practice-hint-toggle:focus-visible{outline:2px solid #b8871e;outline-offset:-3px}
.practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve{padding-top:calc(40pt + 8px)}
.practice-page .practice-worksheet[data-inline="true"] .answer-entry.practice-division-answer{width:var(--division-answer-width);flex-direction:row;align-items:flex-end;justify-content:flex-start;margin-left:max(0px,round(nearest,calc((100% - var(--division-answer-width))/2),20pt))}
.practice-page .practice-worksheet[data-inline="true"] .practice-division-answer .division-remainder-label{display:grid;grid-template-columns:20pt auto;grid-template-rows:20pt 20pt;padding:0;height:40pt;gap:0}
@media(max-width:650px){
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools{grid-template-columns:minmax(0,1fr)}
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .practice-clock,
 .practice-page .practice-worksheet[data-inline="true"] .practice-problem-tools .paper-heading{grid-column:1}
}


.practice-page .practice-worksheet[data-inline="true"] .question-paper{grid-template-rows:minmax(0,1fr)}
.practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve{min-height:0}
.practice-page .practice-worksheet[data-inline="true"] .practice-adjacent-hint[data-hint-kind="long-division"]{height:100%;max-height:396px;padding:8px;overflow:hidden}

/* Whole-cell hint origin: the same paper grid, with no independently scaled card. */
.practice-page .practice-worksheet[data-inline="true"] .question-paper{grid-template-columns:round(down,50%,20pt) minmax(0,1fr);--practice-math-top:max(0px,round(nearest,calc((18 * 20pt - var(--practice-math-height,160px) - 4 * 20pt)/2),20pt))}
.practice-page .practice-worksheet[data-inline="true"] .practice-problem-area{padding-top:var(--practice-math-top)}
.practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve{position:relative}
.practice-page .practice-worksheet[data-inline="true"] .practice-adjacent-hint[data-hint-kind="long-division"]{position:relative;display:block;height:calc(18 * 20pt);max-height:none;width:100%;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.practice-page .practice-worksheet[data-inline="true"] .visual-hint[data-hint-kind="long-division"]>.hint-step-count{position:absolute;top:0;left:20pt;right:40pt;height:20pt;font:11px/20pt Arial;white-space:nowrap}
.practice-page .practice-worksheet[data-inline="true"] .long-division-stage{position:absolute;top:var(--practice-math-top);left:max(0px,round(nearest,calc((100% - var(--division-columns) * 20pt)/2),20pt));display:block;width:calc(var(--division-columns) * 20pt);height:calc(var(--division-rows) * 20pt)}
.practice-page .practice-worksheet[data-inline="true"] .long-division-diagram{width:calc(var(--division-columns) * 20pt);height:calc(var(--division-rows) * 20pt);max-width:none;max-height:none}
.practice-page .practice-worksheet[data-inline="true"] .division-move-caption{position:absolute;top:calc(14 * 20pt);left:0;right:0;height:40pt;background:#fffdf8eb}
.practice-page .practice-worksheet[data-inline="true"] .visual-hint[data-hint-kind="long-division"]>.hint-step-actions{position:absolute;top:calc(16 * 20pt);left:0;right:0;height:40pt;gap:0}
.practice-page .practice-worksheet[data-inline="true"] .visual-hint[data-hint-kind="long-division"]>.hint-step-actions button{height:40pt;border-radius:0;background:#fffdf8}
/* Addition/multiplication controls stay below a fixed mathematical stage. */
.practice-page .practice-worksheet[data-inline="true"] .hint-animation{margin-top:40pt;height:calc(16 * 20pt);max-height:none;padding:0 8px;border:0;background:#fffdf8ed;border-radius:0;overflow:hidden}

.practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve:has(>.hint-animation),.practice-page .practice-worksheet[data-inline="true"] .practice-hint-reserve:has(>[data-hint-kind="long-division"]){padding:0}

/* A rounded grid split can exceed one phone viewport by a fraction of a cell. */
.practice-page .practice-worksheet[data-inline="true"] .hint-animation{width:min(100%,calc(100cqi - 2px));margin-left:auto}

/* Multiplication is drawn on the paper's cell lattice, like long division. */
.practice-page .practice-worksheet[data-inline="true"]:is([data-practice-operation="addition"],[data-practice-operation="subtraction"],[data-practice-operation="multiplication"],[data-practice-operation="division"]) .question-stage{min-width:calc(var(--multiplication-min-paper-width) + 253px)}
.practice-page .practice-worksheet[data-inline="true"]:is([data-practice-operation="addition"],[data-practice-operation="subtraction"],[data-practice-operation="multiplication"],[data-practice-operation="division"]) .question-paper{height:calc(var(--multiplication-paper-rows,18) * 20pt + 2px)}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]){position:relative;display:block;width:round(down,calc(100% + .1px),20pt);height:calc(var(--multiplication-paper-rows,18) * 20pt);max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;--multiplication-controls-width:round(down,min(100%,100cqi),40pt);--multiplication-controls-left:round(nearest,calc(100% - var(--multiplication-controls-width)),20pt);--multiplication-caption-row:calc(var(--multiplication-paper-rows,18) - 7);--multiplication-content-width:max(calc(var(--multiplication-diagram-columns) * 20pt),round(nearest,min(100%,round(down,100cqi,20pt)),20pt));--multiplication-content-left:max(0px,round(nearest,calc(100% - var(--multiplication-content-width)),20pt))}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"])>.hint-step-count{position:absolute;top:0;left:var(--multiplication-controls-left);width:var(--multiplication-controls-width);height:20pt;margin:0;padding:0;font:11px/20pt Arial;white-space:nowrap}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"])>.hint-animation-stage{position:absolute;display:block;left:calc(var(--multiplication-content-left) + max(0px,round(nearest,calc((var(--multiplication-content-width) - var(--multiplication-diagram-columns) * 20pt)/2),20pt)));top:max(40pt,min(var(--practice-math-top),calc((var(--multiplication-caption-row) - var(--multiplication-diagram-rows)) * 20pt)));width:calc(var(--multiplication-diagram-columns) * 20pt);height:calc(var(--multiplication-diagram-rows) * 20pt);padding:0;margin:0;overflow:visible}
.practice-page .practice-worksheet[data-inline="true"] .multiplication-grid-diagram{display:block;width:calc(var(--multiplication-diagram-columns) * 20pt);height:calc(var(--multiplication-diagram-rows) * 20pt);max-width:none;max-height:none;overflow:visible}
.multiplication-grid-diagram .multiplication-digit{font:14pt Arial;fill:#193149}
.multiplication-grid-diagram .multiplication-boundary{stroke:#7895ae;stroke-width:1;fill:none}
.multiplication-grid-diagram .multiplication-group{stroke:#7895ae;stroke-width:1;fill:none}
.multiplication-grid-diagram .multiplication-active{fill:#f6d97f;fill-opacity:.45}
.multiplication-grid-diagram .multiplication-counter{fill:#193149;stroke:none}
.multiplication-grid-diagram .multiplication-counter.pending{fill:none;stroke:#8c9ead;stroke-width:1;opacity:1}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"])>.hint-animation-caption{position:absolute;top:calc(var(--multiplication-caption-row) * 20pt);left:var(--multiplication-controls-left);width:var(--multiplication-controls-width);height:40pt;padding:0;background:transparent}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"])>.hint-timeline-label{position:absolute;display:grid;grid-template-rows:20pt 40pt;top:calc((var(--multiplication-caption-row) + 2) * 20pt);left:var(--multiplication-controls-left);width:var(--multiplication-controls-width);height:60pt;padding:0;margin:0;line-height:20pt;--multiplication-timeline-step:round(down,calc((var(--multiplication-controls-width) - 20pt) / (var(--multiplication-frame-count) - 1)),20pt);--multiplication-timeline-width:calc((var(--multiplication-frame-count) - 1) * var(--multiplication-timeline-step) + 20pt)}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-timeline{appearance:none;width:100%;height:40pt!important;min-height:40pt!important;padding:0;margin:0;align-self:start;outline-offset:0;background:transparent}
.hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-timeline::-webkit-slider-runnable-track{height:2px;background:#b8871e}
.hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-timeline::-webkit-slider-thumb{appearance:none;width:20pt;height:20pt;margin-top:calc(1px - 10pt);border:1px solid #8e6412;border-radius:50%;background:#d7aa3f}
.hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-timeline::-moz-range-track{height:2px;background:#b8871e}
.hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-timeline::-moz-range-thumb{box-sizing:border-box;width:20pt;height:20pt;border:1px solid #8e6412;border-radius:50%;background:#d7aa3f}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"])>.hint-playback-actions{position:absolute;top:calc((var(--multiplication-paper-rows,18) - 2) * 20pt);left:var(--multiplication-controls-left);width:var(--multiplication-controls-width);height:40pt;gap:0}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-playback-actions>button{padding:0!important;border-radius:0;background:#fffdf8}
@media(max-width:1099px){.practice-page .practice-worksheet[data-inline="true"]:is([data-practice-operation="addition"],[data-practice-operation="subtraction"],[data-practice-operation="multiplication"],[data-practice-operation="division"]) .question-stage{min-width:var(--multiplication-min-paper-width)}}

/* Shared grid annotations and a continuously positioned native playhead. */
.hint-borrow-value{font:12pt Arial;fill:#8e6412}.hint-borrow-strike{stroke:#a15b4d;stroke-width:1.2}.hint-subtraction-rule{stroke:#c97467;stroke-width:1.5}.hint-counter-cross{fill:none;stroke:#a15b4d;stroke-width:1.8}.hint-counter-removed{fill:#8c9ead!important}.hint-next-outline{fill:none;stroke:#b8871e;stroke-width:1.5}.hint-transition-cue{pointer-events:none}.hint-animation .hint-timeline{touch-action:none}

.hint-timeline-scene .hint-borrow-value{font:12pt Arial;fill:#8e6412}

/* Keep action and selection geometry stable while state and optional tools change. */
.practice-page .practice-action-placeholder{visibility:hidden;pointer-events:none}
.practice-page .practice-builder>summary{line-height:1.25}
.practice-page .practice-active-learner{line-height:1.25}
.practice-page .skill-group legend{width:100%}
.practice-page .skill-group .operation-choice{display:grid;grid-template-columns:minmax(0,1fr) 20px 14px;width:100%;line-height:1.25}
.practice-page .operation-choice-label{display:flex;align-items:center;min-height:2.5em;min-width:0;overflow-wrap:anywhere}
.practice-page .skill-group .operation-choice::after{display:block;width:14px;height:22px;line-height:22px;text-align:center;margin:0}
.practice-page .operation-selected-count[data-empty="true"]{visibility:hidden}
.practice-page .skill-choice,.practice-page .skill-choice[aria-pressed="true"]{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:5px;align-items:center;border-width:2px;padding:6px 8px}
.practice-page .skill-choice::before,.practice-page .skill-choice[aria-pressed="true"]::before{content:'✓';font-weight:800;opacity:0}
.practice-page .skill-choice[aria-pressed="true"]::before{opacity:1}

/* Resting text and icon boxes share the paper origin and whole-cell spans. */
.practice-page .practice-worksheet[data-inline="true"] .question-paper>.practice-hint-toggle{left:calc(round(down,100%,var(--practice-grid-unit)) - 2 * var(--practice-grid-unit));right:auto;width:calc(2 * var(--practice-grid-unit));height:calc(2 * var(--practice-grid-unit));min-height:0;padding:0;background:transparent;box-shadow:none}
.practice-page .practice-worksheet[data-inline="true"] .question-paper>.practice-hint-toggle .practice-lightbulb{width:var(--practice-grid-unit);height:var(--practice-grid-unit);fill:none;stroke:var(--gold,#d6b367);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation>.hint-step-count{display:flex;align-items:center;justify-content:center;width:calc(var(--multiplication-controls-width) - 2 * var(--practice-grid-unit))!important;text-align:center;line-height:var(--practice-grid-unit)}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation>.hint-animation-caption{display:block;height:calc(3 * var(--practice-grid-unit))!important;line-height:var(--practice-grid-unit)!important;text-align:center;overflow-wrap:normal}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation>.hint-timeline-description{position:absolute;top:calc((var(--multiplication-caption-row) + 3) * var(--practice-grid-unit));left:var(--multiplication-controls-left);width:var(--multiplication-controls-width);height:var(--practice-grid-unit)}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"])>.hint-playback-actions{top:calc((var(--multiplication-caption-row) + 4) * var(--practice-grid-unit));height:calc(3 * var(--practice-grid-unit))}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-playback-actions>button{background:transparent}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation:is([data-hint-operation="addition"],[data-hint-operation="subtraction"],[data-hint-operation="multiplication"],[data-hint-operation="division"]) .hint-playback-actions .hint-timeline{height:calc(3 * var(--practice-grid-unit))!important;min-height:0!important}
.practice-page .practice-worksheet[data-inline="true"] .hint-animation .hint-timeline-label{grid-template-rows:none;line-height:var(--practice-grid-unit)}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer{text-align:center}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer input{text-align:center}
.practice-page .practice-worksheet[data-inline="true"] .division-remainder-marker{display:flex;align-items:center;justify-content:center;line-height:1}
.practice-page .practice-worksheet[data-inline="true"] .whole-answer:not(.division-remainder-label){position:relative;padding-top:var(--practice-grid-unit);box-sizing:border-box}
.practice-page .practice-worksheet[data-inline="true"] .practice-grid-answer-label{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:calc(var(--label-cells) * var(--practice-grid-unit));height:var(--practice-grid-unit);line-height:1;white-space:nowrap}
