.method-picker{border-block:1px solid var(--divider);margin-block:1rem}.method-picker>summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:.85rem;font-size:.9rem;display:flex}.method-picker>summary>span:last-child{text-underline-offset:.25em;text-decoration:underline}.method-picker fieldset{border:0;min-width:0;margin:0;padding:.25rem 0 1rem}.method-picker legend{font-weight:600}.method-question-note,.method-reason{margin-block:.5rem;font-size:.875rem;line-height:1.6}.method-options{gap:.5rem;display:grid}.method-options label{border:1px solid var(--divider);cursor:pointer;border-radius:.5rem;gap:.65rem;padding:.75rem;display:flex}.method-options label.selected{border-color:var(--accent)}.method-options input{accent-color:var(--accent);align-self:start;margin-top:.25rem}.method-options small{margin-top:.2rem;font-size:.75rem;display:block}.method-options label:has(input:disabled){opacity:.65;cursor:default}.method-comparison{border-block:1px solid var(--divider);margin-block:1.5rem;padding-block:1rem}.method-comparison>summary{cursor:pointer;font-weight:600}.method-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-block:1rem;display:grid}.method-comparison-grid section{min-width:0}.method-comparison-grid h3{margin-block:.5rem;font-size:1rem}.method-comparison-grid ol{padding-left:1.25rem}.method-comparison-grid li{padding-block:.65rem;font-size:.875rem}.method-comparison-grid .math-expression{max-width:100%;overflow-x:auto}.method-comparison-grid details>summary{cursor:pointer;margin-block:.4rem}.method-comparison-grid p{line-height:1.6}@media (width<=650px){.method-comparison-grid{grid-template-columns:1fr}}@layer components{.context-data{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8rem}.context-data caption{text-align:left;padding:12px 0;font-weight:600}.context-data th,.context-data td{border-bottom:1px solid var(--divider);text-align:left;overflow-wrap:anywhere;padding:10px 6px}.context-data td{font-variant-numeric:tabular-nums;text-align:center}.context-figure{margin:16px 0}.context-figure svg{width:100%;max-height:320px;font-size:11px;display:block}.context-figure figcaption{color:var(--muted);font-size:.7rem;line-height:1.6}}.learning-visual{--visual-blue:#477aa8;border:1px solid var(--divider);background:var(--surface);border-radius:18px;min-width:0;margin:1.25rem 0;padding:1.1rem}.learning-visual>header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.8rem;display:flex}.visual-state,.visual-note{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.learning-plot,.learning-visual figure>svg,.school-visual svg,.solid-section svg,.choice-diagram svg{width:100%;max-width:410px;height:auto;margin:0 auto;font-family:inherit;display:block}.learning-plot text,.learning-visual svg:not(.learning-plot) text,.school-visual text,.solid-section text,.choice-diagram text{fill:var(--ink);font-size:12px}.plot-grid path{stroke:var(--divider);stroke-width:.6px}.plot-grid text{fill:var(--muted);font-size:10px}.plot-axis{stroke:var(--ink);stroke-width:1px}.plot-segment{stroke:var(--visual-blue);stroke-width:2px;fill:none}.plot-curve{stroke:var(--accent);stroke-width:2.5px;fill:none}.plot-focus{stroke:var(--muted);stroke-dasharray:3 5}.plot-point-label{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round;font-size:10px!important}.visual-legend{flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem;display:flex}.visual-legend span{align-items:center;gap:.4rem;display:flex}.visual-swatch{border-top:3px solid var(--accent);width:18px}.swatch-1{border-color:var(--visual-blue)}.swatch-2{border-color:var(--muted)}.visual-swatch.dashed{border-top-style:dashed}.visual-caption,.school-visual figcaption,.solid-section figcaption,.choice-diagram figcaption{overflow-wrap:anywhere;color:var(--ink);margin:.7rem 0 0;font-size:.9rem;line-height:1.5}.learning-visual figure{margin:0}.visual-saved{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:8px;margin-top:.8rem;padding:.7rem .8rem}.visual-saved>span{font-size:.8rem}.visual-saved .math-display{margin:.3rem 0}.visual-flow h4{margin:.3rem 0 .8rem;font-size:1rem}.visual-flow-data{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.8rem;display:grid}.visual-flow-data figure{background:var(--subtle);border-radius:10px;min-width:0;padding:.6rem}.visual-flow-data figcaption,.visual-matrices figcaption{color:var(--muted);font-size:.8rem}.visual-flow-target{border-left:3px solid var(--accent);gap:.3rem;margin-top:.8rem;padding:.7rem;font-size:.85rem;display:grid}.visual-flow-target>span{color:var(--muted)}.visual-matrices{flex-wrap:wrap;gap:1rem;display:flex}.visual-matrices figure{flex:1;min-width:150px}.visual-matrix{border-left:2px solid var(--ink);border-right:2px solid var(--ink);gap:3px;margin-top:.4rem;padding:.4rem;display:grid}.visual-cell{text-align:center;border-radius:4px;min-width:0;padding:.4rem}.visual-cell.active{background:var(--accent-soft);outline:1px solid var(--accent)}.visual-cell .math-display{margin:0;font-size:1rem}.solid-face-list{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.solid-face-list>div{flex:1;align-content:start;gap:.3rem;min-width:95px;max-width:170px;font-size:.8rem;display:grid}.solid-face-list svg{width:100%;height:65px;fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px}.factor-strips{gap:.7rem;display:grid}.factor-strip{background:var(--subtle);border-radius:10px;padding:.7rem;font-size:.8rem}.factor-strip>div{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.factor-strip>div>span{align-items:center;gap:.3rem;display:flex}.factor-strip .math-display{margin:0}.factor-strip b{color:var(--muted);font-weight:400}.reciprocal-picture{text-align:center;max-width:250px;margin:.8rem auto;font-size:.85rem}.reciprocal-picture>span:first-child{font-size:1.4rem}.reciprocal-picture hr{border:0;border-top:1px solid var(--ink)}.factor-visual figcaption{margin-top:.7rem;font-size:.9rem}[data-theme=dark] .learning-visual{--visual-blue:#8bb9e2}@media (width<=600px){.learning-visual{padding:.8rem}.visual-state{max-width:100%}}@media (prefers-reduced-motion:no-preference){.visual-saved{animation:.25s ease-out visual-arrive}@keyframes visual-arrive{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}.concept-data-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;min-width:0;display:grid}.concept-data-grid figure{border:1px solid var(--divider);border-radius:.5rem;min-width:0;margin:0;padding:.75rem}.concept-data-grid figcaption{color:var(--muted);margin-bottom:.5rem;font-size:.875rem}.concept-data-grid .math-block{overflow-x:auto}