/* Geometria v2.5 — input a sinistra e grafico a destra; risultati sotto il grafico. */
.layout.pg-layout{grid-template-columns:minmax(0,345px) minmax(0,1fr);align-items:start;gap:18px}
.pg-sidebar,.pg-content{display:grid;gap:18px;min-width:0;align-content:start}
.pg-sidebar>.panel{padding:18px 16px}
.pg-field{display:grid;gap:5px;color:#365879;font-size:.85rem;font-weight:750;margin-bottom:10px;min-width:0}
.pg-field input,.pg-field select{width:100%;min-width:0;border:1px solid #b3c7da;border-radius:8px;background:#fff;color:#173d62;padding:9px 10px;font-weight:500}
.pg-field select{background:#f8fbff}
.pg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pg-hint{font-size:.82rem;line-height:1.6;color:#466685;background:#f0f6fd;border-radius:8px;padding:9px 10px;margin:9px 0}
.pg-vertex-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;color:#214d79;margin:12px 0}
.pg-vertex-head>div{display:flex;gap:6px}
.pg-small-button,.pg-zoom button{border:1px solid #c7d9ed;border-radius:8px;background:#f0f6fd;color:#19518a;padding:7px 10px;font-weight:800;font-size:.83rem}
.pg-small-button:hover,.pg-zoom button:hover{background:#dceafd}
.pg-vertices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pg-vertex{border:1px solid #d9e4ee;border-radius:9px;padding:8px;min-width:0;background:#fcfdff}
.pg-vertex b{color:#205e9d;font-size:.8rem}
.pg-vertex>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:5px}
.pg-vertex label{display:grid;gap:2px;font-size:.72rem;color:#5a7087;font-weight:700}
.pg-vertex input{width:100%;min-width:0;padding:7px 5px;border:1px solid #bdcfe0;border-radius:6px;color:#153b65;background:white}
.pg-graph{scroll-margin-top:54px}
.pg-graph-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.pg-view-type{font-size:.88rem;color:#255783;font-weight:800}
.pg-zoom{display:flex;gap:5px}
.pg-checks{margin:13px 0 11px}
.pg-info{margin:10px 0;border-left:4px solid #2070b6;white-space:normal}
.pg-canvas{border:1px solid #dce6f0;border-radius:11px;background:white;overflow:hidden}
#pg-svg{display:block;width:100%;aspect-ratio:920/620;height:auto;touch-action:none;user-select:none;cursor:grab}
#pg-svg:active{cursor:grabbing}
#pg-svg:focus-visible{outline:3px solid #9cc5fa;outline-offset:-4px}
.pg-legend{margin-top:10px}
.pg-explanation p{color:#425e78;font-size:.88rem;line-height:1.65;margin:7px 0 10px}
.pg-explanation b{color:#1c4f80}
.pg-result-table{border-collapse:collapse;width:100%;font-size:.88rem}
.pg-result-table td,.pg-result-table th{padding:8px 5px;border-bottom:1px solid #e6edf5;text-align:left;vertical-align:top}
.pg-result-table th{font-weight:600;color:#526a83;width:56%}
.pg-result-table td{font-weight:760;color:#194872;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pg-result-table .pg-section th{font-weight:850;color:#1a4b7b;padding-top:16px}
.pg-result-table .pg-section:first-child th{padding-top:0}
.pg-step{padding:10px 0;border-bottom:1px solid #e8eef7;min-width:0}
.pg-step:first-child{padding-top:0}.pg-step:last-child{border:none}
.pg-step h3{font-size:.96rem;color:#205481;margin:0 0 6px}
.pg-step p{font-size:.84rem;color:#536e87;margin:5px 0 9px;line-height:1.55}
.pg-math{background:#f4f7fd;color:#143b68;font-size:.90rem;line-height:1.7;padding:9px 10px;border-radius:7px;margin:7px 0;max-width:100%;overflow-x:auto;overflow-y:hidden}
.pg-math mjx-container{margin:0!important;text-align:left!important;max-width:100%}
.pg-warning{padding:12px 14px;border:1px solid #eac9aa;background:#fff7ef;color:#875025;border-radius:8px;font-size:.89rem}
.pg-theory{margin-top:18px}
@media(max-width:920px){.layout.pg-layout{grid-template-columns:minmax(0,1fr)}.pg-sidebar>.panel{padding:21px 23px}.pg-vertices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.pg-sidebar>.panel{padding:16px}.pg-vertices{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){.pg-vertices{grid-template-columns:1fr 1fr}.pg-vertex>div{grid-template-columns:1fr}.pg-field input{padding:8px 6px}.pg-canvas{border-radius:7px}}

.pg-tick{font:12px system-ui,sans-serif;fill:#8290a5}.pg-label{font:700 17px system-ui,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;fill:#16558b}

/* Mantiene leggibile il breadcrumb anche sui display larghi 320 px. */
.breadcrumb{flex-wrap:wrap;row-gap:4px}

/* v2.5: label per i piedi delle perpendicolari */
.pg-height-label{fill:#a95324;font-weight:800}
.pg-checks label{white-space:normal}