/* The same course navigation on the live board and assignment guide. */
.course-topbar{display:flex;align-items:center;gap:22px;max-width:1440px;margin:auto;padding:20px 28px;background:#f8f8f2;color:#193b30;border-bottom:1px solid #d6ded4;font-family:Inter,Arial,sans-serif;line-height:1.5;box-sizing:border-box}.course-brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;flex-shrink:0}.course-brand>span{font-weight:400}.course-brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.4px}.course-topbar-links{display:flex;align-items:center;gap:4px;flex:1;min-width:0;flex-wrap:wrap}.course-topbar-links>a,.course-locked{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;padding:9px 10px;border-radius:6px;text-decoration:none;color:inherit}.course-topbar-links>a:hover{background:#e9eddf}.course-topbar-links>a[aria-current=page]{background:#193b30;color:#fff}.course-locked{color:#6c736c;background:#eeeee7;gap:4px;font-size:11px}.course-locked svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.course-locked small{font-size:8px;text-transform:uppercase;letter-spacing:.4px}.design-dot{width:12px;height:12px;display:inline-block;border-radius:50%;background:conic-gradient(#3854df 0 25%,#ff7759 25% 50%,#bca7ee 50% 75%,#dcf78b 75%)}.course-topbar-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;font-size:12px}.course-topbar a{color:inherit;text-underline-offset:4px}.course-topbar-actions .course-submit{padding:11px 15px;background:#193b30;color:#fff;border-radius:6px;text-decoration:none;font-weight:700}.course-topbar a:focus-visible{outline:3px solid #6b45a0;outline-offset:3px}.course-topbar .course-topbar-links>a[aria-current=page]{color:#fff}@media(max-width:1100px){.course-topbar{flex-wrap:wrap;gap:12px 20px}.course-topbar-actions{margin-left:auto}.course-topbar-links{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;padding:0 0 4px}}@media(max-width:560px){.course-topbar{padding:16px 18px}.course-topbar-actions{gap:12px}.course-topbar-actions .course-submit{padding:9px 12px}.course-brand{font-size:23px}.course-topbar-links>a,.course-locked{padding:8px 10px}.course-topbar-actions>a:first-child{font-size:11px}}@media print{.course-topbar{display:none}}