.system-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;align-items:center}.system-map{position:relative;width:100%;aspect-ratio:1;max-width:720px;margin:auto}.system-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.system-ring{fill:none;stroke:#f5f2ea24;stroke-width:1}.system-inner{fill:#141414;stroke:#f5f2ea40;stroke-width:1}.system-axis{fill:none;stroke:#f5f2ea55;stroke-width:1}.system-axis path.active{stroke:#e65332;stroke-width:3}.system-orbit{fill:none;stroke:#e65332;stroke-width:1.3;opacity:.35}.system-orbit path.active{opacity:1;stroke-width:3}.system-orbit:has(.active){opacity:1}.system-orbit path:not(.active){opacity:.3}.system-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;text-align:center}.system-center>span{font-size:11px;font-weight:500;letter-spacing:.16em;color:#e65332}.system-center strong{display:block;font:700 clamp(19px,2.1vw,31px)/1.05 Condensed;margin:10px 0}.system-center small{font-size:11px;color:#f5f2ea99}.system-node{position:absolute;transform:translate(-50%,-50%);width:27%;min-height:70px;padding:10px 5px;background:#141414;border:1px solid #f5f2ea35;color:#f5f2ea;font:700 clamp(15px,1.5vw,22px)/1.1 Condensed;cursor:pointer;transition:border-color .15s,background .15s}.system-node span{display:block;font:500 11px Barlow;letter-spacing:.1em;margin-bottom:6px;color:#e65332}.system-node:hover{border-color:#e65332}.system-node[aria-selected=true]{background:#e65332;color:#141414;border-color:#e65332}.system-node[aria-selected=true] span{color:#141414}.node-0{left:50%;top:9%}.node-1{left:84%;top:29%}.node-2{left:84%;top:71%}.node-3{left:50%;top:91%}.node-4{left:16%;top:71%}.node-5{left:16%;top:29%}.system-story .label{font-size:11px}.system-counter{color:#e65332;font-size:15px;letter-spacing:.12em;margin-bottom:24px}.system-story h3{font-size:clamp(35px,3.2vw,49px)}.system-description{min-height:150px}.system-next{border-top:1px solid #f5f2ea35;padding-top:18px;font-size:14px;font-weight:500}.system-controls{display:flex;gap:12px;margin:25px 0}.system-controls button{background:transparent;color:#f5f2ea;border:1px solid #f5f2ea55;min-height:48px;padding:10px 16px;cursor:pointer;font-size:15px}.system-controls button:hover{border-color:#e65332}.system-summary{font-size:15px;color:#f5f2eabb;margin-top:35px}.influence-system .section-heading>p{max-width:370px}
@media(max-width:1050px){.system-layout{grid-template-columns:1fr;gap:40px}.system-map{max-width:650px}.system-node{font-size:22px}.system-center strong{font-size:29px}.system-story{max-width:650px;margin:auto;width:100%}.system-description{min-height:0}.system-story h3{font-size:43px}}
@media(max-width:480px){.system-map{width:100%;margin:15px 0 0}.system-node{font-size:13px;width:29%;min-height:57px;padding:8px 3px}.system-node span{font-size:9px;margin-bottom:4px}.system-center strong{font-size:17px;margin:7px 0}.system-center>span{font-size:9px}.system-center small{font-size:8px}.system-story h3{font-size:36px}.system-controls button{padding:10px 14px}.system-layout{gap:35px}.influence-system .section-heading{margin-bottom:20px}}

.system-story h3{white-space:pre-line}