.anatomy-figure{color:#20211f;background:#f6f5f0;border:1px solid #d3d3cb;border-radius:3px;margin:2.3rem 0;overflow:hidden;isolation:isolate;font-family:Arial,Helvetica,sans-serif;max-width:100%}
.anatomy-figure *{box-sizing:border-box}.anatomy-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 24px 0}.anatomy-head span{font:11px ui-monospace,monospace;letter-spacing:.08em;color:#666760}.anatomy-head h3{font-size:17px;letter-spacing:-.02em;margin:0;color:#20211f;max-width:76%;text-align:right;line-height:1.25}
.anatomy-stage{background-image:repeating-linear-gradient(30deg,transparent,transparent 47px,#deded750 48px,transparent 49px),repeating-linear-gradient(150deg,transparent,transparent 47px,#deded750 48px,transparent 49px);padding:0;line-height:0;min-width:0;aspect-ratio:880/520;display:grid;place-items:center}
.anatomy-stage svg,.anatomy-stage img{display:block;width:100%;height:auto;max-height:560px;margin:0;object-fit:contain}.anatomy-stage svg{overflow:visible}.anatomy-stage .anatomy-selected .iso-edge{stroke-width:1.15}
.anatomy-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:0 24px 18px}.anatomy-controls label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;font-size:12px;color:#4a4c45}.anatomy-controls input{width:100%;min-width:0;accent-color:#20211f}.anatomy-controls button,.anatomy-steps button{border:1px solid #b7b9ae;background:transparent;color:#20211f;padding:9px 14px;border-radius:3px;font:12px Arial,sans-serif;cursor:pointer;min-height:40px}.anatomy-controls button[aria-pressed=true],.anatomy-steps button[aria-pressed=true]{background:#252621;color:#fff;border-color:#252621}
.anatomy-readout{display:block;margin:0 24px;border-top:1px solid #cecec6;padding:12px 0;font:11px/1.7 ui-monospace,monospace;color:#41443d;min-height:43px}.anatomy-steps{display:flex;gap:8px;flex-wrap:wrap;padding:10px 24px 0}.anatomy-explanation{margin:13px 24px 18px;font:14px/1.6 Arial,sans-serif;max-width:72ch;color:#31352c}.anatomy-figure figcaption{margin:0;padding:13px 24px 18px;border-top:1px solid #deded6;font:11px/1.6 Arial,sans-serif;color:#66685f;max-width:none}.anatomy-figure figcaption a{color:inherit;text-decoration:underline}.anatomy-figure :focus-visible{outline:2px solid #344738;outline-offset:4px}
@media(max-width:550px){.anatomy-head{padding:16px 15px 0;gap:10px}.anatomy-head h3{font-size:14px;max-width:77%}.anatomy-head span{font-size:9px}.anatomy-controls{padding:0 15px 12px;gap:10px}.anatomy-controls label{grid-template-columns:1fr;gap:3px}.anatomy-readout{margin:0 15px;font-size:10px}.anatomy-steps{padding:10px 15px 0;gap:5px}.anatomy-steps button{padding:8px;font-size:11px}.anatomy-explanation{margin:12px 15px;font-size:13px}.anatomy-figure figcaption{padding:12px 15px}.anatomy-figure{margin:1.6rem 0}}
@media(prefers-reduced-motion:reduce){.anatomy-figure *{animation:none!important;transition:none!important}}
@media print{.anatomy-figure{break-inside:avoid;border:1px solid #999}.anatomy-controls,.anatomy-steps{display:none}.anatomy-stage{max-height:250px;aspect-ratio:880/380}.anatomy-stage svg,.anatomy-stage img{max-height:250px}.anatomy-head h3{font-size:11pt}.anatomy-explanation{font-size:9pt}.anatomy-figure figcaption{font-size:8pt}}