/* Point distance calculator (#199) */
.container--point-distance{max-width:1080px;min-width:0}.point-distance-intro{max-width:850px}.point-distance-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start;margin:1.5rem 0 2rem;min-width:0}.point-distance-panel{display:grid;gap:1rem;min-width:0}.point-distance-panel h2,.point-distance-panel h3,.point-distance-panel p{margin:0}.point-distance-points{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;min-width:0}.point-distance-point{min-width:0;margin:0;padding:1rem;border:1px solid #bfd5d1;border-radius:12px;background:#f7fbfa}.point-distance-point legend{padding:0 .3rem;color:#174d47;font-weight:900}.point-distance-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.point-distance-fields label{display:grid;gap:.4rem;min-width:0;color:#294943;font-weight:800}.point-distance-fields input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:.7rem .8rem;border:1px solid #9dbab5;border-radius:10px;background:#fff;color:#183d39;font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.point-distance-fields input:focus-visible{border-color:#146b63;outline:3px solid rgba(20,107,99,.2);outline-offset:1px}.point-distance-fields input[aria-invalid=true]{border-color:#a12b2b;background:#fff7f7}.point-distance-help{color:#586d69;font-size:.88rem;line-height:1.65}.point-distance-error{min-height:1.5em;color:#9f2e2e;font-weight:800}.point-distance-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem}.point-distance-actions .button,.point-distance-copy{min-width:0;min-height:48px}.point-distance-primary-result{padding:1rem;border:1px solid #9bc9c3;border-radius:13px;background:linear-gradient(145deg,#f3fbf9,#e9f6f3)}.point-distance-primary-result p{color:#41625e;font-size:.9rem;font-weight:800}.point-distance-primary-result output{display:block;max-width:100%;margin:.55rem 0 0;color:#123f3b;font:900 clamp(1.6rem,4vw,2.4rem)/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.point-distance-deltas{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.point-distance-deltas div{min-width:0;padding:.75rem;border-radius:10px;background:#f2f8f7}.point-distance-deltas dt{color:#536d68;font-size:.82rem;font-weight:800}.point-distance-deltas dd{margin:.35rem 0 0;font:800 1rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.point-distance-formula{box-sizing:border-box;max-width:100%;margin:.6rem 0 1rem;padding:1rem;border:1px solid #c5d9d5;border-radius:10px;background:#fff;color:#294943;font:700 .92rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.point-distance-copy{width:100%}.point-distance-status{min-height:1.5em}.point-distance-guide code{overflow-wrap:anywhere}.point-distance-faq{margin-top:1rem}
@media(max-width:760px){.point-distance-workspace{grid-template-columns:1fr}}
@media(max-width:520px){.container--point-distance{padding-inline:12px}.point-distance-panel{padding:1rem}.point-distance-points,.point-distance-actions{grid-template-columns:1fr}.point-distance-fields{grid-template-columns:1fr 1fr}.point-distance-fields input{max-width:100%}}
@media(max-width:340px){.point-distance-fields,.point-distance-deltas{grid-template-columns:1fr}}
