/* Geometria v3.9 — stesso layout del laboratorio, senza modifiche agli altri strumenti. */
.layout.sp-layout{display:grid;grid-template-columns:minmax(0,345px) minmax(0,1fr);gap:18px;align-items:start}
.sp-sidebar,.sp-content{min-width:0;display:grid;gap:18px;align-content:start}
.sp-sidebar>.panel{padding:18px 16px}
.sp-content>.panel{min-width:0}
.sp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.sp-fields .qd-field{min-width:0}
.sp-cut-editor{margin-top:13px;border-top:1px solid #e4ecf4;padding-top:12px;display:grid;gap:10px}
.sp-cut-editor h3{font-size:.95rem;color:#163e69;margin:0 0 4px}
.sp-animation{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}
.sp-animation button{padding:8px 10px;font-size:.79rem;border-radius:6px;border:1px solid #c4d5e7;background:#eff6fd;color:#205483;font-weight:750}
.sp-animation button:disabled{opacity:.45;cursor:not-allowed}
.sp-checks{margin:12px 0 9px;gap:7px 12px;flex-wrap:wrap}
.sp-checks label{white-space:normal}
.sp-description{margin:10px 0 12px}
.sp-description span{display:block;line-height:1.5}
.sp-graph{scroll-margin-top:50px}
.sp-canvas-wrap{overflow:hidden;position:relative;background:white;border:1px solid #dbe6ef;border-radius:13px}
#sp-canvas{width:100%;height:auto;aspect-ratio:960/620;display:block;touch-action:none;cursor:grab;outline-offset:-4px}
#sp-canvas:active{cursor:grabbing}#sp-canvas:focus-visible{outline:3px solid #508acc}
.sp-examples{align-items:flex-start;gap:3px 9px}
.sp-examples button[aria-current="true"]{font-weight:850;text-decoration:none;color:#173d69}
.sp-prose{color:#425e78;font-size:.89rem;line-height:1.7}
.sp-prose p{margin:6px 0 9px}.sp-prose b{color:#163e69}
.sp-steps .g3-math{overflow-x:auto;overflow-y:hidden}
.sp-results .g3-result-table{width:100%}
@media(max-width:920px){.layout.sp-layout{grid-template-columns:minmax(0,1fr)}.sp-sidebar>.panel{padding:18px 22px}.sp-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.sp-sidebar>.panel{padding:16px}.sp-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-graph .g3-camera-controls button{padding:7px 8px}}
@media(max-width:350px){.sp-fields{grid-template-columns:1fr}.sp-animation button{font-size:.72rem}}