.human-main{max-width:1400px}.human-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);align-items:start;gap:24px}.anatomy-panel{background:#fff}.anatomy-panel .science-toolbar{font-size:14px;color:#456c69}.anatomy-directions{display:flex;justify-content:space-between;padding:16px 22px 0;color:#82918f;font-size:11px;letter-spacing:.03em}.anatomy-figure{position:relative;width:100%;max-width:650px;margin:auto;aspect-ratio:830/1127}.anatomy-figure>img{display:block;width:100%;height:100%;object-fit:contain}.anatomy-figure>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.anatomy-figure path{fill:none;stroke:#627d79;stroke-width:1.8;vector-effect:non-scaling-stroke;opacity:.55}.anatomy-figure circle{fill:#edf6f4;stroke:#627d79;stroke-width:2}.anatomy-figure .active path{stroke:#206d60;stroke-width:2.3;opacity:1}.anatomy-figure .active circle{fill:#257a68;stroke:white;stroke-width:3}.organ-callout{position:absolute;transform:translateY(-50%);display:flex;align-items:center;gap:6px;padding:7px 9px;min-height:42px;max-width:29%;border:1px solid #c9dcd7;border-radius:8px;background:#ffffffed;box-shadow:0 2px 10px #203b3110;color:#496860;font-size:12px;line-height:1.35;text-align:left}.organ-callout.left{left:2%}.organ-callout.right{right:2%}.organ-callout b{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;flex-shrink:0;background:#edf3f0;font-size:11px}.organ-callout[aria-pressed=true]{background:#286f62;border-color:#286f62;color:#fff;box-shadow:0 0 0 3px #b5d6c8}.organ-callout[aria-pressed=true] b{background:#fff2}.organ-callout[hidden]{display:none}.organ-callout:focus-visible,.organ-index-item:focus-visible,.system-filters button:focus-visible{outline:3px solid #9bc6b9;outline-offset:3px}.anatomy-current{display:flex;justify-content:space-between;gap:12px;padding:15px 22px;background:#eef6f2;border-top:1px solid #dae6e1;font-size:13px;color:#31695c}.anatomy-current a{color:inherit;text-underline-offset:4px}.anatomy-note{padding:0 22px 18px;font-size:12px;color:#71807d;line-height:1.8}.human-sidebar{display:grid;gap:20px}.organ-detail{padding:27px;scroll-margin-top:20px}.organ-eyebrow{font-size:11px;color:#3b7b70;letter-spacing:1px}.organ-detail h2{font-size:27px;margin:10px 0 23px;color:#273a38}.organ-fact{border-top:1px solid #e9eeec;padding-top:15px;margin-top:16px}.organ-fact h3{font-size:12px;color:#528177;margin:0 0 7px}.organ-fact p{font-size:15px;line-height:1.9;color:#576460;margin:0}.organ-source{display:inline-block;color:#537d72;font-size:12px;margin-top:24px;text-underline-offset:4px}.organ-index{padding:24px}.organ-index h2{margin:0 0 14px}.system-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.system-filters button{border:1px solid #dae3df;background:#fff;border-radius:6px;padding:8px 10px;font-size:11px;color:#6e7d76;min-height:36px}.system-filters button[aria-pressed=true]{color:#286555;border-color:#a4c6b9;background:#eaf4ee}.organ-index-item{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border:0;border-top:1px solid #edf0ee;padding:12px 6px;background:#fff;color:#65706a;font-size:14px;min-height:44px}.organ-index-item[aria-pressed=true]{color:#276953;background:#f0f7f3}.organ-number{font-size:10px;color:#8a9f92;font-variant-numeric:tabular-nums}.organ-arrow{margin-left:auto;font-size:14px;color:#739887}
@media(max-width:900px){.human-layout{grid-template-columns:1fr}.human-sidebar{grid-template-columns:1fr 1fr}.anatomy-figure{max-width:540px}.human-main .science-heading h1{font-size:25px}}
@media(max-width:580px){.human-sidebar{grid-template-columns:1fr}.organ-detail,.organ-index{padding:21px}.organ-callout{padding:5px;min-height:36px;font-size:10px;gap:4px;max-width:30%;border-radius:5px}.organ-callout b{width:18px;height:18px;font-size:10px}.anatomy-directions{padding:12px 14px 0;font-size:10px}.anatomy-current{padding:13px 14px;font-size:12px}.anatomy-note{padding:0 14px 12px;font-size:11px}.organ-detail h2{font-size:24px}.organ-fact p{font-size:14px}.human-layout{gap:16px}}
.organ-callout:active{transform:translateY(-50%)}
/* Paired anatomy: keep male then female in DOM, visual and reading order. */
.human-layout{display:block}.anatomy-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.anatomy-panel .science-toolbar h2{font-size:22px;margin:0}.anatomy-figure{max-width:550px}.human-sidebar{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;margin-top:22px}.anatomy-note{padding:14px 4px 0;font-size:13px}.organ-fact p{font-size:16px}.organ-fact h3{font-size:14px}.organ-eyebrow,.organ-source,.anatomy-directions,.organ-number{font-size:12px}.organ-callout{font-size:14px}.organ-callout b{font-size:12px}.system-filters button{font-size:14px;min-height:42px}.anatomy-current{font-size:14px}.anatomy-figure .active circle{stroke-width:3;stroke:#fff;fill:#206d60}
@media(min-width:641px) and (max-width:1100px){.organ-callout span{display:none}.organ-callout{padding:6px;min-width:42px;min-height:42px;justify-content:center}.organ-callout b{font-size:14px;background:none}.organ-callout.left{left:8%}.organ-callout.right{right:8%}}
@media(max-width:640px){.anatomy-comparison{grid-template-columns:1fr;gap:20px}.human-sidebar{grid-template-columns:1fr}.organ-callout{font-size:12px;min-height:40px;max-width:30%}.organ-callout b{font-size:12px;width:20px;height:20px}.anatomy-current{font-size:14px;flex-wrap:wrap}.anatomy-panel .science-toolbar h2{font-size:20px}}

.anatomy-figure{overflow:hidden;touch-action:pan-y}.anatomy-image-layer{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}.anatomy-image-layer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.anatomy-image-layer>img:first-child{opacity:.32;filter:saturate(.6)}.anatomy-image-layer .organ-highlight{opacity:1;filter:drop-shadow(0 0 4px #27756870);pointer-events:none}.anatomy-figure.location-selected .anatomy-image-layer>img:first-child{opacity:.62;filter:none}.anatomy-figure.zoomed>svg,.anatomy-figure.zoomed>[id$=hotspots]{opacity:0;pointer-events:none}.anatomy-figure.zoomed>[id$=hotspots] button{pointer-events:none}.anatomy-zoom-controls{display:flex;gap:8px;padding:14px 20px 0}.anatomy-zoom-controls button{width:44px;height:38px;border:1px solid #cbdcd6;border-radius:7px;background:#f3f8f5;color:#356e60;font-size:18px}.anatomy-zoom-hint{font-size:13px;line-height:1.6;color:#77857d;padding:0 20px}.anatomy-locations{border-top:1px solid #e0e8e4;padding:14px 20px 18px}.anatomy-locations h3{font-size:13px;margin:0 0 10px;color:#52776b}.location-list{display:flex;flex-wrap:wrap;gap:7px}.location-list button{font:inherit;font-size:13px;padding:7px 10px;border:1px solid #cfddd7;background:#f6faf8;color:#446f60;border-radius:6px}.location-list button[aria-pressed=true]{color:#fff;background:#367461}.location-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border:2px solid #fff;background:#336d9a;color:white;box-shadow:0 0 0 5px #336d9a25;border-radius:50%;font-size:25px;pointer-events:none;z-index:4}.location-description{color:#506961;font-size:14px;line-height:1.8}.anatomy-figure:focus-visible{outline:3px solid #619f8b;outline-offset:-3px}