.system-main{max-width:1280px;margin:auto;padding:50px 24px}.system-main h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;margin:20px 0}.system-main h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:24px 0}.system-main p{max-width:85ch;line-height:1.6}.system-main section{margin:48px 0}.system-note{border-left:4px solid #8199a3;padding:12px 18px;background:#eef3f4}.system-frame{padding:20px;background:white;border:1px solid #b4c5d0;border-radius:8px;overflow:auto}.system-top{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.system-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:24px}.system-node{background:#eaf1f8;border:2px solid #617eaf;border-radius:4px;color:#152c3e;text-align:center;padding:18px 8px;cursor:pointer;min-height:112px;font:inherit}.system-node b{display:block;font-size:22px;margin:8px}.system-node span{font-size:14px}.system-node[aria-pressed=true]{background:#dcecff;border-color:#142842;box-shadow:0 0 0 3px #dcecff55}.system-links{display:flex;justify-content:space-between;gap:20px;color:#093692;font-weight:600;padding:14px 0}.system-links span{flex:1}.system-detail{background:#142842;color:white;padding:24px;margin:20px 0;min-height:110px}.system-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.system-actions button,.dispatch-table button{cursor:pointer;font:inherit;border:1px solid #142842;padding:10px 16px;background:white;color:#142842;border-radius:4px}.system-actions button:first-child{background:#142842;color:white}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.metric-panel{color:white;background:#415dd2;padding:20px}.metric-panel:nth-child(1){background:#bd362c}.metric-panel:nth-child(2){background:#147b8b}.metric-panel:nth-child(4){background:#7141ab}.metric-panel strong{display:block;font-size:32px;margin:8px 0 18px}.metric-panel span{font-size:14px}.dispatch-table{width:100%;border-collapse:collapse}.dispatch-table td,.dispatch-table th{padding:12px;text-align:left;border-bottom:1px solid #c6d0d4}.system-legend{font-size:14px}.system-frame .system-node:focus-visible{outline:3px solid #132;outline-offset:4px}@media(max-width:650px){.system-top,.system-bottom{gap:6px;min-width:640px}.dashboard{grid-template-columns:repeat(2,1fr)}.system-links{min-width:640px}.system-main{padding:30px 16px}.metric-panel{padding:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}