.tech-map{padding:85px 6vw;background:#0c1723}.map-intro{color:#a9c1d4;font-size:14px}.tech-network{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 45px;margin:45px 0}.tech-network svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tech-network path{fill:none;stroke:#48718d;stroke-width:2;stroke-dasharray:5 6;opacity:.6}.tech-network button,.map-center{position:relative;min-height:120px;padding:22px 16px;border:1px solid #3b576e;border-radius:8px;background:#142739;color:#eff8ff;text-align:center;font:inherit}.tech-network button{cursor:pointer;transition:background .2s,transform .2s}.tech-network button:hover{transform:translateY(-4px);background:#234760}.tech-network button[aria-pressed=true]{border-color:#c2e7fa;background:#244b66;box-shadow:0 0 25px #3d8db124}.tech-network button:focus-visible{outline:3px solid white;outline-offset:4px}.tech-network small{display:block;font-size:9px;letter-spacing:.1em;color:#99bed7}.tech-network strong{display:block;font-size:clamp(15px,1.8vw,23px);margin:12px 0 8px}.tech-network button span{font-size:11px;color:#b2cadd}.map-center{background:#bddded;color:#14394f;border:0;display:flex;flex-direction:column;justify-content:center}.map-center>span{font-weight:900;font-size:28px;letter-spacing:.1em}.map-center strong{font-size:12px}.tech-detail{padding:26px 32px;border-left:3px solid #a5d7f2;background:#142536;min-height:180px}.tech-detail h3{margin:0;font-size:24px}.tech-detail p{font-size:14px;color:#c0d2e0}.tech-detail a{font-size:12px;border-bottom:1px solid #648aa5;padding-bottom:5px}.map-note{font-size:11px;color:#8faabc}@media(max-width:760px){.tech-map{padding:55px 6vw}.tech-network{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}.map-center{grid-column:1/-1;grid-row:1;min-height:80px}.tech-network svg{display:none}.tech-network button{padding:20px 8px;min-height:126px}.tech-network strong{font-size:16px}.tech-detail{padding:24px 20px;min-height:220px}}
/* Pictograms are original visual cues, not software logos. */
.tech-network .tech-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 14px;border:1px solid #547e99;border-radius:14px;background:linear-gradient(145deg,#305c75,#152d41);color:#c8edff}
.tech-network .tech-icon svg{position:static;display:block;width:28px;height:28px;inset:auto}
.tech-network .tech-icon path{stroke:currentColor;stroke-width:1.5;stroke-dasharray:none;opacity:1}
.tech-network button.is-related{border-color:#759eb6}
.tech-network .tech-connections{z-index:0}.tech-network button,.tech-network .map-center{z-index:1}
@media(max-width:760px){.tech-network .tech-icon{width:40px;height:40px;margin-bottom:12px}.tech-network .tech-icon svg{display:block;width:24px;height:24px}}