.anatomy-section{background:var(--paper);overflow:hidden}
.anatomy-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:35px}
.anatomy-heading h2{font-size:clamp(43px,5vw,70px);margin:0}
.anatomy-heading h2 em{color:var(--blue)}
.anatomy-heading>p{max-width:460px;margin:0 0 5px;color:#60736a;font-size:16px;line-height:1.65}
.system-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.system-tabs{display:flex;gap:5px;padding:5px;background:#e5e9df;border:1px solid #ccd7ca;border-radius:100px}
.system-tabs button{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 21px;border:0;border-radius:100px;background:transparent;color:#516a60;font-size:13px;font-weight:750;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.system-tabs button>span{font-size:10px;opacity:.62;font-weight:600}
.system-tabs button small{font-size:10px;letter-spacing:.04em;opacity:.72}
.system-tabs button:hover{background:#d7e0d4}
.system-tabs button.is-active{background:var(--forest);color:var(--white);box-shadow:0 4px 12px #163d3822}
.system-toolbar-note{display:flex;gap:17px;align-items:center;color:#79897e;font-size:12px}
.system-toolbar-note>span{font-size:25px;font-weight:400;color:#7c9c88}
.system-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);border:1px solid #cdd8c9;border-radius:25px;overflow:hidden;background:#fcfcf6;box-shadow:0 16px 45px #304b3e08}
.system-visual{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 47% 39%,#fffdf4 0%,#e8ede1 54%,#d8e3d4 100%)}
.system-visual-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px 0;color:#52715e;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.system-count{white-space:nowrap;padding:6px 10px;border:1px solid #b5c7af;border-radius:100px;font-size:10px;font-weight:650;letter-spacing:0;text-transform:none}
.system-scene{display:block;position:relative;width:100%;margin:auto 0;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.system-scene.is-expanded{cursor:zoom-out}
.system-scene:focus-visible{outline:2px solid var(--blue);outline-offset:-5px;border-radius:18px}
.system-svg-host{display:block;width:100%;aspect-ratio:1000/720}
.system-svg-host>svg,.system-svg-host>img{display:block;width:100%;height:auto;max-height:none}
.system-svg-host .assembly-part{transform:translate(0,0);transition:transform .8s cubic-bezier(.2,.65,.2,1),opacity .3s ease;transform-box:view-box;transform-origin:0 0}
.system-scene.is-expanded .assembly-part{transform:translate(var(--explode-x,0px),var(--explode-y,0px))}
.system-scene.has-layer-focus .assembly-part{opacity:.42}
.system-scene.has-layer-focus .assembly-part.is-selected{opacity:1}
.system-scene .layer-marker circle{transition:fill .25s,stroke .25s}
.system-scene .assembly-part.is-selected .layer-marker circle{fill:var(--honey);stroke:var(--forest)}
.system-scene .assembly-part.is-selected .layer-marker text{fill:var(--forest-deep)}
.system-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 23px 21px}
.system-scene-footer>p{max-width:245px;margin:0;color:#607461;font-size:11px;line-height:1.55}
.system-expand{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:43px;padding:11px 16px;border:1px solid #abc0a7;border-radius:100px;background:#f9fbf3c4;color:var(--forest);font-size:11px;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s}
.system-expand:hover{background:#fffefa;border-color:#67886d}
.system-expand[aria-expanded=true]{background:var(--forest);color:#fff;border-color:var(--forest)}
.system-expand:disabled{opacity:.55;cursor:wait}
.system-explanation{padding:29px 27px 24px;border-left:1px solid #d0dccb;display:flex;flex-direction:column;justify-content:center}
.system-explanation-kicker{margin:0 0 8px;color:#7a8d7a;font-size:10px;letter-spacing:.09em;font-weight:700;text-transform:uppercase}
.system-explanation h3{margin:0 0 19px;font-family:var(--display);font-size:clamp(22px,2.15vw,29px);line-height:1.08;letter-spacing:-.045em;color:var(--forest)}
.system-layer-list{display:grid;gap:4px;list-style:none;padding:0;margin:0}
.system-layer-list button{display:flex;align-items:center;gap:11px;width:100%;min-height:60px;padding:8px 9px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;color:var(--forest);cursor:pointer;transition:background .2s,border-color .2s}
.system-layer-list button:hover{background:#edf1e7;border-color:#d6dfcf}
.system-layer-list button[aria-pressed=true]{background:#e6edde;border-color:#a4ba9f}
.system-layer-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #b8c7af;border-radius:50%;background:#f3f5ec;color:#5d7a61;font-size:12px;font-weight:750;transition:background .2s,color .2s}
.system-layer-list button[aria-pressed=true] .system-layer-number{background:var(--forest);color:#fff;border-color:var(--forest)}
.system-layer-list strong{display:block;font-size:13px;font-weight:750;line-height:1.35}
.system-layer-list small{display:block;margin-top:3px;color:#73816c;font-size:11px;line-height:1.4;font-weight:450}
.system-detail-note{margin:16px 0 0;padding:15px 0 0;border-top:1px solid #dce3d5;font-size:11px;line-height:1.65;color:#6f7e69}
.system-afterword{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:21px}
.system-afterword>p{max-width:550px;margin:0;color:#7c867b;font-size:11px;line-height:1.6}
.system-afterword .text-link{flex:none;padding:0 0 7px;border:0;border-bottom:1px solid #91a695;background:none;font-size:12px;white-space:nowrap;color:var(--forest);cursor:pointer}
.system-tabs button:focus-visible,.system-expand:focus-visible,.system-layer-list button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1100px){
  .anatomy-heading{gap:40px}
  .system-workbench{grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr)}
  .system-explanation{padding:24px 18px}
  .system-visual-head{padding:20px 20px 0}
  .system-scene-footer{flex-direction:column;align-items:flex-start;gap:11px;padding:0 20px 22px}
  .system-scene-footer>p{max-width:none}
  .system-toolbar-note{display:none}
}
@media(max-width:760px){
  .anatomy-heading{grid-template-columns:1fr;gap:20px;margin-bottom:27px}
  .anatomy-heading>p{max-width:530px;font-size:15px}
  .system-workbench{grid-template-columns:1fr}
  .system-explanation{border-left:0;border-top:1px solid #cfdbc7;padding:27px 23px}
  .system-explanation h3{font-size:27px}
  .system-layer-list{grid-template-columns:1fr 1fr;gap:5px 10px}
  .system-layer-list button{height:100%;align-items:flex-start;min-height:76px;padding:9px 5px}
  .system-layer-number{width:27px;height:27px}
  .system-scene-footer{flex-direction:row;align-items:center}
  .system-scene-footer>p{max-width:260px}
  .system-afterword{align-items:flex-start;flex-direction:column;gap:17px}
}
@media(max-width:620px){
  .anatomy-heading h2{font-size:clamp(38px,9.4vw,50px)}
  .anatomy-heading>p{font-size:14px}
  .system-tabs{width:100%;border-radius:15px;gap:4px;padding:4px}
  .system-tabs button{flex:1;justify-content:center;flex-wrap:wrap;gap:2px 5px;min-height:57px;padding:9px 7px;border-radius:11px;font-size:11px;line-height:1.3}
  .system-tabs button>span{display:none}
  .system-tabs button small{flex-basis:100%;font-size:9px}
  .system-toolbar{margin-bottom:15px}
  .system-workbench{border-radius:18px}
  .system-visual-head{padding:15px 15px 0;font-size:9px;letter-spacing:.03em}
  .system-count{font-size:9px;padding:5px 8px}
  .system-scene .layer-marker circle{r:23px}
  .system-scene .layer-marker text{font-size:22px;transform:translateY(2px)}
  .system-scene .system-watermark text{font-size:26px}
  .system-scene .system-watermark path{display:none}
  .system-scene-footer{padding:0 14px 16px;gap:10px}
  .system-scene-footer>p{font-size:10px;max-width:138px}
  .system-hint-desktop{display:none}
  .system-scene-footer>p::first-letter{text-transform:uppercase}
  .system-expand{min-height:41px;padding:9px 12px;gap:7px;font-size:10px}
  .system-explanation{padding:23px 17px 20px}
  .system-explanation h3{font-size:25px;margin-bottom:15px}
  .system-layer-list{grid-template-columns:1fr;gap:1px}
  .system-layer-list button{align-items:center;min-height:58px;padding:7px}
  .system-layer-list strong{font-size:13px}
  .system-layer-list small{font-size:11px}
  .system-detail-note{font-size:10px}
  .system-afterword>p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .system-svg-host .assembly-part{transition:none}
}