/* Pythagorean theorem calculator (#188) */
.container--pythagorean{max-width:1080px;min-width:0}.pythagorean-intro{max-width:880px}.pythagorean-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start;margin:1.5rem 0 2rem;min-width:0}.pythagorean-panel{display:grid;gap:1rem;min-width:0}.pythagorean-panel h2,.pythagorean-panel p{margin:0}.pythagorean-modes{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:0;padding:0;border:0}.pythagorean-mode{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.7rem .8rem;border:1px solid #9dbab5;border-radius:10px;background:#f8fcfb;color:#294943;font-weight:800}.pythagorean-mode:has(input:checked){border-color:#146b63;background:#e5f4f1}.pythagorean-mode input{width:1.15rem;height:1.15rem;accent-color:#146b63}.pythagorean-fields,.pythagorean-common{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;min-width:0}.pythagorean-field{display:grid;gap:.4rem;min-width:0;color:#294943;font-weight:800}.pythagorean-field input,.pythagorean-field select{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}.pythagorean-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.pythagorean-field input:focus-visible,.pythagorean-field select:focus-visible,.pythagorean-mode:has(input:focus-visible){border-color:#146b63;outline:3px solid rgba(20,107,99,.2);outline-offset:1px}.pythagorean-help{color:#586d69;font-size:.88rem;line-height:1.65;overflow-wrap:anywhere}.pythagorean-error{min-height:1.5em;color:#9f2e2e;font-weight:800}.pythagorean-diagram{position:relative;width:min(230px,75%);aspect-ratio:1.35;margin:.25rem auto 0}.pythagorean-triangle{position:absolute;inset:8% 8% 14% 12%;clip-path:polygon(0 100%,0 12%,100% 100%);background:linear-gradient(145deg,#d7eee9,#8bc6bc);border-radius:5px}.pythagorean-right-mark{position:absolute;left:13%;bottom:15%;width:20px;height:20px;border-top:3px solid #146b63;border-right:3px solid #146b63}.pythagorean-side{position:absolute;color:#174d47;font-weight:900}.pythagorean-side--a{left:1%;top:45%}.pythagorean-side--b{left:47%;bottom:0}.pythagorean-side--c{right:17%;top:42%;transform:rotate(39deg)}.pythagorean-diagram-note{text-align:center;color:#657b77;font-size:.8rem}.pythagorean-result-card{min-width:0;padding:1rem;border:1px solid #9bc9c3;border-radius:13px;background:linear-gradient(145deg,#f3fbf9,#e9f6f3)}.pythagorean-result-card h3{margin:0;color:#41625e;font-size:.9rem}.pythagorean-result-card output{display:block;max-width:100%;margin:.6rem 0 0;color:#123f3b;font:900 clamp(1.25rem,3vw,1.9rem)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.pythagorean-exact{padding:.8rem;border-left:4px solid #6a9f99;border-radius:8px;background:#f2f8f7;color:#244f4a;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.pythagorean-calculation{box-sizing:border-box;max-width:100%;margin:0;padding:1rem;border:1px solid #c5d9d5;border-radius:10px;background:#fff;color:#294943;font:700 .95rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.pythagorean-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.pythagorean-actions .button{min-width:0;min-height:48px}.pythagorean-status{min-height:1.5em}.pythagorean-guide code{overflow-wrap:anywhere}.pythagorean-faq{margin-top:1rem}
@media(max-width:760px){.pythagorean-workspace{grid-template-columns:1fr}}
@media(max-width:520px){.container--pythagorean{padding-inline:12px}.pythagorean-panel{padding:1rem}.pythagorean-modes,.pythagorean-fields,.pythagorean-common,.pythagorean-actions{grid-template-columns:1fr}.pythagorean-field input,.pythagorean-field select{max-width:100%}}
