.body-experience{margin-top:80px;padding:40px;background:#051326;border:1px solid #24445d;border-radius:24px;color:#edf7ff;scroll-margin-top:110px;overflow:hidden}
.body-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:end;margin-bottom:32px}
.body-intro .eyebrow{color:#83d6f6;margin:0 0 18px}
.body-intro h3{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0}
.body-intro h3 span{color:#77d6ff}
.body-intro p:not(.eyebrow){font-size:17px;line-height:1.65;color:#c4d8e7;margin:0 0 22px}
.body-intro .btn{background:#90e0ff;border-color:#90e0ff;color:#07182a;padding:15px 20px;font-size:16px}
.body-duration{font-size:14px;opacity:.75;margin-left:14px}
.body-workspace{display:grid;grid-template-columns:minmax(185px,.75fr) minmax(300px,1.45fr) minmax(280px,1.15fr);gap:20px;align-items:start}
.body-system-nav{display:grid;gap:10px;padding-top:14px}
.body-system-nav button{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px;text-align:left;border:1px solid #2c526c;border-radius:12px;background:#0a2036;color:#d9e8f3;font:inherit;font-size:15px;line-height:1.35;cursor:pointer}
.body-system-nav button span{color:#8bdafa;font-size:13px;min-width:22px}
.body-system-nav button:hover,.body-system-nav button[aria-pressed=true]{color:white;border-color:#8bdeff;background:#123b55;box-shadow:inset 3px 0 #8bdeff}
.body-nav-note{color:#9fb9cb;font-size:14px;line-height:1.6;padding:0 8px}
.body-anatomy{position:relative;aspect-ratio:790/800;overflow:hidden;border-radius:16px;background:#051326;isolation:isolate}
.body-anatomy>img{position:absolute;width:211.646%;max-width:none;height:auto;left:-50%;top:0;display:block}
.body-anatomy::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px 15px #051326;z-index:1}
.body-anatomy::before{content:"";position:absolute;left:0;top:0;width:17%;height:55%;background:linear-gradient(90deg,#051326 78%,transparent);pointer-events:none;z-index:1}
.body-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.body-connections path{fill:none;stroke:#79dfff;stroke-width:3;opacity:.15;transition:opacity .3s}
.body-anatomy[data-active-system=overview] path{opacity:.55}
.body-anatomy[data-active-system=brain] [data-body-path=brain],.body-anatomy[data-active-system=heart] [data-body-path=heart],.body-anatomy[data-active-system=lungs] [data-body-path=lungs],.body-anatomy[data-active-system=vascular] [data-body-path=vascular],.body-anatomy[data-active-system=ear] path{opacity:1;stroke-dasharray:7 8;animation:body-flow 3s linear infinite}
.body-marker{position:absolute;z-index:3;padding:10px 12px;color:white;background:#071d31;border:1px solid #6dcaef;border-radius:10px;font:inherit;font-size:clamp(12px,1.1vw,15px);cursor:pointer;line-height:1.2;white-space:nowrap;box-shadow:0 0 16px #051326}
.body-marker span{color:#8bdfff;margin-left:6px}
.body-marker:hover,.body-marker[aria-pressed=true]{background:#a0e4ff;color:#06182a;border-color:#d4f3ff;box-shadow:0 0 24px #5cccf85c}
.body-marker[aria-pressed=true] span{color:#06182a}
.body-brain{left:68%;top:7%;min-width:17%}.body-ear{left:8%;top:18%;min-width:20%;min-height:7%}.body-heart{left:2%;top:60%;min-width:17%}.body-lungs{right:1%;top:41%;min-width:15%}.body-vascular{left:0;top:79%;min-width:20%}
.body-image-note{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;font-size:13px;color:#d7e8f4;background:#06172bdc;padding:6px 12px;border-radius:7px;white-space:nowrap}
.body-detail{background:#0a1e32;border:1px solid #32536d;border-radius:17px;padding:22px;min-height:530px;scroll-margin-top:110px}
.body-selected-label{margin:0 0 18px;font-size:20px;color:white;font-weight:500}
.body-detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;background:#061427;border-radius:9px;border:1px solid #2b455f;margin-bottom:24px}
.body-detail-tabs button{border:0;background:transparent;color:#b9ccdc;border-radius:6px;padding:9px 3px;font:inherit;font-size:14px;cursor:pointer}
.body-detail-tabs button[aria-selected=true]{background:#1d5775;color:white}
.body-detail h4{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px;font-weight:500}
.body-detail-copy,.body-detail p,.body-detail li{font-size:15px;line-height:1.65;color:#c8d9e7}
#body-detail-copy p{margin:0}#body-detail-copy ul{padding-left:20px;margin:0}#body-detail-copy li+li{margin-top:9px}
.body-correlation{border-top:1px solid #2e4c64;margin-top:24px;padding-top:20px}
.body-correlation .eyebrow{font-size:11px;letter-spacing:.09em;color:#8bdfff;margin:0 0 12px}
.body-correlation h5{font-size:17px;line-height:1.5;margin:0 0 10px;color:#e0f3ff;font-weight:500}
.body-correlation p{margin:0 0 12px}
.body-detail .body-review{font-size:14px;color:#9ebcce}
.body-chapter-link,.body-profile-link{display:block;font:inherit;font-size:14px;line-height:1.5;color:#90dcff;margin-top:18px;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.body-profile-link{color:#d3e9f6;margin-top:12px}
.body-data-story{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #28465d;padding-top:26px;margin-top:28px}
.body-data-story span{font-size:14px;color:#89dcfa}.body-data-story p{font-size:15px;color:#bed3e2;line-height:1.6;margin:10px 0 0}
.body-capability-note{color:#a7c0d2;font-size:14px;line-height:1.6;margin:26px 0 0}.body-capability-note a{color:#9cdef8;text-decoration:underline}
.body-transcript{margin-top:24px;border-top:1px solid #28465d;padding-top:22px;font-size:15px;color:#c8d9e7}.body-transcript summary{cursor:pointer;color:#d7efff}.body-transcript p{line-height:1.7;max-width:850px}
.body-experience button:focus-visible,.body-experience a:focus-visible,.body-film-dialog button:focus-visible,.body-experience summary:focus-visible{outline:3px solid #c9f0ff;outline-offset:4px}
.body-film-dialog{width:min(1100px,95vw);max-height:92dvh;margin:auto;padding:22px;border:1px solid #4a7c9b;border-radius:18px;background:#051326;color:#e7f6ff;overflow:auto}
.body-film-dialog::backdrop{background:#010710ed;backdrop-filter:blur(8px)}
.body-film-heading{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:20px}
.body-film-heading .eyebrow{font-size:12px;color:#87d5f5;margin:0 0 8px}.body-film-heading h3{font-size:26px;line-height:1.2;margin:0;font-weight:500}
#body-film-close{border:1px solid #47738f;border-radius:50%;background:#0a2740;color:#fff;width:44px;height:44px;font-size:28px;cursor:pointer;flex-shrink:0}
#body-film{display:block;width:100%;max-height:64dvh;background:#020911;border-radius:9px}
.body-film-chapters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.body-film-chapters button{background:#0b263e;border:1px solid #3b5c75;color:#d6e8f5;border-radius:8px;padding:9px 12px;font:inherit;font-size:14px;cursor:pointer}
.body-film-chapters button[aria-pressed=true]{border-color:#9ce2ff;background:#23516b;color:white}
.body-film-status{font-size:15px;color:#9fdef8;margin:14px 0}.body-film-note{font-size:13px;color:#afc7d8;line-height:1.5;margin:0}
@keyframes body-flow{to{stroke-dashoffset:-60}}
@media(min-width:1500px){.body-detail h4{font-size:28px}.body-detail p,.body-detail li,.body-system-nav button{font-size:16px}}
@media(max-width:1170px){.body-experience{padding:28px}.body-workspace{grid-template-columns:1.15fr 1fr}.body-system-nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding:0}.body-nav-note{display:none}.body-detail{min-height:0}.body-intro{gap:24px}.body-marker{font-size:14px}}
@media(max-width:760px){.body-experience{margin-top:48px;padding:24px 16px;border-radius:16px}.body-intro{grid-template-columns:1fr;gap:24px}.body-intro h3{font-size:32px}.body-intro p:not(.eyebrow){font-size:16px}.body-workspace{grid-template-columns:1fr;gap:20px}.body-system-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.body-system-nav button{font-size:14px;padding:10px;min-height:58px;gap:8px}.body-anatomy{max-width:570px;width:100%;justify-self:center}.body-detail{padding:20px}.body-data-story{grid-template-columns:1fr;gap:20px}.body-marker{font-size:13px;padding:8px 10px}.body-film-dialog{padding:14px}.body-film-heading h3{font-size:22px}.body-film-heading .eyebrow{font-size:10px}.body-film-chapters button{font-size:13px;padding:8px}.body-capability-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.body-connections path{animation:none!important;transition:none!important}}
