.anatomy{padding:112px max(6vw,calc((100vw - 1350px)/2)) 118px;background:radial-gradient(circle at 92% 9%,#376c57 0,#234b3d 28%,#18372e 65%);color:#f7f0dd;overflow:hidden}
.anatomy-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:7vw;align-items:end;margin-bottom:36px}
.anatomy-heading span,.anatomy-overline{font-size:10px;font-weight:800;letter-spacing:.2em;color:#ebc990}
.anatomy-heading h2{font:normal clamp(52px,5.9vw,88px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:19px 0 0}
.anatomy-heading h2 em{color:#e6bd8a}
.anatomy-heading p{max-width:480px;margin:0 0 8px;color:#d6e2d2;font-size:15px;line-height:1.85}
.anatomy-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 12px}
.anatomy-tabs button{display:flex;align-items:center;gap:13px;min-height:65px;padding:12px 19px;border:1px solid #b2c0a366;border-radius:5px 17px 5px 17px;background:#2b5545;color:#f5eed9;text-align:left;font-weight:800;font-size:14px;transition:background .3s,border-color .3s,transform .3s}
.anatomy-tabs button span{font-size:10px;letter-spacing:.13em;color:#dbbd8b}
.anatomy-tabs button:hover{background:#3f6a55;transform:translateY(-2px)}
.anatomy-tabs button[aria-pressed="true"]{background:#f3e7cb;color:#244436;border-color:#f3e7cb;box-shadow:inset 0 0 0 1px #fff9e5}
.anatomy-tabs button[aria-pressed="true"] span{color:#9c7450}
.anatomy-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);min-height:560px;background:#f3e8d0;color:#214135;border-radius:7px 30px 7px 30px;overflow:hidden;box-shadow:0 25px 70px #09251f7a}
.anatomy-canvas{position:relative;min-width:0;background:#e7dac0;display:flex;flex-direction:column;justify-content:center}
.anatomy-canvas-top,.anatomy-legend{position:absolute;left:26px;right:26px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.17em;font-weight:800;color:#596f5c}
.anatomy-canvas-top{top:22px}.anatomy-spark{font-size:21px;color:#bb855e}
.anatomy-pause{border:1px solid #78917d;border-radius:50px;background:#f7edda;color:#345747;padding:8px 11px;font-size:9px;font-weight:800;letter-spacing:.04em}
.anatomy-pause:hover,.anatomy-pause[aria-pressed="true"]{background:#2b5848;color:#fff7e7}
.anatomy-legend{bottom:21px;letter-spacing:.09em}.anatomy-legend span:first-child{color:#8c5d40}.anatomy-legend b{font-weight:800}
.anatomy-art{position:relative;width:100%;aspect-ratio:820/540}
.anatomy-art svg{display:block;width:100%;height:100%}
.anatomy-art .coat-fill{fill:url(#furTone);transition:fill .5s ease}
.anatomy-inner-face{opacity:1;transition:opacity .35s}
.anatomy-art[data-mode="outside"] .anatomy-inner-face{opacity:0}
.anatomy-art:not([data-mode="outside"]) .coat-fill{fill:url(#cutawayTone)}
.anatomy-art:not([data-mode="outside"]) .rabbit-shell{stroke:#31594d}
.anatomy-art [data-anatomy-layer]{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}
.anatomy-art[data-mode="outside"] [data-anatomy-layer="outside"],.anatomy-art[data-mode="bones"] [data-anatomy-layer="bones"],.anatomy-art[data-mode="blood"] [data-anatomy-layer="blood"],.anatomy-art[data-mode="food"] [data-anatomy-layer="food"]{opacity:1;visibility:visible}
.anatomy-art[data-mode="blood"] .anatomy-heart{transform-box:fill-box;transform-origin:center;animation:rabbitPulse 1.5s ease-in-out infinite}
.anatomy-art[data-mode="blood"] .blood-vessel{stroke-width:7;fill:none;stroke-linecap:round;stroke-dasharray:15 7;animation:rabbitFlow 2.3s linear infinite}
.anatomy-art[data-mode="blood"] .blood-return{animation-direction:reverse}
.anatomy-art[data-mode="food"] [data-anatomy-layer="food"]{animation:rabbitAppear 1.2s ease both}
.anatomy-art[data-mode="food"] .food-route{animation:rabbitFlow 2.8s linear infinite}
.anatomy-art[data-paused="true"] .anatomy-heart,.anatomy-art[data-paused="true"] .blood-vessel,.anatomy-art[data-paused="true"] .food-route{animation-play-state:paused!important}
.anatomy-art[data-paused="true"] [data-anatomy-layer="food"]{animation:none!important}
@keyframes rabbitPulse{50%{transform:scale(1.14)}}@keyframes rabbitFlow{to{stroke-dashoffset:-44}}@keyframes rabbitAppear{from{opacity:.22}to{opacity:1}}
.anatomy-hotspots{position:absolute;inset:0;pointer-events:none}
.anatomy-hotspots button{pointer-events:auto;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border:2px solid #fff9e9;border-radius:50%;background:#bc764a;color:#fff8e8;box-shadow:0 0 0 7px #f8e4c765,0 6px 20px #244f4170;font-size:13px;font-weight:800;transition:background .25s,box-shadow .25s,transform .25s;animation:rabbitDot .9s ease both;animation-delay:calc(var(--dot) * 110ms)}
.anatomy-hotspots button:hover,.anatomy-hotspots button[aria-pressed="true"]{background:#1e5b4d;box-shadow:0 0 0 8px #f6d49ab0,0 5px 24px #164a3e99;transform:translate(-50%,-50%) scale(1.14)}
.anatomy-hotspots button:focus-visible,.anatomy-tabs button:focus-visible,.anatomy-detail button:focus-visible,.anatomy-pause:focus-visible{outline:3px solid #f8cd76;outline-offset:4px}
@keyframes rabbitDot{from{opacity:0;scale:.5}to{opacity:1;scale:1}}
.anatomy-detail{padding:clamp(28px,3.5vw,55px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#fffaf0,#ebebd7)}
.anatomy-detail .anatomy-overline{color:#9e764e}.anatomy-count{font-size:11px;letter-spacing:.13em;color:#739080;margin-top:37px}
.anatomy-detail h3{font:normal clamp(36px,3.2vw,50px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:13px 0 15px;color:#254435}
.anatomy-detail p{font-size:14px;line-height:1.85;color:#4f6b59;margin:0;min-height:120px}
.anatomy-fact{border-top:1px solid #c7d2b9;margin-top:19px;padding-top:19px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#8f704f}
.anatomy-detail button{margin-top:30px;align-self:flex-start;border:0;border-radius:4px 14px 4px 14px;padding:15px 19px;background:#284e3d;color:#fff7e7;font-size:12px;font-weight:800;display:flex;align-items:center;gap:25px}
.anatomy-detail button:hover{background:#396d51}
.anatomy-note{max-width:960px;font-size:11px;line-height:1.7;color:#c7d8c5;margin:19px 0 0}
@media(max-width:1000px){.anatomy-workspace{grid-template-columns:1fr}.anatomy-detail{display:grid;grid-template-columns:1fr auto;gap:9px 30px;padding:32px}.anatomy-detail .anatomy-overline,.anatomy-detail h3,.anatomy-detail p,.anatomy-fact{grid-column:1}.anatomy-count{grid-column:2;grid-row:1;margin:0;align-self:center}.anatomy-detail p{min-height:0}.anatomy-fact{margin-top:10px}.anatomy-detail button{grid-column:2;grid-row:3/5;align-self:center;margin:0}}
@media(max-width:760px){.anatomy{padding:77px 5% 83px}.anatomy-heading{display:block}.anatomy-heading p{margin-top:20px}.anatomy-tabs{grid-template-columns:repeat(2,1fr)}.anatomy-workspace{min-height:0}.anatomy-canvas-top,.anatomy-legend{left:17px;right:17px}.anatomy-legend span:last-child{display:none}}
@media(max-width:480px){.anatomy-heading h2{font-size:52px}.anatomy-tabs button{font-size:12px;min-height:56px;padding:10px}.anatomy-hotspots button{width:29px;height:29px;font-size:11px;box-shadow:0 0 0 5px #f8e4c765}.anatomy-canvas-top{top:10px;font-size:8px;gap:8px}.anatomy-pause{font-size:8px;padding:6px 8px;white-space:nowrap}.anatomy-legend{bottom:9px;font-size:8px}.anatomy-detail{display:block;padding:27px 23px}.anatomy-count{margin-top:20px}.anatomy-detail h3{font-size:39px}.anatomy-detail button{margin-top:22px}.anatomy-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.anatomy-art [data-anatomy-layer],.anatomy-art .coat-fill,.anatomy-hotspots button,.anatomy-tabs button{transition:none!important;animation:none!important}.anatomy-art[data-mode="blood"] .anatomy-heart,.anatomy-art[data-mode="blood"] .blood-vessel,.anatomy-art[data-mode="food"] [data-anatomy-layer="food"],.anatomy-art[data-mode="food"] .food-route{animation:none!important}}

/* A real school photograph anchors the illustrated anatomy in the actual animal corner. */
.anatomy-photo-intro{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:19px;padding:13px;background:#ffffff14;border:1px solid #d3e0c843;border-radius:6px 22px 6px 22px}
.anatomy-photo-intro img{width:112px;height:130px;object-fit:cover;object-position:center;border-radius:4px 16px 4px 16px}
.anatomy-photo-intro small{display:block;color:#e7c58a;font-size:9px;line-height:1.5;letter-spacing:.14em;font-weight:800}
.anatomy-photo-intro p{font-size:13px;line-height:1.65;color:#e0e8d9;margin:9px 0 0}
@media(max-width:760px){.anatomy-photo-intro{max-width:610px;margin-top:26px}}
@media(max-width:480px){
  .anatomy-heading h2{font-size:clamp(45px,12vw,52px)}
  .anatomy-photo-intro{grid-template-columns:86px minmax(0,1fr);gap:12px;padding:10px}
  .anatomy-photo-intro img{width:86px;height:104px}
  .anatomy-photo-intro small{font-size:8px}
  .anatomy-photo-intro p{font-size:11px;line-height:1.5;margin-top:4px}
  .anatomy-canvas{overflow:hidden;padding:50px 0 36px}
  .anatomy-art{width:clamp(440px,125vw,500px);max-width:none;flex:none;left:50%;transform:translateX(-50%)}
  .anatomy-hotspots button{width:40px;height:40px;font-size:12px;box-shadow:0 0 0 6px #f8e4c765,0 6px 16px #244f4150}
}