.axis-explorer{margin:32px 0;padding:24px 0;border-block:1px solid var(--line2,#ffffff2b);color:var(--text,#f2f5f9)}
.axis-explorer [hidden]{display:none!important}
.axis-explorer fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
.axis-explorer legend{font-weight:700;margin-bottom:12px}
.axis-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;align-items:end}
.axis-explorer select{width:100%;min-width:0}
.axis-explorer label{display:grid;gap:8px;min-width:0}
.axis-explorer select,.axis-explorer button{min-height:44px;max-width:100%;box-sizing:border-box;background:var(--panel2,#171c24);color:var(--text,#f2f5f9);border:1px solid var(--line2,#ffffff2b);border-radius:14px;padding:9px 12px;font:inherit;cursor:pointer}
.axis-explorer input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--red,#e11d2e);cursor:pointer}
.axis-explorer button:hover{border-color:var(--body,#c3cad6)}
.axis-explorer button:active{background:var(--panel,#11151c)}
.axis-explorer :focus-visible{outline:2px solid var(--text,#f2f5f9);outline-offset:4px}
.axis-explorer ::selection{background:#e11d2e;color:#fff}
.axis-explorer output{display:block;margin:12px 0;font-variant-numeric:tabular-nums}
.axis-explorer figure{margin:20px 0}
.axis-explorer svg{display:block;width:100%;max-width:480px;height:auto;margin:auto;color:var(--text,#f2f5f9)}
.axis-explorer svg text{fill:currentColor;font:600 14px "Segoe UI",sans-serif}
.axis-reference{fill:none;stroke:var(--muted,#98a2b8);stroke-dasharray:5 5;stroke-width:1.5}
.axis-body{fill:var(--panel2,#171c24);stroke:var(--body,#c3cad6);stroke-width:2}
.axis-nose{stroke:currentColor;stroke-width:3}
.axis-channel{stroke:var(--red,#e11d2e);stroke-width:3;color:var(--red,#e11d2e)}
.axis-explorer figcaption,.axis-explorer p{max-width:65ch}
.axis-context{padding:12px 0}
.axis-context p{margin:8px 0}
.axis-definitions>div{padding:24px 0;border-bottom:1px solid var(--line2,#ffffff2b);scroll-margin-top:90px}
.axis-definitions dt{font-size:1.4rem;font-weight:750}
.axis-definitions dd{margin:10px 0 0}
@media(max-width:640px){.axis-fields{grid-template-columns:1fr;gap:16px}.axis-explorer{padding:20px 0}.axis-explorer select{width:100%}.axis-explorer button{width:100%}}