.research-bar{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px max(20px,calc((100vw - 1200px)/2));background:#fff;color:#162f38;border-bottom:1px solid #d7e1e3;font:14px/1.6 system-ui,sans-serif;position:relative;z-index:5}.research-bar a{color:#11636a;text-decoration:underline;text-underline-offset:3px}.research-bar a:first-child{font-weight:650}.research-bar a:focus-visible{outline:3px solid #b16b23;outline-offset:4px}.resource-note{font:14px/1.65 system-ui,sans-serif;padding:14px 18px!important;background:#f2f6f6!important;color:#162f38!important;border-left:3px solid #11636a;max-width:1100px;margin:16px auto!important;text-align:left}button,input,select{max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b16b23;outline-offset:3px}svg,canvas{max-width:100%}.card,.panel,.stack,.grid>*,.controls-grid>*{min-width:0}table{max-width:100%}@media(max-width:600px){.research-bar{gap:10px 17px;padding:14px 18px}.research-bar a{min-height:28px}.controls-grid{grid-template-columns:1fr!important}.resource-note{margin:14px 12px!important}h1{overflow-wrap:anywhere}select{min-width:0!important;max-width:100%}input[type=range]{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.research-bar{display:none}.resource-note{background:white!important}}
.explorer,.explorer>div{min-width:0}.explorer .controls{grid-template-columns:minmax(0,1fr) auto}.explorer .controls input{width:100%;min-width:0}.explorer .board{width:100%;max-width:290px}.hint .mono{overflow-wrap:anywhere}@media(max-width:600px){.explorer{grid-template-columns:minmax(0,1fr)!important}.explorer .controls{grid-template-columns:1fr}.explorer .board{max-width:280px}}
.research-table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.research-table-scroll:focus-visible{outline:3px solid #b16b23;outline-offset:2px}
.demo-guide{box-sizing:border-box;max-width:1200px;margin:22px auto;padding:22px 26px;background:#fff;color:#163139;border:1px solid #cbdadc;border-radius:10px;font:16px/1.6 system-ui,sans-serif;text-align:left}.demo-guide *{box-sizing:border-box}.demo-guide h2{font:600 19px/1.35 system-ui,sans-serif;margin:0;color:#163139}.guide-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap;margin-bottom:14px}.demo-guide a{color:#11636a;text-decoration:underline;text-underline-offset:3px}.demo-guide summary{font-size:15px;font-weight:600;cursor:pointer;padding:7px 0;color:#163139}.demo-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:12px 0 18px;padding-left:22px}.demo-guide li{padding-left:3px;font-size:15px}.demo-guide li strong{display:block}.demo-guide p{font-size:15px;color:#163139}.demo-skip{position:absolute;top:-100px;left:16px;z-index:100;background:white;color:#164852;padding:12px}.demo-skip:focus{top:8px}@media(max-width:760px){.demo-guide{margin:16px 12px;padding:18px}.demo-guide ol{grid-template-columns:1fr;gap:12px}.guide-heading h2{font-size:18px}}button:disabled{cursor:not-allowed}.research-bar a{min-height:28px;display:inline-flex;align-items:center}
.region-workshop{margin:24px 0}.region-workshop>summary{font:600 17px/1.5 system-ui,sans-serif;cursor:pointer;padding:16px;border:1px solid #cbdadc;border-radius:8px;background:white;color:#163139}.region-workshop>.card{margin-top:12px}tr[tabindex]:focus-visible{outline:3px solid #b16b23;outline-offset:-3px}