.geometry-lab{--lab-blue:light-dark(#165f98,#8bc1fa);--lab-orange:light-dark(#a64b14,#f6b180);--lab-green:light-dark(#23705c,#8cd3b5);--lab-grid:light-dark(#dbe0e3,#343638);--lab-fill:light-dark(#e4f0fa,#20374b);--lab-fill2:light-dark(#faeadd,#452c1d);--lab-fill3:light-dark(#e4f2ec,#213d34);width:min(1180px,100% - 36px);margin:12px auto 36px;font-family:var(--ig-sans,Arial,sans-serif);font-size:16px;line-height:1.5;color:var(--ig-ink,#171b22)}
.geometry-lab *{box-sizing:border-box}.geometry-lab .lab-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.geometry-lab .lab-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 0 22px}.geometry-lab .lab-kicker{font-size:12px;letter-spacing:.12em;color:var(--lab-blue);margin:0 0 7px}.geometry-lab h1{font-size:clamp(28px,3.5vw,42px)!important;margin:0;line-height:1.1}.geometry-lab .pdf-link{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:inherit;text-underline-offset:4px;white-space:nowrap;padding:8px 0}.geometry-lab .pdf-link span{font-size:12px;color:var(--ig-muted,#556);text-decoration:none;margin-top:3px}
.geometry-lab .lab-tabs{display:flex;gap:4px 7px;flex-wrap:wrap;border-top:1px solid var(--ig-rule,#ccc);border-bottom:1px solid var(--ig-rule,#ccc);padding:9px 0;margin-bottom:22px}.geometry-lab .lab-tabs button{appearance:none;border:0;border-radius:4px;background:transparent;color:var(--ig-ink,#171b22);padding:10px 15px;font-size:14px;line-height:1.4;min-height:44px;cursor:pointer}.geometry-lab .lab-tabs button[aria-selected=true]{background:var(--lab-blue);color:light-dark(white,#132331)}.geometry-lab .lab-tabs button:hover:not([aria-selected=true]){background:var(--ig-panel,#f1f1f1)}.geometry-lab .lab-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:14px}.geometry-lab h2{font-size:26px;margin:0;line-height:1.2}.geometry-lab .lab-heading p{font-size:14px;max-width:64ch;color:var(--ig-muted,#556);margin:0}
.geometry-lab .lab-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(245px,1fr);gap:30px;align-items:start}.geometry-lab .lab-picture{min-width:0}.geometry-lab #lab-svg{display:block;width:100%;height:auto;overflow:visible}.geometry-lab #lab-svg text{font-family:var(--ig-sans,Arial,sans-serif);font-size:14px;fill:var(--ig-ink,#171b22);paint-order:stroke;stroke:var(--ig-paper,white);stroke-width:4px;stroke-linejoin:round}.geometry-lab #lab-svg .small{font-size:12px}.geometry-lab #lab-svg .figure{stroke:var(--lab-blue);fill:var(--lab-fill);stroke-width:2;stroke-linejoin:round}.geometry-lab #lab-svg .second{stroke:var(--lab-orange);fill:var(--lab-fill2);stroke-width:2;stroke-linejoin:round}.geometry-lab #lab-svg .third{stroke:var(--lab-green);fill:var(--lab-fill3);stroke-width:2;stroke-linejoin:round}.geometry-lab #lab-svg .guide{stroke:var(--ig-muted,#778);stroke-width:1.3;fill:none;stroke-dasharray:5 4}.geometry-lab #lab-svg .dimension{stroke:var(--ig-ink,#171b22);stroke-width:1.3;fill:none}.geometry-lab #lab-svg .grid-line{stroke:var(--lab-grid);stroke-width:.6;fill:none}.geometry-lab .diagram-caption{font-size:12px;color:var(--ig-muted,#556);text-align:center;margin-top:5px;min-height:18px}
.geometry-lab .lab-settings{padding:8px 0}.geometry-lab .lab-controls{display:grid;gap:19px}.geometry-lab .control label{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:5px}.geometry-lab output{font-variant-numeric:tabular-nums;white-space:nowrap}.geometry-lab input[type=range]{display:block;width:100%;margin:0;accent-color:var(--lab-blue);height:28px;cursor:pointer}.geometry-lab .lab-results{margin:22px 0 0;border-top:1px solid var(--ig-rule,#ccc);display:grid;grid-template-columns:1fr;gap:0}.geometry-lab .result{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ig-rule,#ccc);align-items:baseline}.geometry-lab dt{font-size:14px;color:var(--ig-muted,#556)}.geometry-lab dd{font-size:20px;line-height:1.2;margin:0;font-variant-numeric:tabular-nums}.geometry-lab dd small{font-size:12px;margin-left:5px;color:var(--ig-muted,#556)}
.geometry-lab .lab-explanation{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px;padding-top:18px;border-top:1px solid var(--ig-rule,#ccc)}.geometry-lab .lab-explanation h3{font:500 12px var(--ig-sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--ig-muted,#556);margin:0 0 8px}.geometry-lab .lab-formulas{font-family:Georgia,serif;font-size:20px;line-height:1.8;overflow-wrap:anywhere}.geometry-lab .lab-explanation p{margin:0;font-size:14px;line-height:1.55}.geometry-lab .lab-condition{color:var(--ig-muted,#556);margin-top:8px!important}.geometry-lab .lab-footnote{font-size:12px;color:var(--ig-muted,#556);margin:22px 0 0}
@media(max-width:760px){.geometry-lab .lab-workspace{grid-template-columns:1fr;gap:14px}.geometry-lab .lab-heading{display:block}.geometry-lab .lab-heading p{margin-top:8px}.geometry-lab .lab-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.geometry-lab .lab-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.geometry-lab .result{display:block}.geometry-lab dd{margin-top:5px;font-size:19px}.geometry-lab dd small{display:block;margin:4px 0 0}.geometry-lab .lab-explanation{gap:22px}.geometry-lab .lab-masthead{padding-top:0}.geometry-lab .lab-tabs{margin-bottom:17px}.geometry-lab .lab-tabs button{padding:9px 12px}}
@media(max-width:450px){.geometry-lab .lab-masthead{align-items:flex-start}.geometry-lab h1{font-size:29px!important;max-width:8em}.geometry-lab .pdf-link{font-size:13px}.geometry-lab .lab-controls{grid-template-columns:1fr}.geometry-lab .lab-explanation{grid-template-columns:1fr;gap:18px}.geometry-lab .lab-results{gap:10px}.geometry-lab dt{font-size:13px}.geometry-lab .lab-formulas{font-size:18px}.geometry-lab .lab-tabs{gap:4px}.geometry-lab .lab-tabs button{font-size:13px;padding:8px 10px}}
@media print{.geometry-lab .lab-tabs,.geometry-lab .lab-controls{display:none}.geometry-lab .lab-workspace{display:block}.geometry-lab .lab-results{display:flex;justify-content:space-between}.geometry-lab .lab-explanation{break-inside:avoid}}