.math-practice-filters { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 12px; margin: 18px 0; padding: 14px; border: 1px solid #c5d5e9; border-radius: 10px; background: #f4f7fc; }
.math-practice-filters label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; min-width: 0; }
.math-practice-filters select { font: inherit; padding: 8px; width: 100%; border: 1px solid #b5c7df; border-radius: 6px; background: #fff; color: #254264; }
.math-hint { border-left: 3px solid #285caf; background: #edf3fd; padding: 12px 15px; line-height: 1.65; }
.math-recall-kind { display: block; color: #285caf; font-size: 13px; margin-bottom: 12px; text-transform: capitalize; }
.math-recall-figure { max-width: 440px; width: 100%; margin: 12px auto; }
.math-recall-figure:empty { display: none; }
.math-recall-figure svg { display: block; width: 100%; height: auto; max-height: 260px; }
.math-self-review { margin-top: 14px; }
.math-self-review summary { cursor: pointer; font-weight: 600; }
.math-self-review .self-review { display: flex; align-items: flex-start; gap: 9px; line-height: 1.6; margin: 9px 0; }
.math-practice-empty { padding: 20px; border: 1px solid #c5d5e9; border-radius: 8px; }
.later-explorer { margin-top: 18px; border-top: 2px solid #b9cbe4; padding-top: 15px; }
.later-explorer label { display: block; font-weight: 600; line-height: 1.5; }
.later-explorer output { color: #285caf; font-variant-numeric: tabular-nums; margin-left: 6px; }
.later-explorer input[type=range] { display: block; width: 100%; min-height: 36px; accent-color: #285caf; }
.later-explorer figure { margin: 8px 0 0; }
.later-plot { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.later-explorer svg { display: block; width: 100%; min-width: 440px; height: auto; }
.later-explorer figcaption { line-height: 1.6; margin-top: 8px; font-size: 0.95rem; }
@media(max-width:600px) { .math-practice-filters { grid-template-columns: 1fr; } }

.later-explorer{margin-top:0;padding-top:0;border-top:0}.later-explorer .later-plot{min-width:0}.later-explorer svg{min-width:0}.later-explorer .explorer-panel{margin-top:0}.later-explorer .explorer-frame{margin:0}
@media(max-width:480px){.later-explorer svg{min-width:360px}}
.later-explorer svg{max-height:340px}.later-explorer[data-later="right"] svg{min-width:0}