/* IOLab Simple — friendly skin layered over the real IOLabWeb engine.
   CSS only: hides clutter + enlarges the buttons that matter. No JS logic touched. */
.simple-guide{
  max-width:920px;margin:14px auto;padding:16px 20px;border-radius:14px;
  background:#eef4ff;border:1px solid #cdddff;color:#123;font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;
}
.simple-guide h2{margin:0 0 8px;font-size:18px;color:#1a3a7a}
.simple-guide ol{margin:6px 0 0;padding-left:22px}
.simple-guide li{margin:4px 0}
.simple-guide .tip{margin-top:10px;font-size:13px;color:#555}
.simple-guide a{color:#2a5bd7;font-weight:600}
/* make the primary connect + record buttons big and obvious */
#butConnect,#butStartStop{
  font-size:17px !important;font-weight:700 !important;padding:10px 18px !important;
  border-radius:10px !important;cursor:pointer;
}
@media (prefers-color-scheme: dark){
  .simple-guide{background:#16233f;border-color:#2b3d63;color:#e7edff}
  .simple-guide h2{color:#8fb4ff}
  .simple-guide .tip{color:#9fb0d6}
}