/* Motion supports reading and direct manipulation; nothing loops below Hero. */
.page-section.system{padding-bottom:0}
.system-map{min-height:560px;padding-top:30px;padding-bottom:90px}.system-map .orb{inset:0 -14% -20px;opacity:1;overflow:hidden}.orb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;max-width:none}.system-map .system-node{background:#242424;border-color:#484848;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:4px}.system-map .brain{padding:28px 24px}.system-map .system-connectors{height:130px;stroke-dasharray:2 6;stroke-linecap:round}.system-map .system-connectors path{stroke:#a7a7a7}.system-map .system-ends .system-node{min-height:180px}.system-map .system-node p{color:#d0d0d0}.system-map .system-detail{position:relative;background:#181818c9;padding:12px 18px}
@media(max-width:600px){.system-map{min-height:0;padding-top:12px;padding-bottom:30px}.system-map .orb{inset:55px -55% 0}.orb img{width:100%;min-height:620px;object-fit:cover;object-position:top center}.system-map .system-connectors{height:42px}.system-map .system-ends .system-node{min-height:0;background:#242424}.system-map .brain{padding:24px}}
.system-map .orb img{filter:blur(1.4px)}
/* Crop the globe to the diagram; fade and soften its lower edge without an empty tail. */
.system-map{min-height:0;padding-top:12px;padding-bottom:clamp(36px,3.5vw,48px)}.system-map .orb{bottom:0;mask-image:linear-gradient(to bottom,#000 80%,#000c 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 80%,#000c 90%,transparent 100%)}.system-map .orb::after{content:"";position:absolute;inset:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(to bottom,transparent 62%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 62%,#000 100%);pointer-events:none}.system-map .system-connectors{height:95px}
@media(max-width:600px){.system-map{padding-bottom:32px}.system-map .system-connectors{height:42px}}
.enter-ready{opacity:.12;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--enter-delay,0ms)}
.enter-ready.is-entered{opacity:1;transform:none}
.field-visual>svg{transform:translate(var(--study-x,0px),var(--study-y,0px)) scale(var(--study-scale,1));transition:transform .55s cubic-bezier(.2,.65,.3,1);transform-origin:center}
.system-choice{font:inherit;letter-spacing:inherit;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
.system-choice::after{content:"+";font-size:20px;line-height:1;font-weight:300;color:#aaa}
.system-choice[aria-pressed=true]::after{content:"−";color:#eee}
.system-choice::before{content:"";position:absolute;inset:0;border-radius:4px}
.system-choice:focus-visible{outline:none}.system-choice:focus-visible::before{outline:2px solid #ededed;outline-offset:5px}
.system-node{transition:background-color .25s,border-color .25s}
.system-ends .system-node.is-active{background:#303030;border-color:#b0b0b0}
.system-map.has-selection .brain{border-color:#929292}
.system-connectors path{transition:stroke .3s,opacity .3s;stroke:#666}
.system-map.has-selection .system-connectors path{opacity:.3}
.system-map.has-selection .system-connectors path.is-active{opacity:1;stroke:#ddd;stroke-width:1.7}
.system-detail{font-size:var(--type-body);line-height:1.65;color:#c2c2c2;margin:28px 0 0;border-left:1px solid #929292;padding-left:20px;max-width:700px}
.system-detail[hidden]{display:none}
.text-link{position:relative}.text-link span{transition:transform .25s}.text-link:hover span,.text-link:focus-visible span{transform:translate(3px,-3px)}
.nav-links a[aria-current=location]{color:#fff}.nav-links a[aria-current=location]>span{color:#fff}
@media(hover:hover) and (pointer:fine){.system-ends .system-node:hover{border-color:#929292}.system-choice:hover{color:#fff}}
@media(max-width:600px){.enter-ready{transform:translateY(12px)}.enter-ready.is-entered{transform:none}.system-map.has-selection .system-connectors path{opacity:.5}.system-map.has-selection .system-connectors path.is-active{opacity:1}}
@media(prefers-reduced-motion:reduce){.enter-ready{opacity:1;transform:none;transition:none}.field-visual>svg{transform:none;transition:none}.system-node,.system-connectors path,.text-link span{transition:none}.text-link:hover span,.text-link:focus-visible span{transform:none}}

/* System description follows its heading in both languages. */
.system .section-heading{display:block}.system .section-heading>p{max-width:720px;margin:24px 0 0}

.system-map .brain p{text-align:left}