/* Hub layout — sits on top of the simulator's stylesheet (reused for case cards/editor). */
:root { --hub-bg:#070b11; }
body { margin:0; background:var(--hub-bg); color:var(--text,#cbd5e1);
  font-family:'Courier New',monospace; min-height:100vh; }

.hub-header { display:flex; align-items:center; gap:18px; padding:12px 18px;
  background:#0b1320; border-bottom:1px solid var(--border,#1a2a3a); flex-wrap:wrap; }
.hub-logo { font-size:1.25em; font-weight:700; color:var(--ecg,#00ff88); letter-spacing:3px; }
.hub-logo span { color:var(--dim,#64748b); font-size:.6em; letter-spacing:2px; margin-left:4px; }
.hub-nav { display:flex; gap:6px; flex:1; flex-wrap:wrap; }
.hub-navbtn { font-family:inherit; font-size:.7em; letter-spacing:.5px; padding:6px 13px;
  background:transparent; border:1px solid var(--border,#1a2a3a); border-radius:5px;
  color:var(--dim,#64748b); cursor:pointer; transition:all .15s; }
.hub-navbtn:hover:not(:disabled) { background:var(--border,#1a2a3a); color:var(--text,#cbd5e1); }
.hub-navbtn.active { border-color:var(--ecg,#00ff88); color:var(--ecg,#00ff88); }
.hub-navbtn:disabled { opacity:.4; cursor:default; }
.hub-launch { font-size:.72em; letter-spacing:.5px; padding:7px 14px; border-radius:5px;
  text-decoration:none; color:#0b1320; font-weight:700; background:var(--ecg,#00ff88);
  border:1px solid var(--ecg,#00ff88); white-space:nowrap; }
.hub-launch:hover { filter:brightness(1.1); }

.hub-main { padding:16px 18px 40px; max-width:1400px; margin:0 auto; }
.hub-view-bar { display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.hub-view-title { font-size:.8em; font-weight:700; letter-spacing:2px; color:var(--text,#cbd5e1); }
.hub-view-sub { color:var(--dim,#64748b); font-weight:400; letter-spacing:.5px; margin-left:8px; font-size:.85em; }

/* The reused cases body renders inline (not as the sim's full-screen overlay). */
.hub-cases-body { display:block; }
.hub-cases-body .cases-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.hub-cases-body .cases-editor { margin-top:8px; }