.home>header{background-color:var(--mereka-color-surface-primary, #fbfafb);background-image:none;box-shadow:none;overflow:visible;padding:0}.home>header .outer-wrapper{max-width:none;padding:2rem;margin:0}.home>header .title{float:none;width:100%;margin-right:0;margin-left:0;background:rgba(0,0,0,0);box-shadow:none;padding:0;min-height:0}.home>header .title .course-search{float:none;width:100%;margin-left:0}.home>header .heading-group{float:none;width:100%}.global-header{border-bottom:none}.global-header .nav-links .secondary a.register-btn{background:var(--mereka-color-magenta, #ab3b78);color:#fff;border:none;border-radius:999px;font-weight:600;padding:.55rem 1.1rem;box-shadow:0 8px 20px rgba(171,59,120,.25);text-decoration:none}.global-header .nav-links .secondary a.register-btn:hover,.global-header .nav-links .secondary a.register-btn:focus{background:var(--mereka-color-magenta-dark, #8a2f60);color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(171,59,120,.35)}.global-header .nav-links .secondary a.sign-in-btn{background:rgba(0,0,0,0);color:var(--mereka-color-teal, #237072);border:1.5px solid var(--mereka-color-teal, #237072);border-radius:999px;font-weight:600;padding:.5rem 1.1rem;text-decoration:none}.global-header .nav-links .secondary a.sign-in-btn:hover,.global-header .nav-links .secondary a.sign-in-btn:focus{background:var(--mereka-color-teal, #237072);color:#fff;text-decoration:none}.mereka-hero .eyebrow{color:var(--mereka-color-magenta, #ab3b78) !important}.mereka-hero h1{color:var(--mereka-color-ink-900, #000)}.mereka-hero .lede{color:var(--mereka-color-ink-700, #4a494a)}.home .courses-container .courses .courses-listing .courses-listing-item,.find-courses .courses-container .courses .courses-listing .courses-listing-item,.university-profile .courses-container .courses .courses-listing .courses-listing-item,.courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item,.courses-container .courses.no-course-discovery .courses-listing .courses-listing-item{float:none !important;display:flex !important;width:100% !important;margin-right:0 !important}@media(min-width: 992px){.global-header .nav-links .main{float:none;margin:0;margin-right:auto}.global-header .nav-links .secondary{float:none;margin:0}}.courses-container .courses .course .course-image .cover-image .learn-more{opacity:1}

/* ── Logged-in shell fixes (2026-03-18) ── */
/* Fix user dropdown clipping: build-lms-v1 sets overflow:hidden on .global-header */
.global-header { overflow: visible !important; }
/* Raise dropdown z-index */
.global-header .nav-links .secondary .dropdown-user-menu { z-index: 1001; position: absolute; top: 55px; right: 30px; }
/* Dashboard course image: override display:none (0,6,0 specificity) */
.dashboard .main-container .my-courses .course .details .wrapper-course-image { display: block; float: none; width: clamp(200px, 30%, 320px); max-width: 320px; max-height: none; overflow: hidden; flex-shrink: 0; margin: 0; }
.dashboard .main-container .my-courses .course .details { display: flex; flex-direction: row; align-items: stretch; }
.dashboard .main-container .my-courses .course .details .wrapper-course-image a.fade-cover, .dashboard .main-container .my-courses .course .details .wrapper-course-image .cover { display: block; float: none; width: 100%; height: 100%; position: relative; }
.dashboard .main-container .my-courses .course .details .wrapper-course-image a.fade-cover .course-image, .dashboard .main-container .my-courses .course .details .wrapper-course-image .cover .course-image { width: 100%; height: 100%; min-height: 160px; padding: 0; }
.dashboard .main-container .my-courses .course .details .wrapper-course-image a.fade-cover .course-image img, .dashboard .main-container .my-courses .course .details .wrapper-course-image .cover .course-image img { display: block; width: 100%; height: 100%; min-height: 160px; object-fit: cover; object-position: center; }
.dashboard .main-container .my-courses .course .details .wrapper-course-details { flex: 1; padding: 1.25rem; min-width: 0; }
@media (max-width: 768px) { .dashboard .main-container .my-courses .course .details { flex-direction: column; } .dashboard .main-container .my-courses .course .details .wrapper-course-image { width: 100%; max-width: none; } }
