/* Studio dell'iperbole · v2.0 */
.hyper-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}
.hyper-selects label,.hyper-field-grid label,.hyper-input-label{font-size:.83rem;font-weight:700;color:#49617c;min-width:0;display:block}
.hyper-selects select,.hyper-field-grid input,.hyper-input-label input,.hyper-input-label select{margin-top:6px;width:100%;min-width:0;border:1px solid #b6c9db;border-radius:8px;background:#fff;padding:9px 11px;color:#173a5e;font-size:.95rem}
.hyper-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hyper-general-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.hyper-hint{font-size:.83rem;color:#4d6988;background:#eef5fc;border-radius:8px;margin-top:12px;padding:8px 12px}.hyper-editor .examples{margin-top:13px}
.hyper-extra{display:grid;gap:11px;border-top:1px solid #e5ecf4;padding:15px 0}.hyper-extra:first-of-type{border-top:0;padding-top:2px}
.hyper-toggle{display:flex;align-items:center;gap:9px;color:#1d4266;font-size:.88rem;cursor:pointer}.hyper-toggle input{accent-color:#205fa5;width:17px;height:17px;flex:none}
.hyper-subtoggle{font-size:.82rem;color:#546981}.hyper-extras :disabled{opacity:.63;background:#f0f4f9}
#h-error:not(:empty){background:#fff4ef;border:1px solid #e9c2b6;border-radius:8px;padding:10px}
#h-graph-info{border-left-color:#ce981b;margin:12px 0}.hyper-graph{border-color:#c7dcee}.hyper-graph .help{line-height:1.55}
.hyper-graph .plot-frame svg .h-curve{stroke:#216bb3;stroke-width:3.15;fill:none;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-asymptote{stroke:#cd981d;stroke-width:2.4;stroke-dasharray:10 5;fill:none;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-rectangle{stroke:#b2bdc9;stroke-width:1.65;stroke-dasharray:5 5;fill:none;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-axis-transverse{stroke:#d4a541;stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-directrix{stroke:#b35d94;stroke-width:2;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-line{stroke:#178767;stroke-width:2.45;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-tangent{stroke:#8058ae;stroke-width:2.6;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-normal{stroke:#98a6b6;stroke-width:1.85;stroke-dasharray:5 6;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-focusdist{stroke:#b9c6d6;stroke-width:1.45;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-label{font:750 15px system-ui,sans-serif;stroke:#fff;stroke-width:4;stroke-linejoin:round;paint-order:stroke}
.hyper-graph .plot-frame svg .h-marker{stroke:white;stroke-width:2.3;vector-effect:non-scaling-stroke}
.hyper-graph .plot-frame svg .h-hit{fill:transparent;cursor:grab;touch-action:none}
.hyper-head{color:#17446e;font-size:1rem;font-weight:800;margin:17px 0 4px}.hyper-head:first-child{margin-top:0}
.hyper-value{overflow-wrap:anywhere}
#h-steps .mathblock,#e-steps .mathblock{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:10px 8px;line-height:1.65;min-width:0}
#h-steps .mathblock mjx-container,#e-steps .mathblock mjx-container{display:inline-block!important;overflow:visible!important;max-width:none!important;margin:0!important;vertical-align:middle}
@media(max-width:710px){.hyper-selects{grid-template-columns:1fr}.hyper-field-grid{gap:8px}.hyper-general-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hyper-field-grid label{font-size:.78rem}.hyper-field-grid input{padding:8px 7px}}