/* Pythagoras diagrams and worked explanations; append to style.css */
#pythagorasDiagramContainer[hidden] { display:none !important; }
#pythagorasDiagramContainer { width:100%;max-width:550px;margin:0px auto 5px;box-sizing:border-box; }
#pythagorasDiagram {display:flex;align-items:center;justify-content:center;min-height:0px;}
#pythagorasDiagram svg {display:block;width:100%;max-width:500px;height:auto;overflow:visible;}
.pythagoras-question-text {display:block;font-size:clamp(18px,2.8vw,28px);line-height:1.4;}
.pythagoras-rounding-note {display:block;font-size:clamp(14px,1.8vw,19px);font-weight:normal;margin-top:8px;}
.pythagoras-explanation {max-width:700px;margin:12px auto;padding:10px 16px;text-align:left;font-family:Arial,sans-serif;box-sizing:border-box;}
.pythagoras-answer-title {color:#16803c;font-weight:700;font-size:23px;text-align:center;margin:10px 0 24px;}
.pythagoras-work-step {margin:0 0 20px;padding:0 0 12px;border-bottom:1px solid #ddd;}
.pythagoras-work-note {font-size:15px;line-height:1.4;color:#333;margin-bottom:8px;}
.pythagoras-work-math {font-size:24px;line-height:1.6;overflow-x:auto;padding:4px 2px 8px;}
.pythagoras-work-math mjx-container {margin:0 !important;}
@media(max-width:600px) {.pythagoras-work-math{font-size:19px}.pythagoras-explanation{padding:8px}.pythagoras-answer-title{font-size:20px}}