.al-lab{--accent:#245de1}.al-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.al-buttons .button{min-height:48px;font-size:1rem;white-space:normal}.al-lab>.al-buttons{margin-bottom:1.5rem}.al-lab .controls .al-buttons{flex-direction:column}.al-facts{display:block;font-size:1rem;line-height:1.6}.al-facts dl{margin:1rem 0}.al-facts dl>div{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,2fr);gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.al-facts dt{color:var(--muted);font-size:.875rem}.al-facts dd{margin:0;overflow-x:auto;min-width:0}.al-result{font-size:1.125rem;line-height:1.6;margin:1rem 0}.al-plot text{fill:var(--ink);font:18px sans-serif}.al-lab .related-topics{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.al-lab .related-topics a{min-height:44px;display:flex;align-items:center;text-decoration:underline}.subject.alevel{--accent:#245de1;border-color:#245de1}.selection.alevel .topic-art{background:white}.al-course-note{font-size:1rem;line-height:1.6;color:var(--muted);margin:-1.5rem 0 2rem}
.al-manipulator-help{font-size:1rem;line-height:1.6;margin:0 0 .75rem}.al-keyboard-help{color:var(--muted);font-size:.875rem;line-height:1.6;margin:.5rem 0 1rem}.al-lab .diagram-scroll .al-plot{min-width:0;aspect-ratio:700/620}.al-lab .diagram-scroll-help{display:none}.al-lab .diagram-scroll .al-plot text{font-size:22px}.al-lab .diagram-scroll .al-plot .al-handle-label{font-size:28px;font-weight:600;paint-order:stroke;stroke:white;stroke-width:6px;stroke-linejoin:round}.al-lab .diagram-scroll .al-plot .al-rise-run{font-size:22px;paint-order:stroke;stroke:white;stroke-width:5px;stroke-linejoin:round}.al-handle{cursor:grab;touch-action:none;outline:none}.al-handle text{pointer-events:none}.al-handle:hover .al-focus-ring{fill:var(--handle-colour);fill-opacity:.15;stroke-width:4}.al-handle:focus-visible .al-focus-ring{stroke:var(--ink);stroke-width:5;stroke-dasharray:5 3}.al-dragging,.al-dragging .al-handle{cursor:grabbing}.al-lab .diagram-scroll .al-handle{touch-action:none}
@media(max-width:720px){.al-lab .workspace{display:flex;flex-direction:column;gap:1.5rem}.al-lab .controls{border-top:1px solid var(--line);border-left:0;padding:1.25rem 0 0}.al-facts dl>div{grid-template-columns:minmax(0,1fr);gap:.25rem}.al-buttons .button{flex:1 1 8rem}.al-lab .diagram-scroll .al-plot text{font-size:30px}.al-lab .diagram-scroll .al-plot .al-handle-label{font-size:34px}.al-lab .diagram-scroll .al-plot .al-rise-run{font-size:30px}}
@media(forced-colors:active){.al-handle .al-focus-ring{fill:Canvas;stroke:ButtonText}.al-handle .al-knob{fill:ButtonText;stroke:Canvas}.al-handle:focus-visible .al-focus-ring{stroke:Highlight}.al-lab .diagram-scroll .al-plot .al-handle-label,.al-lab .diagram-scroll .al-plot .al-rise-run{stroke:Canvas}}