/*
 * Health Keepers Academy LMS theme
 * Extends the existing LMS design system without changing workflow markup.
 */
:root {
    --hk-ink: #06183f;
    --hk-navy: #03275e;
    --hk-cobalt: #0b5fe8;
    --hk-cobalt-dark: #0849c7;
    --hk-aqua: #16b9b7;
    --hk-coral: #ff5a52;
    --hk-marigold: #ffb000;
    --hk-periwinkle: #6f8ff5;
    --hk-canvas-soft: #f5f8ff;
    --hk-border: #d9e4f0;
}

/* Phase 4 shared identity and shell primitives */
.hk-brand-lockup { display:inline-flex; align-items:center; gap:12px; color:var(--hk-navy); vertical-align:middle; }
.hk-brand-lockup__mark { width:48px; height:48px; flex:0 0 48px; object-fit:contain; }
.hk-brand-lockup__copy { display:grid; grid-template-columns:auto auto; align-items:baseline; column-gap:5px; line-height:1; }
.hk-brand-lockup__name { font-size:20px; font-weight:780; letter-spacing:-.035em; }
.hk-brand-lockup__academy { color:var(--hk-cobalt); font-size:20px; font-weight:650; letter-spacing:-.035em; }
.hk-brand-lockup__context,.hk-brand-lockup__technology { grid-column:1/-1; margin-top:5px; color:#64748b; font-size:10px; font-weight:700; letter-spacing:.12em; line-height:1.25; text-transform:uppercase; }
.hk-brand-lockup__technology { letter-spacing:.045em; text-transform:none; }
.hk-brand-lockup--compact .hk-brand-lockup__mark { width:42px; height:42px; flex-basis:42px; }
.hk-brand-lockup--compact .hk-brand-lockup__name,.hk-brand-lockup--compact .hk-brand-lockup__academy { font-size:17px; }
.hk-brand-lockup--dark,.hk-brand-lockup--dark .hk-brand-lockup__name,.hk-brand-lockup--dark .hk-brand-lockup__academy { color:#fff; }
.hk-brand-lockup--dark .hk-brand-lockup__context,.hk-brand-lockup--dark .hk-brand-lockup__technology { color:#c6d8ef; }

.hk-shell-container { max-width:1440px; margin-inline:auto; padding-inline:clamp(18px,3vw,48px); }
.hk-environment-bar { min-height:34px; display:flex; align-items:center; color:#dff8f6; background:var(--hk-navy); font-size:12.5px; }
.hk-environment-bar .hk-shell-container { width:100%; display:flex; align-items:center; gap:9px; }
.hk-environment-bar__status { width:8px; height:8px; border-radius:50%; background:var(--hk-aqua); box-shadow:0 0 0 4px rgba(22,185,183,.16); }
.hk-market-header { position:relative; z-index:100; background:#fff; }
.hk-market-header__main { border-bottom:1px solid var(--hk-border); box-shadow:0 8px 24px rgba(3,39,94,.055); }
.hk-market-header__row { min-height:78px; display:flex; align-items:center; gap:clamp(20px,3vw,46px); }
.hk-market-header__brand { flex:none; text-decoration:none !important; }
.hk-market-nav { display:flex; align-items:stretch; align-self:stretch; gap:6px; }
.hk-market-nav a { position:relative; display:flex; align-items:center; padding:0 12px; color:var(--hk-ink); font-size:14px; font-weight:700; text-decoration:none; }
.hk-market-nav a::after { position:absolute; right:12px; bottom:0; left:12px; height:3px; border-radius:3px 3px 0 0; background:var(--hk-cobalt); content:""; transform:scaleX(0); transition:transform .18s ease; }
.hk-market-nav a:hover::after,.hk-market-nav a:focus-visible::after,.hk-market-nav a.is-active::after { transform:scaleX(1); }
.hk-market-header__actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.body-overlay { position:fixed; z-index:1090; inset:0; width:100%; height:100%; padding:0; border:0; opacity:0; visibility:hidden; pointer-events:none; background:rgba(3,24,63,.58); }
.body-overlay.active { opacity:1; visibility:visible; pointer-events:auto; }
.hk-icon-button,.hk-primary-action,.hk-secondary-action,.hk-text-action { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; font-weight:700; text-decoration:none !important; }
.hk-icon-button { border:1px solid var(--hk-border); color:var(--hk-navy); background:#fff; font-size:21px; cursor:pointer; }
.hk-primary-action { padding:0 18px; border:1px solid var(--hk-cobalt); color:#fff !important; background:var(--hk-cobalt); box-shadow:0 9px 22px rgba(11,95,232,.18); }
.hk-primary-action:hover { background:var(--hk-cobalt-dark); }
.hk-secondary-action { padding:0 18px; border:1px solid var(--hk-border); color:var(--hk-cobalt) !important; background:#fff; }
.hk-text-action { min-width:auto; padding:0 10px; color:var(--hk-navy) !important; }
.hk-market-header .main-menu-toggle { display:none; }
body.clp-compare-tray-visible { padding-bottom:var(--clp-compare-tray-space,96px); }
.hk-market-search { padding:18px 0; border-bottom:1px solid var(--hk-border); background:#fff; }
.hk-market-search__inner,.hk-market-search__form { display:flex; align-items:center; gap:12px; }
.hk-market-search__form { flex:1; }
.hk-market-search__form .form-control { min-height:48px; }
.hk-market-drawer { width:min(390px,90vw) !important; padding:0 24px 28px; z-index:1100; background:#fff; }
.hk-market-drawer__head { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--hk-border); }
.hk-market-drawer__search { padding:20px 0 12px; }
.hk-market-drawer__search .form-control { min-height:48px; }
.hk-market-drawer__nav { display:grid; padding:8px 0; }
.hk-market-drawer__nav a { min-height:48px; display:flex; align-items:center; padding:0 12px; border-radius:9px; color:var(--hk-ink); font-weight:700; }
.hk-market-drawer__nav a:hover { color:var(--hk-cobalt); background:#edf4ff; }
.hk-market-drawer__actions { display:grid; gap:10px; padding-top:18px; border-top:1px solid var(--hk-border); }

/* Sign-in and account-recovery shell */
.hk-signin-shell { padding:clamp(36px,6vw,84px) 0; background:var(--hk-canvas-soft); }
.hk-signin-shell__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr); align-items:stretch; max-width:1180px; }
.hk-signin-shell__visual { position:relative; min-height:650px; overflow:hidden; border-radius:24px 0 0 24px; background:var(--hk-navy); }
.hk-signin-shell__visual::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,rgba(3,39,94,.04) 25%,rgba(3,39,94,.9) 100%); }
.hk-signin-shell__visual img { width:100%; height:100%; object-fit:cover; }
.hk-signin-shell__visual-copy { position:absolute; z-index:1; right:clamp(28px,5vw,56px); bottom:48px; left:clamp(28px,5vw,56px); color:#fff; }
.hk-signin-shell__visual-copy h1 { max-width:520px; margin:10px 0 12px; color:#fff; font-size:clamp(34px,4vw,52px); line-height:1.04; letter-spacing:-.045em; }
.hk-signin-shell__visual-copy p { max-width:500px; margin:0; color:#dbeaff; font-size:17px; line-height:1.65; }
.hk-kicker { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:999px; color:var(--hk-cobalt-dark); background:#e3fbfa; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hk-signin-shell__form { display:flex; align-items:center; padding:clamp(28px,5vw,58px); border:1px solid var(--hk-border); border-left:0; border-radius:0 24px 24px 0; background:#fff; }
.hk-signin-card { width:100%; border:0 !important; box-shadow:none !important; }
.hk-signin-card::before { display:none !important; }
.hk-signin-card .card-body { padding:0; }
.hk-auth-help { margin:24px 0 0; padding-top:20px; border-top:1px solid var(--hk-border); color:var(--clp-muted); font-size:13px; text-align:center; }
.clp-auth-shell { width:100%; max-width:470px; }
body:has(> .clp-auth-shell) { min-height:100vh; display:grid; place-items:center; margin:0; padding:24px; color:var(--clp-body); background:linear-gradient(145deg,#edf4ff,#f7fbff 55%,#eafafa); font-family:var(--clp-font); }
.clp-auth-logo { display:flex; justify-content:center; margin-bottom:22px; text-decoration:none; }
.clp-auth-card { padding:32px; border:1px solid var(--clp-border); border-radius:18px; background:var(--clp-surface); box-shadow:var(--sh-md); }
.clp-auth-h1 { margin:0 0 6px; color:var(--clp-ink); font-size:22px; font-weight:750; }
.clp-auth-lede,.clp-auth-foot,.clp-auth-recovery { color:var(--clp-muted); font-size:14px; line-height:1.6; }
.clp-auth-lede { margin:0 0 22px; }.clp-auth-foot { margin-top:18px; text-align:center; }.clp-auth-recovery { margin-top:18px; padding-top:18px; border-top:1px solid var(--clp-border); }.clp-auth-recovery-links { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; margin-top:12px; }

.hk-role-auth { min-height:100vh; background:var(--hk-canvas-soft); }
.hk-role-auth .section-authentication-cover,.hk-role-auth .section-authentication-cover>.container-fluid,.hk-role-auth .section-authentication-cover .row { min-height:100vh; }
.hk-role-auth .auth-cover-left { padding:32px; background:var(--hk-navy); }
.hk-role-auth .auth-cover-left .card,.hk-role-auth .auth-cover-left .card-body { width:100%; height:100%; padding:0; }
.hk-role-auth__visual { position:relative; width:100%; height:calc(100vh - 64px); min-height:620px; overflow:hidden; border-radius:24px; }
.hk-role-auth__visual::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,rgba(3,39,94,.08),rgba(3,39,94,.92)); }
.hk-role-auth__visual>img { width:100%; height:100%; object-fit:cover; }
.hk-role-auth__visual>div { position:absolute; z-index:1; right:52px; bottom:50px; left:52px; color:#fff; }
.hk-role-auth__visual h2 { max-width:620px; margin:12px 0; color:#fff; font-size:clamp(34px,4vw,56px); line-height:1.04; letter-spacing:-.045em; }
.hk-role-auth__visual p { max-width:560px; margin:0; color:#dbeaff; font-size:17px; line-height:1.6; }
.hk-role-auth .auth-cover-right { background:#fff; }
.hk-role-auth .auth-cover-right>.card { width:min(100%,520px); }
.hk-role-auth .auth-cover-right .form-control,.hk-role-auth .auth-cover-right .input-group-text,.hk-role-auth .auth-cover-right .btn { min-height:46px; }
.hk-role-auth .auth-cover-right .hk-brand-lockup { text-align:left; }

/* Shared role workspaces */
.hk-workspace { background:var(--hk-canvas-soft); }
@media (min-width:768px) {
    /* Match the requested 80% desktop dashboard density without changing browser settings. */
    .hk-workspace { zoom:.8; }
    body.hk-workspace .sidebar-wrapper,
    body.hk-workspace--learner .dashboard-off-canvas-menu { height:125dvh; }
    body.hk-workspace--learner .dashboard-content-wrap { min-height:125vh; }
}
.hk-workspace main h1 { font-family:Georgia,Cambria,"Times New Roman",serif; letter-spacing:-.035em; }
.hk-workspace .topbar,.hk-workspace .dashboard-menu-content { min-height:72px; background:#fff !important; }
.hk-workspace .topbar { left:270px; }
.hk-workspace .topbar .navbar { padding-right:24px; padding-left:24px; }
.hk-workspace .sidebar-wrapper { width:270px; height:100dvh; display:flex; flex-direction:column; overflow:hidden; border-right:0; box-shadow:18px 0 46px rgba(3,39,94,.11); }
.hk-workspace .sidebar-wrapper .sidebar-header { position:relative; inset:auto; width:100%; height:auto; min-height:82px; display:flex; flex:0 0 82px; gap:12px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.13); }
.hk-workspace .sidebar-header>.hk-brand-lockup { min-width:0; flex:1; gap:8px; padding-left:0; }
.hk-workspace .sidebar-header .hk-brand-lockup__mark { width:36px; height:36px; flex-basis:36px; }
.hk-workspace .sidebar-header .hk-brand-lockup__copy { min-width:0; overflow:hidden; white-space:nowrap; }
.hk-workspace .sidebar-header .hk-brand-lockup__name,.hk-workspace .sidebar-header .hk-brand-lockup__academy { font-size:12.5px; }
.hk-workspace .sidebar-header .hk-brand-lockup__context { font-size:8px; }
.hk-workspace .sidebar-header .toggle-icon { width:36px; height:36px; display:grid; flex:none; place-items:center; padding:0; border:0; border-radius:8px; color:#b9d0e8; background:rgba(255,255,255,.07); font-size:20px; }
.hk-workspace .sidebar-wrapper>.metismenu,
.hk-workspace .sidebar-wrapper>.hk-instructor-nav { min-height:0; flex:1 1 auto; margin-top:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:rgba(142,187,230,.65) transparent; scrollbar-gutter:stable; scrollbar-width:thin; }
.hk-workspace .sidebar-wrapper>.metismenu::-webkit-scrollbar,
.hk-workspace .sidebar-wrapper>.hk-instructor-nav::-webkit-scrollbar,
.hk-workspace--learner #hk-learner-drawer::-webkit-scrollbar { width:8px; }
.hk-workspace .sidebar-wrapper>.metismenu::-webkit-scrollbar-thumb,
.hk-workspace .sidebar-wrapper>.hk-instructor-nav::-webkit-scrollbar-thumb,
.hk-workspace--learner #hk-learner-drawer::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:rgba(142,187,230,.65); background-clip:padding-box; }
.hk-workspace .page-wrapper { margin-left:270px; }
.hk-workspace .page-content,.hk-workspace .dashboard-content-wrap { padding-top:26px; }
.hk-workspace .sidebar-wrapper .metismenu a { min-height:44px; margin:3px 10px; border-radius:9px; }
.hk-workspace .sidebar-wrapper .metismenu .mm-active>a { color:#fff !important; }
.hk-shell-backdrop { display:none; border:0; }
.hk-workspace--learner .dashboard-menu-content { position:sticky; top:0; z-index:90; }
.hk-workspace--learner .dashboard-content-wrap { min-height:70vh; }
.hk-workspace--learner .dashboard-menu-toggler { min-height:44px; }
.hk-workspace--learner .dashboard-off-canvas-menu .logo-box { padding-top:10px; }
.hk-workspace--learner .dashboard-off-canvas-menu { height:100dvh; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:rgba(142,187,230,.65) transparent; scrollbar-gutter:stable; scrollbar-width:thin; color:#e8f7ff; background:radial-gradient(circle at 15% 5%,rgba(22,185,183,.22),transparent 25%),var(--hk-navy) !important; box-shadow:18px 0 46px rgba(3,39,94,.13); }
.hk-workspace--learner .dashboard-off-canvas-menu .logo-box { padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.13); }
.hk-workspace--learner .dashboard-off-canvas-menu .off--canvas-menu-list a { min-height:46px; display:flex; align-items:center; margin:3px 12px; padding:0 16px; border-left:3px solid transparent; border-radius:9px; color:#e8f7ff !important; background:transparent !important; }
.hk-workspace--learner .dashboard-off-canvas-menu .off--canvas-menu-list a:hover,.hk-workspace--learner .dashboard-off-canvas-menu .off--canvas-menu-list a:focus-visible { border-left-color:var(--hk-aqua); color:#fff !important; background:rgba(22,185,183,.14) !important; }
.hk-workspace--learner .dashboard-off-canvas-menu .off--canvas-menu-list svg { fill:currentColor; }
.hk-workspace--learner .dashboard-off-canvas-menu .off-canvas-menu-close { color:#fff; background:rgba(255,255,255,.12); }
.clp-bottom-nav button { appearance:none; border:0; background:transparent; }
.clp-bottom-nav a,.clp-bottom-nav button { min-width:0; min-height:58px; display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; color:var(--clp-muted); font-size:11px; font-weight:700; }
.clp-bottom-nav a i,.clp-bottom-nav button i { font-size:21px; }

@media (min-width:1025px) {
    .hk-workspace .wrapper.toggled .topbar { left:70px; }
    .hk-workspace .wrapper.toggled .page-wrapper { margin-left:70px; }
    .hk-workspace .wrapper.toggled:not(.sidebar-hovered) .sidebar-header>.hk-brand-lockup { justify-content:center; padding-left:0; }
    .hk-workspace .wrapper.toggled:not(.sidebar-hovered) .sidebar-header .hk-brand-lockup__copy { display:none; }
}

@media (max-width:1199.98px) {
    .hk-market-nav { display:none; }
    .hk-market-header .main-menu-toggle { display:inline-flex; }
}

@media (max-width:1024px) {
    .hk-workspace .sidebar-wrapper { z-index:1050; }
    .hk-workspace .wrapper.toggled .sidebar-wrapper { left:0 !important; }
    .hk-workspace .topbar { left:0 !important; z-index:1030; }
    .hk-workspace .page-wrapper { margin-left:0; }
    .hk-workspace .wrapper.toggled .hk-shell-backdrop { position:fixed; z-index:1040; inset:0; display:block; width:100%; height:100%; background:rgba(3,24,63,.58); backdrop-filter:blur(2px); }
}

@media (max-width:767.98px) {
    .hk-environment-bar { min-height:40px; line-height:1.3; }
    .hk-market-header__row { min-height:68px; }
    .hk-market-header__actions .hk-text-action,.hk-market-header__actions>.hk-primary-action { display:none; }
    .hk-brand-lockup--compact .hk-brand-lockup__mark { width:38px; height:38px; flex-basis:38px; }
    .hk-brand-lockup--compact .hk-brand-lockup__name,.hk-brand-lockup--compact .hk-brand-lockup__academy { font-size:15px; }
    .hk-signin-shell { padding:20px 0 40px; }
    .hk-signin-shell__grid { display:block; padding:0 16px; }
    .hk-signin-shell__visual { min-height:280px; border-radius:18px 18px 0 0; }
    .hk-signin-shell__visual-copy { right:24px; bottom:26px; left:24px; }
    .hk-signin-shell__visual-copy h1 { font-size:31px; }.hk-signin-shell__visual-copy p { display:none; }
    .hk-signin-shell__form { padding:30px 22px; border:1px solid var(--hk-border); border-top:0; border-radius:0 0 18px 18px; }
    .clp-auth-card { padding:24px; }
    .hk-workspace--learner .dashboard-content-wrap { padding-bottom:92px !important; }
    .hk-workspace--learner .footer-area { padding-bottom:80px; }
    #scroll-top { display:none !important; }
}

@media (max-width:359.98px) {
    .hk-shell-container { padding-inline:10px; }
    .hk-market-header__row { gap:10px; }
    .hk-market-header__actions { gap:0; }
    .hk-market-header__actions .search-menu-toggle { display:none; }
    .hk-brand-lockup--compact { gap:8px; }
    .hk-brand-lockup--compact .hk-brand-lockup__mark { width:34px; height:34px; flex-basis:34px; }
    .hk-brand-lockup--compact .hk-brand-lockup__name,
    .hk-brand-lockup--compact .hk-brand-lockup__academy { font-size:13px; }
}

body {
    color: #101f42;
    background: var(--hk-canvas-soft);
}

a {
    text-underline-offset: .18em;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible {
    outline: 3px solid var(--hk-marigold) !important;
    outline-offset: 3px;
}

.clp-header-top {
    color: #dff8f6;
    background: var(--hk-navy) !important;
    border-bottom: 0 !important;
}

.clp-header-top a,
.clp-header-top i {
    color: #fff !important;
}

.clp-header-main,
.dashboard-menu-content,
.topbar {
    border-bottom: 1px solid var(--hk-border);
    box-shadow: 0 10px 30px rgba(3, 39, 94, .06) !important;
}

.clp-logo-img,
.logo-box .logo img,
.sidebar-header img {
    padding: 7px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(11, 95, 232, .14);
}

.clp-main-menu > ul > li > a {
    position: relative;
    color: var(--hk-ink);
    font-weight: 700;
}

.clp-main-menu > ul > li > a::after {
    position: absolute;
    right: 12px;
    bottom: 5px;
    left: 12px;
    height: 3px;
    content: "";
    border-radius: 999px;
    background: linear-gradient(90deg, var(--hk-cobalt), var(--hk-aqua));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
}

.clp-main-menu > ul > li > a:hover::after,
.clp-main-menu > ul > li > a:focus-visible::after {
    transform: scaleX(1);
}

.theme-btn,
.btn-primary,
.btn.btn-primary {
    border-radius: 12px !important;
    box-shadow: 0 10px 24px rgba(11, 95, 232, .2);
}

.theme-btn:hover,
.btn-primary:hover,
.btn.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(11, 95, 232, .25);
}

.clp-auth-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 15% 25%, rgba(22, 185, 183, .42), transparent 28%),
        radial-gradient(circle at 84% 20%, rgba(255, 176, 0, .3), transparent 23%),
        radial-gradient(circle at 76% 92%, rgba(255, 90, 82, .3), transparent 28%),
        var(--hk-navy);
}

.clp-auth-hero::after {
    position: absolute;
    right: -8vw;
    bottom: -90px;
    width: 360px;
    height: 180px;
    content: "";
    border: 28px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    transform: rotate(-10deg);
}

.clp-auth-hero-title,
.clp-auth-hero-sub {
    color: #fff !important;
}

.clp-auth-eyebrow {
    color: var(--hk-marigold) !important;
}

.card,
.card-item,
.clp-card {
    border: 1px solid var(--hk-border);
    box-shadow: 0 18px 50px rgba(3, 39, 94, .08);
}

.clp-auth-body .card-item {
    position: relative;
    overflow: hidden;
}

.clp-auth-body .card-item::before {
    display: block;
    width: 100%;
    height: 7px;
    content: "";
    background: linear-gradient(90deg, var(--hk-cobalt) 0 28%, var(--hk-aqua) 28% 52%, var(--hk-coral) 52% 76%, var(--hk-marigold) 76%);
}

.card-item:hover,
.clp-card:hover {
    border-color: rgba(11, 95, 232, .3);
}

.course-grid .card-item:nth-child(4n+1),
.course-grid > *:nth-child(4n+1) .card-item {
    border-top: 4px solid var(--hk-coral);
}

.course-grid .card-item:nth-child(4n+2),
.course-grid > *:nth-child(4n+2) .card-item {
    border-top: 4px solid var(--hk-aqua);
}

.course-grid .card-item:nth-child(4n+3),
.course-grid > *:nth-child(4n+3) .card-item {
    border-top: 4px solid var(--hk-periwinkle);
}

.course-grid .card-item:nth-child(4n+4),
.course-grid > *:nth-child(4n+4) .card-item {
    border-top: 4px solid var(--hk-marigold);
}

.sidebar-wrapper {
    background:
        radial-gradient(circle at 15% 5%, rgba(22, 185, 183, .22), transparent 24%),
        var(--hk-navy) !important;
}

.sidebar-wrapper .metismenu a {
    border-left: 3px solid transparent;
}

.sidebar-wrapper .metismenu a:hover,
.sidebar-wrapper .metismenu .mm-active > a {
    border-left-color: var(--hk-aqua);
    background: rgba(22, 185, 183, .14) !important;
}

.page-content,
.dashboard-content-wrap {
    position: relative;
}

.page-content::before,
.dashboard-content-wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 110px;
    pointer-events: none;
    content: "";
    opacity: .5;
    background:
        radial-gradient(circle, rgba(11, 95, 232, .18) 1.5px, transparent 1.5px);
    background-size: 14px 14px;
    mask-image: linear-gradient(to left, #000, transparent);
}

.dashboard-area .icon-element,
.page-content .icon-element {
    color: var(--hk-cobalt);
    background: #edf1ff;
}

.badge-primary,
.bg-primary {
    background-color: var(--hk-cobalt) !important;
}

.progress-bar {
    background: linear-gradient(90deg, var(--hk-aqua), var(--hk-cobalt));
}

.footer-area {
    color: #dbeaff;
    background:
        radial-gradient(circle at 8% 18%, rgba(22, 185, 183, .2), transparent 24%),
        radial-gradient(circle at 90% 12%, rgba(111, 143, 245, .2), transparent 25%),
        var(--hk-navy);
}

.footer-area h3,
.footer-area .font-weight-bold,
.footer-area .copy-desc,
.footer-area a {
    color: #fff !important;
}

.footer-area p,
.footer-area .text-muted {
    color: #c6d8ef !important;
}

.footer-area .section-block {
    border-color: rgba(255, 255, 255, .14);
}

.footer-area .section--divider {
    background: linear-gradient(90deg, var(--hk-aqua), var(--hk-marigold));
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (max-width: 767.98px) {
    .clp-header-top {
        display: none;
    }

    .page-content::before,
    .dashboard-content-wrap::before {
        width: 120px;
        opacity: .3;
    }
}

/* =========================================================
   Phase 8 — action-center administrator workspace
   ========================================================= */
.hk-admin-summary-label{color:#627289;font-size:11px;font-weight:700}.hk-admin-summary>div>div>strong{grid-row:1/3;grid-column:2;color:var(--hk-navy);font-family:var(--hk-serif);font-size:29px;font-weight:800}
.hk-workspace--admin{color:var(--hk-ink);background:#f5f7fa}.hk-workspace--admin .sidebar-wrapper{color:#dceaff;background:var(--hk-navy)!important}.hk-workspace--admin .sidebar-header{border-color:rgba(255,255,255,.1);background:var(--hk-navy)!important}.hk-workspace--admin .sidebar-header .toggle-icon{display:grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:8px;color:#b9d0e8;background:rgba(255,255,255,.07);font-size:20px}.hk-workspace--admin .metismenu{padding:14px 13px 36px}.hk-workspace--admin .metismenu .menu-label{margin:20px 12px 7px;padding:0;color:#82a7cd;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hk-workspace--admin .metismenu a{min-height:41px;margin:2px 0;padding:8px 12px;border-radius:8px;color:#dceaff!important;font-weight:700}.hk-workspace--admin .metismenu a .parent-icon{color:#8ebbe6}.hk-workspace--admin .metismenu a:hover,.hk-workspace--admin .metismenu .mm-active>a{color:#fff!important;background:rgba(22,185,183,.15)}.hk-workspace--admin .metismenu .mm-active>a{box-shadow:inset 3px 0 var(--hk-aqua)}.hk-workspace--admin .metismenu .mm-active>a .parent-icon{color:var(--hk-aqua)}.hk-workspace--admin .metismenu ul{margin:3px 0 8px;padding:3px 5px 5px 24px;border-left:1px solid rgba(255,255,255,.11);background:transparent}.hk-workspace--admin .metismenu ul a{min-height:35px;color:#b9d0e8!important;font-size:12px}.hk-workspace--admin .topbar .navbar{width:100%;padding:0 24px}.hk-workspace--admin .mobile-toggle-menu{display:none;padding:0;border:0;color:var(--hk-navy);background:transparent;font-size:25px}.hk-admin-context{min-width:145px;color:var(--hk-navy);font-size:13px}.hk-workspace--admin .clp-topsearch{margin-left:14px}.hk-workspace--admin .page-footer{position:relative;right:auto;bottom:auto;left:auto;margin-left:270px;border-top:1px solid var(--hk-border);background:#fff}.hk-workspace--admin .page-wrapper{min-height:calc(100vh - 70px)}
.hk-admin-dashboard{max-width:1600px;margin:0 auto;padding-bottom:52px}.hk-admin-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.hk-admin-welcome h1{margin:0 0 6px;color:var(--hk-navy);font-family:var(--hk-serif);font-size:clamp(36px,4vw,52px);line-height:1.05}.hk-admin-welcome p{margin:0;color:var(--hk-muted);font-size:15px}.hk-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px;overflow:hidden;border:1px solid var(--hk-border);border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(3,39,94,.045)}.hk-admin-summary>div{min-width:0;display:flex;align-items:center;gap:14px;padding:18px 22px;border-right:1px solid var(--hk-border)}.hk-admin-summary>div:last-child{border-right:0}.hk-admin-summary>div>span{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:11px;font-size:21px}.hk-admin-summary .is-blue{color:var(--hk-cobalt);background:#eaf1ff}.hk-admin-summary .is-aqua{color:#087b78;background:#ddf7f4}.hk-admin-summary .is-coral{color:#a64229;background:#ffe6de}.hk-admin-summary dl,.hk-admin-summary dt,.hk-admin-summary dd{margin:0}.hk-admin-summary>div>div{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center;min-width:0}.hk-admin-summary dt{color:#627289;font-size:11px;font-weight:700}.hk-admin-summary dd{grid-row:1/3;grid-column:2;color:var(--hk-navy);font-family:var(--hk-serif);font-size:29px;font-weight:800}.hk-admin-summary small{color:#8a98aa;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.hk-admin-primary-grid,.hk-admin-secondary-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:22px;margin-bottom:22px}.hk-admin-secondary-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr)}.hk-admin-panel{min-width:0;overflow:hidden;border:1px solid var(--hk-border);border-radius:15px;background:#fff;box-shadow:0 10px 32px rgba(3,39,94,.05)}.hk-admin-panel-head{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--hk-border)}.hk-admin-panel-head h2{margin:0 0 3px;color:var(--hk-navy);font-family:var(--hk-serif);font-size:25px}.hk-admin-panel-head p{margin:0;color:var(--hk-muted);font-size:11px}.hk-admin-panel-head>span{padding:5px 9px;border-radius:999px;color:#963d28;background:#ffe7df;font-size:10px;font-weight:800;white-space:nowrap}.hk-admin-panel-head>a{color:var(--hk-cobalt);font-size:12px;font-weight:800;white-space:nowrap}
.hk-action-table{width:100%}.hk-action-table-head,.hk-action-row{display:grid;grid-template-columns:minmax(190px,1.45fr) .8fr .75fr 50px 90px;gap:12px;align-items:center;padding:0 22px}.hk-action-table-head{min-height:37px;color:#728197;background:#f7f9fc;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hk-action-row{min-height:59px;color:#4a5d74;border-top:1px solid var(--hk-border);font-size:11px}.hk-action-row:hover{color:#2d435e;background:#fbfcff}.hk-action-row strong{color:var(--hk-navy);font-size:12px}.hk-action-row>b{color:var(--hk-navy);font-family:var(--hk-serif);font-size:20px}.hk-action-row>span:last-child{color:var(--hk-cobalt);font-weight:800;text-align:right}.hk-action-status{display:inline-flex;align-items:center;gap:6px;font-weight:800}.hk-action-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.hk-action-status.is-coral{color:#ad442d}.hk-action-status.is-gold{color:#946316}.hk-action-status.is-aqua{color:#087b78}.hk-action-status.is-blue{color:var(--hk-cobalt)}
.hk-admin-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px;color:var(--hk-muted);text-align:center}.hk-admin-empty>i{color:var(--hk-aqua);font-size:34px}.hk-admin-empty strong{color:var(--hk-navy)}.hk-admin-empty span{max-width:380px;font-size:12px;line-height:1.5}.hk-admin-empty a{margin-top:5px;color:var(--hk-cobalt);font-size:12px;font-weight:800}.hk-admin-chart{padding:18px 18px 8px}.hk-admin-chart .clp-chart-wrap{min-height:235px}.hk-audit-table>div,.hk-audit-table article{display:grid;grid-template-columns:100px 125px 145px minmax(180px,1fr);gap:12px;align-items:center;padding:0 22px}.hk-audit-table>div{min-height:37px;color:#728197;background:#f7f9fc;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hk-audit-table article{min-height:57px;border-top:1px solid var(--hk-border);font-size:11px}.hk-audit-table time{color:#718197}.hk-audit-table strong{color:var(--hk-navy)}.hk-audit-table article>span{color:var(--hk-cobalt);font-weight:800}.hk-audit-table p{margin:0;overflow:hidden;color:#586b81;text-overflow:ellipsis;white-space:nowrap}.hk-admin-quick>div:last-child{display:grid;padding:7px 20px 13px}.hk-admin-quick>div:last-child>a{display:grid;grid-template-columns:37px 1fr 20px;gap:11px;align-items:center;min-height:52px;color:var(--hk-navy);border-bottom:1px solid var(--hk-border);font-size:12px;font-weight:800}.hk-admin-quick>div:last-child>a:last-child{border-bottom:0}.hk-admin-quick>div:last-child>a>i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:var(--hk-cobalt);background:#eaf1ff;font-size:18px}.hk-admin-quick>div:last-child>a:nth-child(2n)>i{color:#087b78;background:#ddf7f4}.hk-admin-quick b{color:#8b99a9;font-size:18px}.hk-admin-dashboard>.hk-environment-note{margin-top:0}
.hk-workspace--admin .table-responsive,.hk-workspace--admin .clp-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden}.hk-workspace--admin table{max-width:100%}.hk-workspace--admin .card{border-color:var(--hk-border);border-radius:14px;box-shadow:0 8px 28px rgba(3,39,94,.045)}
@media (max-width:1199.98px){.hk-admin-primary-grid,.hk-admin-secondary-grid{grid-template-columns:1fr}.hk-admin-summary{grid-template-columns:repeat(2,1fr)}.hk-admin-summary>div:nth-child(2){border-right:0}.hk-admin-summary>div:nth-child(-n+2){border-bottom:1px solid var(--hk-border)}}
@media (max-width:1024px){.hk-workspace--admin .mobile-toggle-menu{display:inline-grid}.hk-workspace--admin .page-footer,.hk-workspace--admin .wrapper.toggled .page-footer{right:auto!important;left:auto!important;margin-left:0!important}.hk-workspace--admin .hk-shell-backdrop{border:0}.hk-workspace--admin .sidebar-wrapper[aria-hidden="true"]{visibility:hidden}.hk-workspace--admin .wrapper.toggled .sidebar-wrapper{visibility:visible}}
@media (max-width:991.98px){.hk-admin-context{display:none}.hk-workspace--admin .clp-topsearch{margin-left:0}.hk-workspace--admin .clp-topsearch{width:min(430px,52vw)!important}}
@media (max-width:767.98px){.hk-admin-dashboard{padding:24px 16px 44px!important}.hk-admin-welcome{align-items:flex-start;flex-direction:column}.hk-admin-welcome .hk-btn-secondary{width:100%}.hk-admin-summary{grid-template-columns:1fr}.hk-admin-summary>div{border-right:0;border-bottom:1px solid var(--hk-border)!important}.hk-admin-summary>div:last-child{border-bottom:0!important}.hk-workspace--admin .clp-topsearch,.hk-workspace--admin .user-info{display:none!important}.hk-workspace--admin .topbar .navbar{padding:0 10px}.hk-admin-panel-head{align-items:flex-start;min-height:auto;padding:18px}.hk-action-table-head{display:none}.hk-action-table{padding:10px}.hk-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;min-height:0;margin-bottom:9px;padding:14px;border:1px solid var(--hk-border);border-radius:11px}.hk-action-row strong{font-size:13px}.hk-action-row>span:nth-child(2){grid-row:2}.hk-action-row>.hk-action-status{grid-row:3}.hk-action-row>b{grid-row:1;grid-column:2}.hk-action-row>span:last-child{grid-row:2/4;grid-column:2;align-self:end}.hk-audit-table>div{display:none}.hk-audit-table{padding:10px}.hk-audit-table article{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin-bottom:9px;padding:14px;border:1px solid var(--hk-border);border-radius:11px}.hk-audit-table article strong{grid-row:1}.hk-audit-table article time{grid-row:1;grid-column:2}.hk-audit-table article>span{grid-row:2;grid-column:1/-1}.hk-audit-table p{grid-row:3;grid-column:1/-1;white-space:normal}.hk-admin-quick>div:last-child{padding-right:15px;padding-left:15px}}

/* =========================================================
   Phase 6 — learner experience
   ========================================================= */
.hk-workspace--learner { background: #f4f7fb; color: var(--hk-ink); }
.hk-workspace--learner .dashboard-content-wrap { height: auto; min-height: 100vh; padding-bottom: 64px; }
.hk-workspace--learner .dashboard-content-wrap > .container-fluid { max-width: 1440px; }
.hk-workspace--learner .dashboard-menu-toggler { border: 1px solid var(--hk-border) !important; box-shadow: none; }
.hk-learner-dashboard { padding: 8px 0 48px; }
.hk-learner-kicker,
.hk-section-kicker { margin: 0 0 8px; color: var(--hk-cobalt); font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.hk-learner-welcome { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.hk-learner-welcome h1,
.hk-my-learning-hero h1 { margin: 0; color: var(--hk-navy); font-family: var(--hk-serif); font-size: clamp(32px, 4vw, 50px); line-height: 1.08; }
.hk-learner-welcome > div > p:last-child,
.hk-my-learning-hero > .container p:last-child { margin: 10px 0 0; color: var(--hk-muted); font-size: 16px; }
.hk-btn-primary,
.hk-btn-secondary { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border: 1px solid var(--hk-cobalt); border-radius: 10px; font-weight: 800; line-height: 1.2; text-decoration: none !important; }
.hk-btn-primary { color: #fff !important; background: var(--hk-cobalt); box-shadow: 0 10px 22px rgba(11,95,232,.18); }
.hk-btn-primary:hover { color: #fff !important; background: #0848b8; transform: translateY(-1px); }
.hk-btn-secondary { color: var(--hk-cobalt) !important; background: #fff; }
.hk-learning-overview { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 22px; }
.hk-continue-card { min-height: 310px; display: grid; grid-template-columns: minmax(230px, 40%) 1fr; overflow: hidden; border: 1px solid var(--hk-border); border-radius: 20px; background: #fff; box-shadow: 0 18px 52px rgba(3,39,94,.09); }
.hk-continue-art { position: relative; min-height: 310px; background: var(--hk-navy); }
.hk-continue-art::after { position: absolute; inset: 0; content: ""; background: linear-gradient(140deg, rgba(3,39,94,.12), rgba(3,39,94,.68)); }
.hk-continue-art img { width: 100%; height: 100%; object-fit: cover; }
.hk-status-pill { position: absolute; z-index: 1; top: 18px; left: 18px; padding: 7px 11px; border-radius: 999px; color: var(--hk-navy); background: #fff; font-size: 12px; font-weight: 800; }
.hk-continue-body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(26px, 4vw, 48px); }
.hk-continue-body h2,
.hk-empty-feature h2 { margin: 0 0 7px; color: var(--hk-navy); font-family: var(--hk-serif); font-size: clamp(27px, 3vw, 38px); line-height: 1.12; }
.hk-course-byline { margin: 0 0 24px; color: var(--hk-muted); }
.hk-progress-copy { width: 100%; display: flex; justify-content: space-between; gap: 12px; color: var(--hk-muted); font-size: 13px; }
.hk-progress-copy strong { color: var(--hk-navy); }
.hk-progress-track { width: 100%; height: 8px; overflow: hidden; margin: 8px 0 24px; border-radius: 999px; background: #e8edf5; }
.hk-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--hk-aqua), var(--hk-cobalt)); }
.hk-learning-stats { display: grid; gap: 12px; }
.hk-learning-stats > div { display: grid; grid-template-columns: 50px 1fr; grid-template-rows: 1fr 1fr; column-gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--hk-border); border-radius: 16px; background: #fff; }
.hk-learning-stats strong { align-self: end; color: var(--hk-navy); font-size: 27px; line-height: 1; }
.hk-learning-stats > div > span:last-child { align-self: start; color: var(--hk-muted); font-size: 13px; }
.hk-stat-icon { grid-row: 1 / 3; display: grid; width: 50px; height: 50px; place-items: center; border-radius: 14px; font-size: 24px; }
.hk-stat-blue { color: var(--hk-cobalt); background: #eaf1ff; }.hk-stat-teal { color: #087d7a; background: #def7f5; }.hk-stat-gold { color: #9a6500; background: #fff2cf; }
.hk-dashboard-grid { display: grid; grid-template-columns: 1.25fr .9fr .9fr; gap: 22px; margin-top: 22px; }
.hk-dashboard-panel { min-width: 0; padding: 24px; border: 1px solid var(--hk-border); border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(3,39,94,.055); }
.hk-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.hk-panel-head h2 { margin: 0; color: var(--hk-navy); font-family: var(--hk-serif); font-size: 26px; }
.hk-panel-head a,
.hk-recommendation > a { color: var(--hk-cobalt); font-weight: 800; }
.hk-learning-list article { display: grid; grid-template-columns: 62px 1fr 38px; gap: 13px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--hk-border); }
.hk-learning-list article:last-child { border: 0; }
.hk-learning-list img { width: 62px; height: 52px; border-radius: 9px; object-fit: cover; }
.hk-learning-list h3,
.hk-upcoming-item h3,
.hk-recommendation h3 { margin: 0 0 4px; color: var(--hk-navy); font-size: 15px; line-height: 1.3; }
.hk-learning-list h3 a,
.hk-recommendation h3 a { color: inherit; }
.hk-learning-list span,
.hk-upcoming-item p { margin: 0; color: var(--hk-muted); font-size: 12px; }
.hk-icon-link { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: var(--hk-cobalt); background: #edf3ff; }
.hk-upcoming-item { display: grid; grid-template-columns: 52px 1fr; gap: 13px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--hk-border); }
.hk-upcoming-item time { display: grid; width: 52px; height: 55px; place-items: center; border-radius: 11px; color: var(--hk-cobalt); background: #edf3ff; line-height: 1; }.hk-upcoming-item time span { font-size: 11px; font-weight: 800; text-transform: uppercase; }
.hk-recommendation img { width: 100%; aspect-ratio: 16/9; margin-bottom: 14px; border-radius: 11px; object-fit: cover; }
.hk-recommendation > span { color: var(--hk-cobalt); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.hk-compact-empty { display: flex; min-height: 142px; flex-direction: column; align-items: flex-start; justify-content: center; color: var(--hk-muted); }.hk-compact-empty > i { margin-bottom: 9px; color: var(--hk-aqua); font-size: 28px; }.hk-compact-empty p { margin: 0 0 4px; color: var(--hk-navy); font-weight: 800; }
.hk-empty-feature { display: flex; min-height: 310px; flex-direction: column; align-items: flex-start; justify-content: center; padding: 42px; }.hk-feature-icon { display: grid; width: 58px; height: 58px; margin-bottom: 18px; place-items: center; border-radius: 16px; color: var(--hk-cobalt); background: #eaf1ff; font-size: 28px; }
.hk-learner-notice,
.hk-environment-note { display: flex; align-items: flex-start; gap: 10px; border-radius: 12px; }
.hk-learner-notice { margin-top: 20px; padding: 15px 18px; color: #725000; border: 1px solid #f0d183; background: #fff8df; }.hk-learner-notice div { display: grid; }.hk-learner-notice span { font-size: 13px; }
.hk-environment-note { padding: 12px 15px; color: #38516f; border: 1px solid #cbd9ea; background: #eff5fb; font-size: 13px; }.hk-learner-dashboard > .hk-environment-note { margin-top: 22px; }

/* Learner navigation rail */
.hk-workspace--learner #hk-learner-drawer { background: var(--hk-navy) !important; }
.hk-learner-nav { padding: 18px 16px 36px; }
.hk-learner-nav ul { margin: 0 0 24px; padding: 0; list-style: none; }
.hk-nav-label { margin: 0 12px 8px; color: #83a7cc; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hk-learner-nav li { margin-bottom: 4px; }
.hk-learner-nav a { display: flex; min-height: 44px; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; color: #dceaff !important; font-weight: 700; text-decoration: none; }
.hk-learner-nav a i { width: 22px; color: #8ebbe6; font-size: 20px; text-align: center; }
.hk-learner-nav a:hover,
.hk-learner-nav a.is-active { color: #fff !important; background: rgba(22,185,183,.17); }
.hk-learner-nav a.is-active { box-shadow: inset 3px 0 var(--hk-aqua); }
.hk-learner-nav a.is-active i { color: var(--hk-aqua); }

/* Catalogue and My Learning */
.hk-catalogue-hero { padding: 72px 0 66px; color: #fff; background: radial-gradient(circle at 82% 18%, rgba(22,185,183,.3), transparent 25%), var(--hk-navy); }
.hk-catalogue-hero .hk-section-kicker { color: var(--hk-marigold); }
.hk-catalogue-hero h1 { margin: 0 0 12px; color: #fff; font-family: var(--hk-serif); font-size: clamp(42px, 6vw, 68px); }
.hk-catalogue-hero p:not(.hk-section-kicker) { max-width: 650px; color: #d7e7f7; font-size: 18px; }
.hk-catalogue-search { max-width: 780px; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; margin-top: 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.25); border-radius: 13px; background: #fff; box-shadow: 0 18px 48px rgba(0,0,0,.2); }.hk-catalogue-search i { color: #6b7a90; font-size: 21px; text-align: center; }.hk-catalogue-search input { min-width: 0; height: 54px; border: 0; outline: 0; }.hk-catalogue-search button { height: 44px; margin-right: 5px; padding: 0 20px; border: 0; border-radius: 9px; color: #fff; background: var(--hk-cobalt); font-weight: 800; }
.hk-catalogue-content { padding: 34px 0 72px; background: #f7f9fc; }.hk-catalogue-content .hk-environment-note { margin-bottom: 22px; }
.hk-filter-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; padding: 18px; border: 1px solid var(--hk-border); border-radius: 15px; background: #fff; }.hk-filter-search { grid-column: span 2; }.hk-filter-bar label { display: block; margin-bottom: 6px; color: var(--hk-navy); font-size: 12px; font-weight: 800; }.hk-filter-bar input,.hk-filter-bar select { width: 100%; height: 44px; padding: 0 11px; border: 1px solid #ccd6e2; border-radius: 9px; background: #fff; }
.hk-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 40px 0 20px; }.hk-results-heading h2 { margin: 0; color: var(--hk-navy); font-family: var(--hk-serif); font-size: 34px; }.hk-results-heading > a { color: var(--hk-cobalt); font-weight: 800; }
.hk-course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.hk-course-card { min-width: 0; overflow: hidden; border: 1px solid var(--hk-border); border-radius: 16px; background: #fff; box-shadow: 0 12px 34px rgba(3,39,94,.07); }
.hk-course-image { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #eaf0f7; }.hk-course-image img,.hk-course-image picture { width: 100%; height: 100%; object-fit: cover; }.hk-course-image span { position: absolute; bottom: 13px; left: 13px; padding: 6px 10px; border-radius: 999px; color: var(--hk-navy); background: rgba(255,255,255,.94); font-size: 11px; font-weight: 800; }
.hk-course-card-body { display: flex; min-height: 265px; flex-direction: column; align-items: flex-start; padding: 22px; }.hk-course-instructor { margin: 0 0 7px; color: var(--hk-cobalt) !important; font-size: 12px; font-weight: 800; text-transform: uppercase; }.hk-course-card h3,.hk-course-card h2 { margin: 0 0 9px; color: var(--hk-navy); font-family: var(--hk-serif); font-size: 23px; line-height: 1.2; }.hk-course-card h3 a,.hk-course-card h2 a { color: inherit; }.hk-course-card-body > p:not(.hk-course-instructor) { color: var(--hk-muted); font-size: 14px; line-height: 1.55; }.hk-course-facts { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: auto; padding-top: 14px; color: #52647a; font-size: 12px; }.hk-course-facts span { display: inline-flex; gap: 5px; align-items: center; }.hk-course-facts .hk-coming-soon { color: #8a5b00; }.hk-course-link { margin-top: 15px; color: var(--hk-cobalt); font-weight: 800; }.hk-pagination { margin-top: 32px; }
.hk-catalogue-empty { grid-column: 1/-1; padding: 56px 24px; border: 1px dashed #bdcbe0; border-radius: 16px; text-align: center; background: #fff; }.hk-catalogue-empty > i { color: var(--hk-aqua); font-size: 38px; }.hk-catalogue-empty h2,.hk-catalogue-empty h3 { margin: 14px 0 7px; color: var(--hk-navy); font-family: var(--hk-serif); }
.hk-my-learning-hero { padding: 4px 0 28px; }.hk-my-learning-content { padding: 0 0 48px; }.hk-learning-course .hk-course-card-body { min-height: 250px; }.hk-learning-course .hk-btn-primary { margin-top: auto; }.hk-learning-course .hk-course-image span { color: #fff; background: rgba(3,39,94,.9); }

/* Course identity and access */
.hk-course-detail { background: #f7f9fc; }.hk-course-detail-hero { padding: 38px 0 58px; color: #fff; background: radial-gradient(circle at 12% 5%, rgba(22,185,183,.24), transparent 28%), var(--hk-navy); }.hk-course-detail-hero ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; padding: 0; list-style: none; color: #bad0e7; font-size: 13px; }.hk-course-detail-hero li + li::before { margin-right: 8px; content: "/"; }.hk-course-detail-hero a { color: #fff; }.hk-course-hero-grid { display: grid; grid-template-columns: 1fr minmax(280px, 420px); gap: 48px; align-items: center; }.hk-course-detail-hero .hk-section-kicker { color: var(--hk-marigold); }.hk-course-detail-hero h1 { max-width: 850px; margin: 0 0 15px; color: #fff; font-family: var(--hk-serif); font-size: clamp(40px, 5vw, 62px); line-height: 1.04; }.hk-course-lead { max-width: 740px; color: #d8e8f8; font-size: 18px; line-height: 1.6; }.hk-course-hero-grid > img { width: 100%; aspect-ratio: 16/10; border: 6px solid rgba(255,255,255,.12); border-radius: 18px; object-fit: cover; box-shadow: 0 20px 55px rgba(0,0,0,.25); }.hk-course-hero-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 24px; color: #d8e8f8; font-size: 13px; }.hk-course-hero-meta span { display: inline-flex; align-items: center; gap: 6px; }
.hk-course-detail-body { padding: 48px 0 80px; }.hk-course-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 32px; align-items: start; }.hk-course-main { min-width: 0; }.hk-detail-section,.hk-course-main > .course-overview-card { margin: 0 0 22px; padding: clamp(24px,4vw,38px); border: 1px solid var(--hk-border); border-radius: 18px; background: #fff; box-shadow: 0 10px 35px rgba(3,39,94,.05); }.hk-detail-section h2,.hk-course-main > .course-overview-card h2 { margin: 0 0 20px; color: var(--hk-navy); font-family: var(--hk-serif); font-size: 30px; }.hk-readable > div { max-width: 70ch; color: #43556b; line-height: 1.75; }.hk-objectives ul { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 22px; margin: 0; padding: 0; list-style: none; }.hk-objectives li { display: flex; gap: 10px; color: #34465c; }.hk-objectives li i { display: grid; width: 24px; height: 24px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #087d7a; background: #def7f5; }
.hk-detail-section-head { display: flex; align-items: end; justify-content: space-between; gap: 15px; }.hk-detail-section-head > span { color: var(--hk-muted); font-size: 13px; }.hk-curriculum details { border-top: 1px solid var(--hk-border); }.hk-curriculum details:last-child { border-bottom: 1px solid var(--hk-border); }.hk-curriculum summary { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; color: var(--hk-navy); font-weight: 800; }.hk-curriculum summary small { color: var(--hk-muted); font-weight: 600; }.hk-curriculum ul { margin: 0; padding: 0 0 12px; list-style: none; }.hk-curriculum li { display: flex; min-height: 45px; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 10px; border-radius: 8px; }.hk-curriculum li:nth-child(odd) { background: #f7f9fc; }.hk-curriculum li > span { display: flex; align-items: center; gap: 8px; }.hk-curriculum em { padding: 3px 7px; border-radius: 999px; color: #087d7a; background: #def7f5; font-size: 10px; font-style: normal; font-weight: 800; }.hk-curriculum li a { color: var(--hk-cobalt); font-size: 12px; font-weight: 800; }
.hk-course-access { position: sticky; top: 100px; padding: 26px; border: 1px solid var(--hk-border); border-top: 5px solid var(--hk-aqua); border-radius: 17px; background: #fff; box-shadow: 0 20px 55px rgba(3,39,94,.12); }.hk-course-access h2 { margin: 0 0 12px; color: var(--hk-navy); font-family: var(--hk-serif); font-size: 28px; }.hk-course-access > p:not(.hk-section-kicker) { color: var(--hk-muted); line-height: 1.6; }.hk-course-access .hk-btn-primary,.hk-course-access .hk-btn-secondary,.hk-course-access > button,.hk-course-access form button { width: 100%; }.hk-course-access > button,.hk-course-access form button { min-height: 44px; border: 0; border-radius: 10px; font-weight: 800; }.hk-course-access button:disabled { color: #68778b; background: #e8edf3; }.hk-course-access dl { margin: 24px 0; }.hk-course-access dl > div { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--hk-border); }.hk-course-access dt { color: var(--hk-muted); font-weight: 600; }.hk-course-access dd { margin: 0; color: var(--hk-navy); font-weight: 800; text-align: right; }.hk-prerequisites { margin-top: 20px; padding: 14px; border-radius: 10px; background: #fff8df; }.hk-prerequisites ul { margin: 8px 0 0; padding-left: 18px; }.hk-course-access .hk-environment-note { margin-top: 18px; }
.hk-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.hk-related-grid article { overflow: hidden; border: 1px solid var(--hk-border); border-radius: 12px; padding-bottom: 16px; }.hk-related-grid img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }.hk-related-grid article > :not(img) { margin-right: 15px; margin-left: 15px; }.hk-related-grid span { display: block; margin-top: 13px; color: var(--hk-cobalt); font-size: 10px; font-weight: 800; text-transform: uppercase; }.hk-related-grid h3 { margin-top: 5px !important; margin-bottom: 9px !important; font-size: 17px !important; }.hk-related-grid h3 a { color: var(--hk-navy); }.hk-related-grid > article > a:last-child { color: var(--hk-cobalt); font-size: 12px; font-weight: 800; }

/* Tune the existing lesson player to the approved Health Keepers learning shell. */
.clp-player-body .clp-player-sidebar { background: var(--hk-navy); }.clp-player-body .clp-player-sidebar-head { border-color: rgba(255,255,255,.12); }.clp-player-body .clp-lesson-item.is-active { color: #fff; border-left-color: var(--hk-aqua); background: rgba(22,185,183,.17); }.clp-player-body .clp-player-topbar { border-bottom-color: var(--hk-border); box-shadow: 0 8px 24px rgba(3,39,94,.06); }.clp-player-body .clp-tab-copy { max-width: 72ch; }

/* Phase 7 — teaching-first instructor workspace */
.hk-workspace--instructor .sidebar-wrapper{color:#dceaff;background:var(--hk-navy)!important}.hk-instructor-nav{padding:14px 14px 36px}.hk-instructor-nav p{margin:20px 12px 7px;color:#82a7cd;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hk-instructor-nav a{min-height:43px;display:flex;align-items:center;gap:12px;margin:3px 0;padding:9px 12px;border-radius:9px;color:#dceaff!important;font-weight:700;text-decoration:none}.hk-instructor-nav a i{width:22px;color:#8ebbe6;font-size:20px;text-align:center}.hk-instructor-nav a:hover,.hk-instructor-nav a.is-active{color:#fff!important;background:rgba(22,185,183,.16)}.hk-instructor-nav a.is-active{box-shadow:inset 3px 0 var(--hk-aqua)}.hk-instructor-nav a.is-active i{color:var(--hk-aqua)}
.hk-workspace--instructor .page-footer{position:relative;right:auto;bottom:auto;left:auto;margin-left:270px}
.hk-workspace--instructor .topbar .navbar{width:100%;padding:0 24px}.hk-workspace--instructor .mobile-toggle-menu{border:0;color:var(--hk-navy);background:transparent;font-size:25px}.hk-instructor-context{min-width:155px;color:var(--hk-navy);font-size:13px;font-weight:800}.hk-instructor-search{width:min(410px,35vw);height:43px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;margin-left:10px;overflow:hidden;border:1px solid #d8e1ec;border-radius:10px;background:#f7f9fc}.hk-instructor-search i{color:#6d7d91;font-size:19px;text-align:center}.hk-instructor-search input{min-width:0;height:100%;border:0;outline:0;background:transparent}.hk-instructor-search button{height:33px;margin-right:5px;padding:0 12px;border:0;border-radius:7px;color:var(--hk-cobalt);background:#eaf1ff;font-size:12px;font-weight:800}
.hk-instructor-dashboard{max-width:1600px;margin:0 auto;padding-bottom:52px}.hk-instructor-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.hk-instructor-welcome .hk-section-kicker{margin-bottom:7px}.hk-instructor-welcome h1{margin:0 0 5px;color:var(--hk-navy);font-family:var(--hk-serif);font-size:clamp(36px,4.2vw,55px);line-height:1.04}.hk-instructor-welcome>div>p:last-child{margin:0;color:var(--hk-muted);font-size:16px}.hk-instructor-overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.78fr);gap:22px}.hk-teaching-panel{min-width:0;border:1px solid var(--hk-border);border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(3,39,94,.055)}.hk-teaching-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 24px 18px}.hk-teaching-panel-head p{margin:0 0 3px;color:var(--hk-cobalt);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hk-teaching-panel-head h2{margin:0;color:var(--hk-navy);font-family:var(--hk-serif);font-size:27px}.hk-teaching-panel-head>a{color:var(--hk-cobalt);font-size:13px;font-weight:800;white-space:nowrap}.hk-count-badge{padding:6px 10px;border-radius:999px;color:#963d28;background:#ffe7df;font-size:11px;font-weight:800}
.hk-attention-list{padding:0 24px 22px}.hk-attention-item{display:grid;grid-template-columns:45px minmax(0,1fr) auto auto;gap:13px;align-items:center;min-height:73px;padding:12px 0;border-top:1px solid var(--hk-border)}.hk-attention-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;font-size:21px}.hk-attention-item.is-coral .hk-attention-icon{color:#a64229;background:#ffe6de}.hk-attention-item.is-gold .hk-attention-icon{color:#986300;background:#fff0c7}.hk-attention-item.is-aqua .hk-attention-icon{color:#087b78;background:#ddf7f4}.hk-attention-item h3{margin:0 0 3px;color:var(--hk-navy);font-size:14px}.hk-attention-item p{margin:0;color:var(--hk-muted);font-size:12px}.hk-attention-item>strong{color:var(--hk-navy);font-family:var(--hk-serif);font-size:28px}.hk-attention-item>a{min-width:145px;color:var(--hk-cobalt);font-size:12px;font-weight:800;text-align:right}
.hk-teaching-overview dl{display:grid;gap:0;margin:0;padding:0 24px 22px}.hk-teaching-overview dl>div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:81px;padding:14px 58px 14px 0;border-top:1px solid var(--hk-border)}.hk-teaching-overview dt{color:var(--hk-muted);font-size:12px}.hk-teaching-overview dd{grid-row:1/3;grid-column:2;margin:0;color:var(--hk-navy);font-family:var(--hk-serif);font-size:29px}.hk-teaching-overview dl span{position:absolute;right:0;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;font-size:20px}.hk-teaching-overview .is-blue{color:var(--hk-cobalt);background:#eaf1ff}.hk-teaching-overview .is-aqua{color:#087b78;background:#ddf7f4}.hk-teaching-overview .is-gold{color:#986300;background:#fff0c7}
.hk-teaching-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.65fr);gap:22px;margin-top:22px}.hk-course-table-panel{overflow:hidden}.hk-course-table-panel .table-responsive{max-width:100%;padding:0 24px 18px}.hk-instructor-table{margin:0}.hk-instructor-table thead th{padding:11px 10px;color:#64748a;border-color:var(--hk-border);background:#f7f9fc;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hk-instructor-table td{padding:13px 10px;color:#40536a;border-color:var(--hk-border);font-size:12px}.hk-course-cell{min-width:220px;display:flex;align-items:center;gap:11px;color:var(--hk-navy)}.hk-course-cell img{width:48px;height:40px;border-radius:8px;object-fit:cover;background:#e8eef5}.hk-course-cell span{min-width:0;display:grid}.hk-course-cell strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-course-cell small{color:var(--hk-muted)}.hk-status{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.hk-status.is-published{color:#08745e;background:#ddf7ef}.hk-status.is-draft{color:#7c5b16;background:#fff1cc}.hk-table-progress{min-width:100px;display:flex;align-items:center;gap:8px}.hk-table-progress>span{width:64px;height:6px;overflow:hidden;border-radius:999px;background:#e6ebf2}.hk-table-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hk-aqua),var(--hk-cobalt))}.hk-table-progress strong{color:var(--hk-navy);font-size:11px}.hk-table-action{color:var(--hk-cobalt);font-weight:800;white-space:nowrap}
.hk-teaching-activity{padding:0 24px 20px}.hk-teaching-activity>a{display:grid;grid-template-columns:9px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--hk-border);color:inherit}.hk-activity-mark{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--hk-aqua);box-shadow:0 0 0 4px #ddf7f4}.hk-teaching-activity>a>span:last-child{display:grid}.hk-teaching-activity strong{color:var(--hk-navy);font-size:13px}.hk-teaching-activity small{margin:3px 0;color:var(--hk-muted);line-height:1.4}.hk-teaching-activity time{color:#8090a3;font-size:10px}.hk-quick-actions{margin-top:22px}.hk-quick-actions>.hk-teaching-panel-head{padding-bottom:12px}.hk-quick-actions>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 24px}.hk-quick-actions>div>a{display:grid;grid-template-columns:43px 1fr;gap:12px;align-items:center;min-height:73px;padding:14px;border:1px solid var(--hk-border);border-radius:12px;color:var(--hk-navy)}.hk-quick-actions>div>a:hover{border-color:#a9bee0;box-shadow:0 8px 22px rgba(3,39,94,.07)}.hk-quick-actions>div>a>i{display:grid;width:43px;height:43px;place-items:center;border-radius:11px;font-size:21px}.hk-quick-actions a.is-blue>i{color:var(--hk-cobalt);background:#eaf1ff}.hk-quick-actions a.is-aqua>i{color:#087b78;background:#ddf7f4}.hk-quick-actions a.is-gold>i{color:#986300;background:#fff0c7}.hk-quick-actions a.is-coral>i{color:#a64229;background:#ffe6de}.hk-quick-actions a span{min-width:0;display:grid}.hk-quick-actions a strong{font-size:13px}.hk-quick-actions a small{color:var(--hk-muted);font-size:11px}
.hk-teaching-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:20px;color:var(--hk-muted);text-align:center}.hk-teaching-empty>i{color:var(--hk-aqua);font-size:30px}.hk-teaching-empty strong{color:var(--hk-navy)}.hk-teaching-empty a{margin-top:7px;color:var(--hk-cobalt);font-weight:800}.hk-setup-panel{margin-top:22px;border:1px solid var(--hk-border);border-radius:14px;background:#fff}.hk-setup-panel summary{display:flex;justify-content:space-between;gap:18px;padding:17px 20px;cursor:pointer;color:var(--hk-navy);font-weight:800}.hk-setup-panel summary i{margin-right:7px;color:var(--hk-aqua)}.hk-setup-panel summary strong{color:var(--hk-muted);font-size:12px}.hk-setup-panel>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 18px 18px}.hk-setup-panel>div a{display:grid;gap:4px;padding:12px;border-radius:9px;color:var(--hk-navy);background:#f6f8fb;font-size:12px}.hk-setup-panel>div a>i{color:var(--hk-cobalt);font-size:18px}.hk-setup-panel>div a small{color:var(--hk-cobalt)}.hk-setup-panel>div a.is-done{opacity:.7}.hk-instructor-dashboard>.hk-environment-note{margin-top:22px}
@media (max-width:1199.98px){.hk-instructor-overview,.hk-teaching-grid{grid-template-columns:1fr}.hk-quick-actions>div:last-child{grid-template-columns:repeat(2,1fr)}.hk-setup-panel>div{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px){.hk-workspace--instructor .page-footer,.hk-workspace--instructor .wrapper.toggled .page-footer{right:auto!important;left:auto!important;margin-left:0!important}}
@media (max-width:991.98px){.hk-instructor-context{display:none}.hk-instructor-search{width:min(480px,55vw);margin-left:0}}
@media (max-width:767.98px){.hk-instructor-dashboard{padding-right:16px!important;padding-left:16px!important}.hk-instructor-welcome{align-items:flex-start;flex-direction:column}.hk-instructor-welcome .hk-btn-primary{width:100%}.hk-instructor-search{display:none}.hk-workspace--instructor .user-info{display:none}.hk-workspace--instructor .topbar .navbar{padding:0 10px}.hk-attention-item{grid-template-columns:42px minmax(0,1fr) auto}.hk-attention-item>a{grid-column:2/4;min-width:0;text-align:left}.hk-teaching-panel-head{align-items:flex-start;padding:20px 18px 14px}.hk-attention-list,.hk-teaching-overview dl,.hk-teaching-activity{padding-right:18px;padding-left:18px}.hk-course-table-panel .table-responsive{overflow:visible;padding:0 18px 18px}.hk-course-table-panel>.hk-teaching-panel-head{padding-right:18px;padding-left:18px}.hk-instructor-table,.hk-instructor-table tbody{display:block;width:100%!important;min-width:0!important}.hk-instructor-table thead{display:none}.hk-instructor-table tr{display:block;width:100%;padding:13px 0;border-top:1px solid var(--hk-border)}.hk-instructor-table td{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%!important;padding:6px 0!important;border:0!important}.hk-instructor-table td:first-child{padding-bottom:10px!important}.hk-instructor-table td:nth-child(2)::before{content:'Status'}.hk-instructor-table td:nth-child(3)::before{content:'Learners'}.hk-instructor-table td:nth-child(4)::before{content:'Completion'}.hk-instructor-table td:nth-child(5)::before{content:'Updated'}.hk-instructor-table td:nth-child(n+2)::before{color:var(--hk-muted);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hk-course-cell{width:100%;min-width:0}.hk-course-cell strong{max-width:240px}.hk-table-progress{justify-content:flex-end}.hk-instructor-table td:last-child{justify-content:flex-end}.hk-quick-actions>div:last-child{grid-template-columns:1fr;padding-right:18px;padding-left:18px}.hk-setup-panel>div{grid-template-columns:1fr}.hk-setup-panel summary{align-items:flex-start;flex-direction:column}}

@media (min-width: 1200px) {
    .hk-workspace--learner #hk-learner-drawer { width: 325px; }
    .hk-workspace--learner #hk-learner-drawer[aria-hidden="true"] { visibility: visible; }
}
@media (max-width: 1199.98px) {
    .hk-learning-overview { grid-template-columns: 1fr; }.hk-learning-stats { grid-template-columns: repeat(3,1fr); }.hk-dashboard-grid { grid-template-columns: 1fr 1fr; }.hk-dashboard-panel:first-child { grid-column: 1/-1; }.hk-filter-bar { grid-template-columns: repeat(3,1fr); }.hk-course-detail-grid { grid-template-columns: minmax(0,1fr) 300px; }
}
@media (max-width: 991.98px) {
    .hk-workspace--learner .dashboard-content-wrap { padding-bottom: 92px; }.hk-course-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.hk-course-hero-grid { grid-template-columns: 1fr; }.hk-course-hero-grid > img { max-width: 560px; }.hk-course-detail-grid { grid-template-columns: 1fr; }.hk-course-access { position: static; grid-row: 1; }.hk-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.clp-bottom-nav button { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 0; border: 0; color: #566173; background: transparent; font-size: 10.5px; font-weight: 600; }.clp-bottom-nav button .la { font-size: 20px; }
}
@media (max-width: 767.98px) {
    .hk-learner-welcome { align-items: flex-start; flex-direction: column; }.hk-learner-welcome .hk-btn-secondary { width: 100%; }.hk-continue-card { grid-template-columns: 1fr; }.hk-continue-art { min-height: 190px; max-height: 230px; }.hk-continue-body { padding: 26px 22px 30px; }.hk-learning-stats { grid-template-columns: repeat(3,1fr); gap: 8px; }.hk-learning-stats > div { display: flex; min-width: 0; flex-direction: column; align-items: center; padding: 13px 6px; text-align: center; }.hk-stat-icon { width: 40px; height: 40px; font-size: 20px; }.hk-learning-stats strong { font-size: 23px; }.hk-learning-stats > div > span:last-child { font-size: 10px; }.hk-dashboard-grid { grid-template-columns: 1fr; }.hk-dashboard-panel:first-child { grid-column: auto; }.hk-filter-bar { grid-template-columns: 1fr 1fr; }.hk-filter-search { grid-column: 1/-1; }.hk-filter-bar .hk-btn-primary { grid-column: 1/-1; }.hk-course-grid { grid-template-columns: 1fr; }.hk-catalogue-hero { padding: 48px 0; }.hk-catalogue-search { grid-template-columns: 40px 1fr; }.hk-catalogue-search button { grid-column: 1/-1; width: calc(100% - 10px); margin: 0 5px 5px; }.hk-results-heading { align-items: flex-start; flex-direction: column; }.hk-course-detail-hero { padding: 28px 0 42px; }.hk-course-hero-grid { gap: 28px; }.hk-objectives ul { grid-template-columns: 1fr; }.hk-curriculum li { align-items: flex-start; flex-direction: column; }.hk-related-grid { grid-template-columns: 1fr; }.hk-my-learning-hero .container { padding: 0; }.hk-my-learning-content .container { padding: 0; }
}