/* Shared Navigation & Global Style Tokens for DSA Interactive Lab */
:root {
  --bg-white: #FFFFFF;
  --title-charcoal: #1E2022;
  --body-offblack: #2B2D42;
  --primary-accent: #003366;
  --primary-accent-hover: #002244;
  --secondary-green: #1E5631;
  --secondary-red: #8B0000;
  --border-line: #1E2022;
  --border-subtle: #D8DEE4;
  --highlight-bg: #F0F4F8;
  --panel-bg: #F8FAFC;
  --state-active: #003366;
  --state-target: #D97706;
}

.course-nav{width:100%;max-width:1100px;margin:0 auto 1.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0 1rem;border-bottom:1.5px solid #1e2022;font-family:Montserrat,system-ui,sans-serif;position:relative;z-index:30}
.course-nav a{text-decoration:none}.course-nav .nav-brand{font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#003366}.course-nav .lab-nav-actions{display:flex;align-items:center;gap:1rem}.course-nav .hub-link{font-size:.8rem;font-weight:600;color:#003366}.course-nav .lab-browser{position:relative}.course-nav summary{cursor:pointer;font-size:.8rem;font-weight:700;list-style:none;border:1px solid #cbd5e1;padding:.5rem .75rem;border-radius:6px;color:#003366;background:#fff;display:flex;gap:.7rem;align-items:center}.course-nav summary::-webkit-details-marker{display:none}.course-nav .lab-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(620px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid #1e2022;border-radius:10px;padding:20px;box-shadow:0 12px 30px #00000016;max-height:70vh;overflow:auto}.course-nav .lab-nav-group p{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#64748b;margin:0 0 6px}.course-nav .lab-nav-group a{display:block;color:#2b2d42;font-size:13px;line-height:1.4;padding:7px 8px;border-radius:4px}.course-nav .lab-nav-group a:hover,.course-nav .lab-nav-group a.active{background:#eff6ff;color:#003366}.course-nav a:focus-visible,.course-nav summary:focus-visible{outline:3px solid #0284c7;outline-offset:3px}@media(max-width:600px){.course-nav{flex-wrap:wrap}.course-nav .lab-nav-actions{margin-left:auto}.course-nav .hub-link{display:none}.course-nav .lab-browser{position:static}.course-nav .lab-menu{right:0;width:100%;grid-template-columns:1fr;max-height:65vh}}
/* Navigation uses the same comfortable target size as lab controls. */
.course-nav summary,.course-nav .nav-brand,.course-nav .hub-link{min-height:44px;display:inline-flex;align-items:center}.course-nav .lab-nav-group a{min-height:44px;display:flex;align-items:center}

@media(max-width:600px){.course-nav .hub-link{display:none}}