.axis-angle-lab .lesson-control output{font:500 .875rem/1.5 var(--font-technical)}.axis-angle-lab .axis-angle-lab__note{color:var(--color-text-muted);margin-block:1rem;font-size:.8125rem}.axis-angle-lab .axis-angle-lab__error{border-left:3px solid var(--lesson-accent);color:var(--color-ink);margin-block:1rem;padding:.75rem 1rem}.axis-angle-lab .axis-angle-lab__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin-block:1.5rem;padding:0;font-size:.8125rem;list-style:none;display:grid}.axis-angle-lab__legend li{align-items:center;gap:.6rem;display:flex}.axis-angle-lab__swatch{border-top:3px solid;flex-shrink:0;width:1.8rem;display:inline-block}.axis-angle-lab__axis{stroke:var(--lesson-blue);stroke-width:2px;stroke-dasharray:10 6;border-color:var(--lesson-blue);border-top-style:dashed}.axis-angle-lab__input{stroke:var(--color-text-muted);stroke-width:1.5px;stroke-dasharray:2 5}.axis-angle-lab__parallel{stroke:var(--lesson-green);stroke-width:3px;border-color:var(--lesson-green)}.axis-angle-lab__cosine{stroke:var(--color-ink);stroke-width:3px;stroke-dasharray:4 4;border-color:var(--color-ink);border-top-style:dashed}.axis-angle-lab__cross{stroke:var(--lesson-accent);stroke-width:3px;border-color:var(--lesson-accent)}.axis-angle-lab__plots{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.axis-angle-lab .lesson-plot{min-width:0;margin:0}.axis-angle-lab .axis-angle-lab__plot-title{color:var(--color-ink);font-size:1rem;font-weight:550}.axis-angle-lab svg text{fill:var(--color-text-muted);font-size:18px}.axis-angle-lab .lesson-plot figcaption{padding:.75rem 0}.axis-angle-lab .lesson-readouts dt{font-size:.75rem}.axis-angle-lab .lesson-readouts dd{font-size:1rem}.axis-angle-lab__matrix-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1.5rem;margin-block:1.5rem;display:grid}.axis-angle-lab .axis-angle-lab__matrix{table-layout:fixed;border-inline:2px solid var(--color-ink);width:100%;max-width:20rem;margin:0}.axis-angle-lab__matrix caption{text-align:left;color:var(--color-ink);padding-bottom:.5rem;font-size:.875rem}.axis-angle-lab .axis-angle-lab__matrix td{text-align:center;font:500 .8125rem/1.5 var(--font-technical);border:0;padding:.35rem .1rem}@media (max-width:48rem){.axis-angle-lab__plots{grid-template-columns:1fr}}@media (max-width:40rem){.axis-angle-lab__matrix-area,.axis-angle-lab .axis-angle-lab__legend,.axis-angle-lab .lesson-readouts{grid-template-columns:1fr}}