.math-diagram{margin:16px 0;border-top:1px solid var(--line);padding-top:8px;min-width:0}
.math-diagram>summary{color:var(--green);font-weight:600;cursor:pointer;min-height:44px;padding:11px 0}
.math-diagram [data-diagram-content]{display:grid;gap:12px;min-width:0}
.diagram-report{display:grid;gap:16px;min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.75}
.diagram-report h3{font-size:17px;line-height:1.5}
.diagram-conditions summary{cursor:pointer;color:var(--muted);min-height:44px;padding:9px 0;font-size:14px}
.diagram-conditions ul{padding-left:24px;margin:4px 0}
.diagram-report figure{margin:0;min-width:0}
.diagram-report figcaption{font-size:14px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.diagram-report svg{display:block;width:100%;max-height:320px;margin:8px 0;overflow:visible}
.diagram-report svg text{fill:var(--ink);font:18px sans-serif}
.diagram-fill{fill:color-mix(in srgb,var(--green) 32%,var(--paper))}
.diagram-fill-second{fill:color-mix(in srgb,var(--amber) 35%,var(--paper))}
.diagram-empty{fill:var(--line)}
.diagram-line,.diagram-outline,.diagram-auxiliary{stroke:var(--ink);stroke-width:1.5;fill:none;stroke-linejoin:round}
.diagram-auxiliary{stroke-dasharray:5 4;stroke:var(--green)}
.diagram-fractions>div{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px}
.diagram-fractions>div>svg{min-width:0}
.diagram-answer{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:10px;background:var(--light);flex-wrap:wrap}
.diagram-answer>span{font-size:13px;color:var(--muted)}
.diagram-answer strong{font-size:20px;font-weight:600;color:var(--green)}
.diagram-steps{margin:0;padding-left:24px;display:grid;gap:14px}
.diagram-steps li{padding-left:2px}
.diagram-steps .text-button{font-weight:600;min-height:44px;padding:8px 2px}
.diagram-steps [aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.diagram-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.diagram-actions .button,.diagram-actions .text-button{min-height:44px;white-space:normal}
.diagram-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;margin-top:10px}
.diagram-table th,.diagram-table td{padding:10px 6px;text-align:center;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.diagram-table th{font-weight:500;color:var(--muted)}
.diagram-best{background:var(--light);font-weight:600}
.diagram-export{--paper:#fff;--ink:#263d36;--muted:#657168;--green:#306b52;--light:#eaf2e9;--line:#e5e9e1;--amber:#866020;position:absolute;left:-10000px;top:0;width:840px;padding:36px;background:var(--paper);color:var(--ink);font:18px/1.7 sans-serif;display:grid;gap:20px}
.diagram-export .diagram-report{font-size:18px}
.diagram-export .diagram-report h3{font-size:24px}
.diagram-export .diagram-report figure{max-width:650px;width:100%;margin:auto}
.diagram-export .diagram-report svg{max-height:400px}
.diagram-export .diagram-report figcaption,.diagram-export .diagram-table{font-size:17px}
.diagram-export .diagram-report .diagram-conditions ul{margin-bottom:12px}
.diagram-export p:last-child{font-size:14px;color:var(--muted)}