/* Supply Chain Lab design system tokens and shared chrome */
:root{
  --rmit-red:#E60028; --rmit-navy:#000054; --ink:#0a0a23; --bg:#f8f9ff;
  --line:#e6e8f2; --green:#0a8f5b; --amber:#c98a00; --grey:#6b7099;
  --radius:18px; --radius-s:10px; --sp-1:4px; --sp-2:8px; --sp-3:12px;
  --sp-4:16px; --sp-5:24px; --sp-6:32px; --w-hub:1440px; --w-game:1440px; --w-doc:920px;
  --shadow:0 8px 30px rgba(0,0,84,.06);
}
/* unified floating chrome */
#rmitLabBtn{display:none;position:fixed;top:14px;left:14px;z-index:99999;display:inline-flex;align-items:center;gap:8px;
  background:var(--rmit-navy);color:#fff;font:600 12.5px Inter,system-ui,sans-serif;padding:8px 14px;
  border-radius:999px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,84,.25)}
#rmitLabBtn .rl-mark{color:var(--rmit-red);font-weight:800}
#rmitLabBtn:hover{background:#0a0a70}
.rl-footer{text-align:center;color:var(--grey);font:400 12px Inter,system-ui,sans-serif;padding:22px 0 26px}
/* shared primitives (namespaced - opt-in, never overrides page css) */
.rl-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--rmit-navy);
  font:600 13px Inter,system-ui,sans-serif;padding:9px 16px;border-radius:var(--radius-s);cursor:pointer;text-decoration:none}
.rl-btn.red{background:var(--rmit-red);border-color:var(--rmit-red);color:#fff}
.rl-btn.navy{background:var(--rmit-navy);border-color:var(--rmit-navy);color:#fff}
.rl-btn:disabled{opacity:.4;cursor:not-allowed}
.rl-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--rmit-navy);color:#fff;
  font:600 13px Inter,system-ui,sans-serif;padding:11px 18px;border-radius:12px;z-index:99999;border-left:4px solid var(--green);box-shadow:var(--shadow)}
.rl-toast.err{border-left-color:var(--rmit-red)}
.rl-modal-ov{position:fixed;inset:0;background:rgba(0,0,84,.45);z-index:99998;display:flex;align-items:center;justify-content:center}
.rl-modal{background:#fff;border-radius:var(--radius);padding:var(--sp-5);max-width:520px;width:92%;box-shadow:var(--shadow)}
.rl-skel{background:linear-gradient(90deg,#eef0fb 25%,#f8f9ff 50%,#eef0fb 75%);background-size:200% 100%;animation:rlsk 1.2s infinite}
@keyframes rlsk{from{background-position:200% 0}to{background-position:-200% 0}}
@media(max-width:640px){#rmitLabBtn{top:10px;left:10px;padding:7px 12px}}

/* unified in-flow top bar (no overlap by construction) */
.rl-topbar{background:var(--rmit-navy);width:100%;position:sticky;top:0;z-index:9990;font-family:Inter,system-ui,sans-serif}
.rl-topbar-in{max-width:var(--lab-max,1440px);margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 18px;box-sizing:border-box}
.rl-brand{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;white-space:nowrap}
.rl-brand b{color:var(--rmit-red);font:800 15px Inter,system-ui,sans-serif}
.rl-brand span{color:#fff;font:600 13px Inter,system-ui,sans-serif}
.rl-topic{margin-left:auto;color:#cfd2ff;font:600 12.5px Inter,system-ui,sans-serif;letter-spacing:.02em;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44%}
.rl-home{display:inline-flex;align-items:center;justify-content:center;min-height:34px;box-sizing:border-box;background:#fff;color:var(--rmit-navy);font:700 12px Inter,system-ui,sans-serif;padding:7px 14px;border-radius:999px;text-decoration:none;flex:none}
.rl-home:hover{background:var(--rmit-red);color:#fff}
@media(max-width:640px){.rl-brand{margin-right:auto;min-width:0}.rl-brand span{display:none}.rl-topic{max-width:40%}.rl-home{min-height:40px;padding:8px 14px}}

.edu-band{max-width:var(--lab-max,1440px) !important;margin:26px auto 40px !important;padding:0 26px !important;box-sizing:border-box}

.rl-logo{height:18px;width:auto;display:block;flex:none}
.rl-brand{align-items:center}