@font-face{font-family:SurfaceManrope;src:url('/company-profile/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}:root{font-family:SurfaceManrope,Manrope,Arial,sans-serif}body,button,input,select,textarea{font-family:SurfaceManrope,Manrope,Arial,sans-serif}body *{font-weight:500!important}.demo-links{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#232429;color:#d7e2ff;padding:12px 30px;font-size:11px}.demo-links a{color:inherit;text-decoration:none;min-height:24px;display:flex;align-items:center}.demo-links a:hover{text-decoration:underline}.demo-guide{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px 30px 0}.demo-guide>span{font-size:11px;color:#465d70;margin-right:6px}.demo-guide button{font-size:11px;color:#285d81;border:1px solid #c9d7e3;background:#fff;border-radius:6px;min-height:36px;padding:8px 12px}.demo-guide button:hover{background:#e7f1ff}.demo-guide>small{width:100%;font-size:10px;color:#657b8c;margin-top:3px}.role-select{max-width:220px}.mode-banner{flex-wrap:wrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4389ed;outline-offset:3px}.plant-node:focus-visible{outline:3px solid #4389ed}.content{min-width:0}.chart{max-width:100%}@media(max-width:640px){.demo-links{padding:10px 16px;font-size:10px;gap:8px}.demo-guide{padding:12px 16px 0;gap:7px}.demo-guide button{min-height:40px;font-size:10px;padding:8px 10px}.demo-guide>span{width:100%}.demo-guide>small{font-size:9px}.mode-banner{font-size:10px;gap:7px}.topbar .role-select{font-size:10px;max-width:155px}.demo-links a{min-height:30px}}@media print{.demo-links,.demo-guide{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.demo-guide .material-guide-label{width:100%;margin-left:0;margin-top:8px}.material-cards .material-card{min-width:0}@media(max-width:800px){.demo-guide .material-guide-label{width:100%;margin-left:0;margin-top:8px}.material-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.material-cards{grid-template-columns:1fr}.demo-guide button{min-height:40px}}