#simulation-lab{scroll-margin-top:30px}.software-section:has(.sim-panel){grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:45px;align-items:center}.software-section:has(.sim-panel) h2{font-size:clamp(28px,3vw,42px)}.sim-panel{min-width:0;background:#fff;border:1px solid #18223822;border-radius:8px;overflow:hidden;box-shadow:0 12px 35px #18223808;color:#182238}.sim-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;background:#182238;color:#fff}.sim-heading b{font-size:14px}.sim-heading span{font-size:12px;white-space:nowrap;color:#e0e5ee}.sim-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #18223820;padding:0 12px}.sim-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;border-bottom:2px solid transparent;padding:17px 11px;background:none;color:#55585e;font:inherit;font-size:14px;cursor:pointer}.sim-tabs button[aria-selected=true]{color:#1c4fd6;border-bottom-color:#1c4fd6}.sim-tabs .brand-symbol{width:20px;height:20px;margin:0}.sim-panel canvas{display:block;width:100%;height:auto;aspect-ratio:720/330;border:1px solid #18223820;border-radius:4px;touch-action:manipulation}.sim-panel #sim-content{padding:16px 20px 0}.sim-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:13px;min-height:35px}.sim-options label{display:flex;align-items:center;gap:7px;font-size:14px;flex-wrap:wrap}.sim-options select{min-height:34px;max-width:170px;font:inherit;font-size:14px;border:1px solid #18223830;background:white;border-radius:4px;padding:4px}.sim-options input[type=range]{width:110px;accent-color:#1c4fd6}.sim-options output{font-family:'IBM Plex Mono',monospace;font-size:14px}.sim-panel button{font-family:inherit}.sim-options button,.sim-toolbar button{font-size:14px;min-height:38px;border:1px solid #18223833;background:white;color:#182238;border-radius:4px;padding:8px 12px;cursor:pointer}.sim-panel button:focus-visible,.sim-panel select:focus-visible,.sim-panel canvas:focus-visible{outline:3px solid #1c4fd6;outline-offset:-3px}.sim-help{font-size:13px!important;line-height:1.55!important;margin:10px 0!important;color:#55585e!important}.sim-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0 17px}.sim-metrics div+div{border-left:1px solid #18223820;padding-left:14px}.sim-metrics span{display:block;color:#55585e;font-size:13px;margin-bottom:5px}.sim-metrics strong{display:block;color:#1c4fd6;font-size:15px;font-weight:500;line-height:1.4}.sim-toolbar{display:flex;gap:9px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #18223820}.sim-toolbar .sim-primary{background:#1c4fd6;color:white;border-color:#1c4fd6}.sim-toolbar button:disabled{opacity:.45;cursor:default}.sim-toolbar .sim-expand{margin-left:auto;border-color:transparent;color:#1c4fd6}.sim-expanded{position:fixed;inset:20px;z-index:9000;overflow:auto;box-shadow:0 0 0 100vmax #182238bb;max-width:1150px;margin:auto}.sim-expanded canvas{max-height:57vh;object-fit:contain}.sim-expanded .sim-options{justify-content:center}@media(max-width:1000px){.software-section:has(.sim-panel){grid-template-columns:1fr;gap:25px}.software-section:has(.sim-panel)>div:first-child{max-width:650px}}@media(max-width:520px){.sim-heading{padding:14px 12px;gap:6px}.sim-heading b{font-size:12px}.sim-heading span{font-size:11px}.sim-panel #sim-content{padding:12px 10px 0}.sim-tabs{padding:0 3px}.sim-tabs button{padding:14px 9px}.sim-options button{font-size:13px}.sim-toolbar{padding:12px 10px}.sim-metrics strong{font-size:14px}.sim-metrics div+div{padding-left:8px}.sim-expanded{inset:8px}.sim-toolbar .sim-expand{margin-left:0}}