.csp-demo-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem auto;padding:.75rem 1rem;background:#fff;border-radius:1.25rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.1);font-family:K2D,Arial,sans-serif}.csp-demo-brand{font-weight:700;color:#4c9f95;text-decoration:none;white-space:nowrap}.csp-demo-brand span{color:#d05e64}.csp-demo-header nav{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.csp-demo-header nav a{padding:.35rem .6rem;border-radius:999px;color:#4c4c4c;text-decoration:none}.csp-demo-header nav a[aria-current],.csp-demo-header nav a:hover{background:#4c9f95;color:#fff}.resource-ribbon button.csp-demo-disabled,.resource-ribbon a.csp-demo-disabled,.vce-actions button.csp-demo-disabled,.vce-actions a.csp-demo-disabled{opacity:1!important;filter:none!important;background-color:#b8b8b8!important;color:#fff!important;border-color:#b8b8b8!important;outline-color:#b8b8b8!important;cursor:not-allowed!important}.csp-demo-disabled>*{pointer-events:none}.popover.csp-demo-popover{max-width:240px!important;border:0!important;background-color:#4b4b4b!important;color:#fff!important;font-family:K2D,Arial,sans-serif}.popover.csp-demo-popover .popover-body{color:#fff!important}.csp-demo-popover .popover-arrow::after{border-top-color:#4b4b4b}.csp-demo-popover.bs-popover-bottom .popover-arrow::after{border-bottom-color:#4b4b4b}.csp-demo-popover.bs-popover-start .popover-arrow::after{border-left-color:#4b4b4b}.csp-demo-popover.bs-popover-end .popover-arrow::after{border-right-color:#4b4b4b}.csp-demo-landing{background:#eee;font-family:K2D,Arial,sans-serif}.csp-demo-area-card{display:block;padding:1.5rem;border-radius:1rem;background:#fff;color:#4c9f95;font-size:1.25rem;text-decoration:none;box-shadow:0 .25rem 1rem rgba(0,0,0,.08)}.csp-demo-area-card:hover{color:#fff;background:#4c9f95}@media(max-width:800px){.csp-demo-header{align-items:flex-start;flex-direction:column}.csp-demo-header nav{justify-content:flex-start}}

/* Course assessment and exam locks share the demo membership popover. */
.csp-demo-disabled.btn { background-color: #b8b8b8 !important; border-color: #b8b8b8 !important; color: #fff !important; cursor: not-allowed !important; }

.course-outline-card.csp-demo-locked-card { background: #e5e5e5 !important; border-color: #ccc !important; cursor: not-allowed; }
.course-outline-card.csp-demo-locked-card img { filter: grayscale(1); opacity: .6; }
.classic-page .resource-ribbon:has(.dropdown-menu.show) {
  z-index: 20;
}