.anatomy-explorer{margin:2rem 0;border:1px solid #a9c6c1;background:var(--white);scroll-margin-top:125px}
.normal-reading{display:block;max-width:900px}
.anatomy-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:1.5rem;padding:1.5rem;align-items:start}
.anatomy-visual{position:sticky;top:130px;min-width:0}.anatomy-image{background:#07151f;scroll-margin-top:130px}.anatomy-image svg{width:100%;height:auto}
.anatomy-caption{padding:.8rem;background:var(--paper);font-size:.78rem}.anatomy-caption p{margin:.35rem 0 .75rem}.anatomy-caption .button{font-size:.8rem}
.anatomy-region{fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all}
.anatomy-hotspot{cursor:pointer;outline:none}.anatomy-hotspot:hover .anatomy-region,.anatomy-hotspot:focus-visible .anatomy-region{fill:#61d5bb25;stroke:#61d5bb;stroke-dasharray:6 4}
.anatomy-hotspot.is-selected .anatomy-region{fill:#ffd36b30;stroke:#ffd36b;stroke-width:3;stroke-dasharray:none}
.anatomy-pin{pointer-events:none}.anatomy-pin circle{fill:#092531;stroke:#a5ead6;stroke-width:2;vector-effect:non-scaling-stroke}.anatomy-pin text{font:700 18px system-ui,sans-serif;fill:#fff;text-anchor:middle}
.anatomy-hotspot.is-selected .anatomy-pin circle,.anatomy-hotspot:focus-visible .anatomy-pin circle{fill:#ffd36b;stroke:#122735}.anatomy-hotspot.is-selected .anatomy-pin text,.anatomy-hotspot:focus-visible .anatomy-pin text{fill:#122735}
.anatomy-sidebar{min-width:0}.anatomy-detail{padding:1rem;background:var(--soft);border-left:4px solid var(--teal);font-size:.9rem}.anatomy-detail h4{font-size:1.2rem;margin:.3rem 0 .6rem}.anatomy-detail p:last-child{margin-bottom:0}
.anatomy-sidebar>h4{margin:1rem 0 .6rem}.anatomy-list{display:grid;gap:.5rem}.anatomy-list button{display:flex;gap:.6rem;align-items:start;text-align:left;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);padding:.65rem;min-height:48px}
.anatomy-list button b{display:block;font-size:.91rem}.anatomy-list button small{display:block;font-size:.77rem;line-height:1.45;margin-top:.25rem}.anatomy-list button.is-selected{border-color:var(--teal);background:var(--soft);box-shadow:inset 4px 0 var(--teal)}
.anatomy-number{display:inline-grid;place-items:center;min-width:27px;height:27px;background:var(--panel);color:white;font-size:.8rem;font-weight:700;border-radius:50%}.anatomy-list button.is-selected .anatomy-number{background:var(--teal)}
.lab-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:1rem;align-items:start}.lab-workspace>.viewer-grid{min-width:0;position:sticky;top:130px}.case-sidebar{padding:1rem;background:var(--paper);min-width:0}.case-sidebar h4{margin:.2rem 0 .7rem}.case-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.case-buttons button{background:white;border:1px solid var(--line);color:var(--ink);padding:.45rem .6rem;border-radius:4px;text-align:left;font-size:.8rem;min-height:44px}.case-buttons button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:white}.case-buttons button[aria-pressed=true]:before{content:'✓ '}.pattern-detail{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;font-size:.85rem}.pattern-detail p{margin:.5rem 0}.pattern-detail .button{font-size:.8rem;margin-top:.5rem}.lab-workspace.with-comparison{grid-template-columns:1fr}.lab-workspace.with-comparison>.viewer-grid{position:static}.lab-workspace.with-comparison .case-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lab-workspace.with-comparison .case-sidebar>h4{grid-column:1/-1}.lab-workspace.with-comparison .pattern-detail{margin:0;padding:0;border:0}
@media(max-width:900px){.anatomy-layout,.lab-workspace{grid-template-columns:1fr}.anatomy-visual,.lab-workspace>.viewer-grid{position:static}.anatomy-list{grid-template-columns:1fr 1fr}.anatomy-layout{padding:1rem}.lab-workspace.with-comparison .case-sidebar{display:block}}
@media(max-width:480px){.anatomy-list{grid-template-columns:1fr}.anatomy-layout{padding:.65rem;gap:1rem}.anatomy-detail{padding:.8rem}.anatomy-explorer .lab-head{padding:1rem}}
@media print{.anatomy-layout,.lab-workspace{display:block}.anatomy-visual,.lab-workspace>.viewer-grid{position:static}.anatomy-list,.case-buttons,.anatomy-caption button{display:none}.anatomy-image{max-width:70%;margin:auto}.anatomy-pin circle{fill:white;stroke:black}.anatomy-pin text{fill:black}}