/* Geometria v3.3 — interfaccia di quadriche coerente col layout Geometria v3.2. */
.layout.qd-layout{display:grid;grid-template-columns:minmax(0,345px) minmax(0,1fr);gap:18px;align-items:start}
.qd-sidebar,.qd-content{min-width:0;display:grid;gap:18px;align-content:start}
.qd-sidebar>.panel{padding:18px 16px}
.qd-field{display:grid;gap:6px;font-size:.83rem;color:#315575;font-weight:730;min-width:0;margin-bottom:12px}
.qd-field input,.qd-field select{min-width:0;width:100%;max-width:100%;border:1px solid #bbcee1;background:#fff;color:#153f6d;border-radius:8px;padding:9px 10px;font-size:.95rem;font-weight:550}
.qd-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.qd-hint{background:#f0f6fd;color:#4b6884;padding:10px 11px;font-size:.83rem;line-height:1.6;border-radius:9px;margin:2px 0 15px}
.qd-cut-editor{border-top:1px solid #e4ecf4;padding-top:12px}
.qd-cut-editor h3{font-size:.95rem;color:#163e69;margin:0 0 12px}
.qd-range-label{font-size:.83rem;color:#355978;font-weight:750;display:grid;gap:8px}
.qd-range-label output{font-size:.89rem;color:#0a866c;font-variant-numeric:tabular-nums}
.qd-range-label input{width:100%;accent-color:#178f7c}
.qd-examples{align-items:flex-start;gap:3px 9px}
.qd-examples button[aria-current="true"]{font-weight:850;text-decoration:none;color:#173d69}
.qd-description span{display:block}
.qd-graph{scroll-margin-top:52px}
.qd-canvas-wrap{overflow:hidden;position:relative;background:#fff;border:1px solid #dbe6ef;border-radius:13px}
#qd-canvas{width:100%;height:auto;aspect-ratio:960/640;display:block;touch-action:none;cursor:grab;outline-offset:-4px}
#qd-canvas:active{cursor:grabbing}
#qd-canvas:focus-visible{outline:3px solid #4c92cc}
.qd-checks{margin:12px 0 9px;gap:8px 14px}
.qd-checks label{white-space:normal}
.qd-prose{color:#425e78;font-size:.89rem;line-height:1.7}
.qd-prose p{margin:6px 0 9px}.qd-prose b{color:#153e65}
.qd-steps .g3-math{overflow-x:auto;overflow-y:hidden}
.qd-results .g3-result-table{width:100%}
@media(max-width:920px){
 .layout.qd-layout{grid-template-columns:minmax(0,1fr)}
 .qd-sidebar>.panel{padding:18px 22px}
 .qd-params{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:550px){
 .qd-sidebar>.panel{padding:16px}
 .qd-params{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qd-checks{gap:8px}
 .qd-graph .g3-camera-controls button{padding:7px 8px}
}
@media(max-width:350px){.qd-params{grid-template-columns:1fr}}