:root{--drefl-blue:#18a5dd;--drefl-blue-dark:#128fc2;--drefl-pink:#ed4db4;--drefl-text:#4F535D;--drefl-title:#22313f;--drefl-navy:#23384b;--drefl-light-blue:#eef8fd;--drefl-border:#dbe4ea;--drefl-subtext:#8a949d;--drefl-light-grey:#eef1f3;--drefl-radius:18px;--drefl-nav-width:280px;--drefl-content-max:920px}

.drefl-course-layout{display:grid;grid-template-columns:var(--drefl-nav-width) minmax(0,var(--drefl-content-max));gap:24px;align-items:start;justify-content:start}.drefl-content-column{min-width:0}.drefl-course-nav{position:sticky;top:18px;width:100%;max-width:var(--drefl-nav-width);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid var(--drefl-border);border-radius:var(--drefl-radius);box-shadow:0 1px 3px rgba(0,0,0,.03)}.drefl-course-nav-head{display:flex;align-items:center;gap:10px;padding:18px 20px;background:var(--drefl-blue);color:#fff;font-size:1.05rem;font-weight:800}.drefl-course-nav-head a{color:#fff!important;text-decoration:none!important}.drefl-course-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff!important;font:inherit;font-size:1.5rem;cursor:pointer}
.drefl-course-section{border-bottom:1px solid #edf0f2}.drefl-course-section:last-child{border-bottom:0}.drefl-course-section-toggle{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:8px;align-items:center;width:100%;padding:14px;border:0;background:#fff;color:var(--drefl-blue);font:inherit;text-align:left;cursor:pointer}.drefl-course-section-toggle:hover{background:#f7fbfd}.drefl-course-section.is-open .drefl-course-section-toggle{background:var(--drefl-light-blue)}.drefl-course-section-title{font-size:.96rem;font-weight:800}.drefl-course-section-chevron{color:#9aa5ad;transition:transform .18s}.drefl-course-section.is-open .drefl-course-section-chevron{transform:rotate(180deg);color:var(--drefl-blue)}.drefl-course-subsections{padding:4px 10px 12px}
.drefl-course-item{display:grid;grid-template-columns:27px minmax(0,1fr) 22px;gap:8px;align-items:center;min-height:44px;padding:8px 9px;border-radius:11px;color:var(--drefl-subtext)!important;text-decoration:none!important}.drefl-course-item:hover{background:#f6fafc;color:#6f7b85!important}.drefl-course-item.is-current{background:var(--drefl-light-blue);box-shadow:inset 3px 0 0 var(--drefl-blue);color:var(--drefl-text)!important}.drefl-course-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#9da7af}.drefl-course-item.is-current .drefl-course-icon{color:var(--drefl-blue)}.drefl-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.drefl-course-item-title{font-size:.87rem;font-weight:700}.drefl-course-tick{color:var(--drefl-blue);font-weight:900;text-align:center}
.drefl-top-nav{display:flex;justify-content:space-between;align-items:center;min-height:42px;margin:0 0 10px;padding:0 4px}.drefl-top-nav-link{display:inline-flex;align-items:center;min-height:34px;padding:5px 9px;border-radius:999px;background:var(--drefl-light-grey);color:#7e8a93!important;text-decoration:none!important;font-size:.84rem;font-weight:700}.drefl-top-nav-link:hover{background:#e4e9ed;color:#66737c!important}.drefl-subsection-kicker{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--drefl-blue);font-size:.9rem;font-weight:800}.drefl-subsection-kicker .drefl-icon{width:20px;height:20px}.drefl-page-title{color:var(--drefl-title)!important}.drefl-standard-instructions{margin:0 0 18px;padding:14px 16px;background:var(--drefl-light-blue);border:1px solid #cfe8f4;border-radius:14px;color:var(--drefl-text);line-height:1.6}.drefl-standard-instructions p{margin:0}.drefl-subsection-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f2}.drefl-subsection-continue{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid var(--drefl-blue);border-radius:999px;background:var(--drefl-blue);color:#fff!important;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.drefl-subsection-continue:hover{background:var(--drefl-blue-dark);border-color:var(--drefl-blue-dark)}
.drefl-course-main{width:min(100% - 28px,1180px);margin:34px auto 64px}.drefl-course-home{display:grid;gap:26px}.drefl-course-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:22px;padding:28px;background:linear-gradient(135deg,#fff 0%,#f4fbfe 100%);border:1px solid var(--drefl-border);border-radius:24px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.drefl-course-eyebrow{margin-bottom:6px;color:var(--drefl-blue);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.drefl-course-hero h1{margin:0 0 12px;color:var(--drefl-title);font-size:clamp(2rem,4vw,3rem);line-height:1.05}.drefl-course-summary{max-width:720px;color:var(--drefl-text);font-size:1.04rem;line-height:1.7}.drefl-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 20px}.drefl-course-meta span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--drefl-border);color:var(--drefl-text);font-size:.84rem}.drefl-course-start{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--drefl-blue);color:#fff!important;text-decoration:none!important;font-weight:800}.drefl-course-start:hover{background:var(--drefl-blue-dark)}.drefl-course-progress-card{display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:18px;background:var(--drefl-navy);color:#fff}.drefl-progress-number{display:flex;align-items:baseline;gap:7px}.drefl-progress-number strong{font-size:2.4rem;line-height:1}.drefl-progress-number span,.drefl-progress-label,.drefl-progress-percent{color:#d8e3ec}.drefl-progress-bar{height:8px;margin:16px 0 8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.17)}.drefl-progress-bar span{display:block;height:100%;background:var(--drefl-pink);border-radius:999px}.drefl-course-outline{display:grid;gap:16px}.drefl-course-outline-head h2{margin:0 0 4px;color:var(--drefl-title)}.drefl-course-outline-head p{margin:0;color:#7a8794}.drefl-course-outline-card{padding:18px;border:1px solid var(--drefl-border);border-radius:18px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.03)}.drefl-outline-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.drefl-outline-card-head>div{display:flex;align-items:center;gap:10px}.drefl-outline-card-head h3{margin:0;color:var(--drefl-title)}.drefl-outline-index{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--drefl-light-blue);color:var(--drefl-blue);font-weight:800}.drefl-outline-progress{color:#7f8a93;font-size:.82rem;font-weight:700}.drefl-outline-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.drefl-outline-item{display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:8px;align-items:center;min-height:48px;padding:9px 10px;border-radius:12px;background:#fbfdfe;border:1px solid #edf1f3;color:var(--drefl-text)!important;text-decoration:none!important}.drefl-outline-item:hover{border-color:#cfe5f0;background:#f5fbfe}.drefl-outline-item.is-complete{background:#f7fbfd}
.drefl-check-answer,.drefl-block button.drefl-check-answer{display:flex!important;margin-left:auto!important;margin-right:auto!important}.drefl-mobile-menu-wrap,.drefl-course-open,.drefl-course-overlay{display:none}
@media(max-width:900px){.drefl-course-layout{display:block}.drefl-mobile-menu-wrap{display:flex;justify-content:center;margin-bottom:12px}.drefl-course-open{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #d8dfe4;border-radius:999px;background:#fff;color:#6f7b84;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.drefl-course-open:hover{background:#f5f7f8}.drefl-course-nav{position:fixed;z-index:100002;left:0;top:0;bottom:0;width:min(88vw,340px);max-width:none;max-height:none;border-radius:0;transform:translateX(-105%);transition:transform .2s ease}.drefl-course-nav.is-open{transform:translateX(0)}.drefl-course-close{display:block}.drefl-course-overlay{position:fixed;z-index:100001;inset:0;background:rgba(47,54,64,.38)}.drefl-course-overlay.is-open{display:block}body.drefl-course-menu-open{overflow:hidden}.drefl-top-nav{margin-bottom:6px}.drefl-top-nav-link{font-size:.8rem;min-height:32px}.drefl-subsection-actions{justify-content:stretch}.drefl-subsection-continue{width:100%;min-height:46px}.drefl-course-hero{grid-template-columns:1fr;padding:20px}.drefl-outline-items{grid-template-columns:1fr}}
.drefl-all-courses-head{margin-bottom:22px}.drefl-all-courses-head h1{margin:0 0 8px;color:var(--drefl-title);font-size:clamp(2rem,4vw,3rem)}.drefl-all-courses-head p{margin:0;color:#7a8794}.drefl-all-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.drefl-course-library-card{padding:22px;background:#fff;border:1px solid var(--drefl-border);border-radius:20px;box-shadow:0 3px 12px rgba(0,0,0,.04)}.drefl-course-library-card h2{margin:4px 0 10px}.drefl-course-library-card h2 a{color:var(--drefl-title)!important;text-decoration:none!important}.drefl-course-library-card p{color:var(--drefl-text);line-height:1.6}
/* Course area supplies its own DRE header; avoid a duplicate Astra header above it. */
.single-dre_flex_lesson .site-header,.single-dre_flex_course .site-header,.post-type-archive-dre_flex_course .site-header{display:none!important}


/* =========================================================
   v0.6.1 — accordion hover + DRE utility links inside course menu
========================================================= */

/* Keep main section headings readable under Astra/theme hover rules */
.drefl-course-section-toggle,
.drefl-course-section-toggle:visited,
.drefl-course-section-toggle:hover,
.drefl-course-section-toggle:focus,
.drefl-course-section-toggle:focus-visible,
.drefl-course-section-toggle:active,
.drefl-course-section.is-open .drefl-course-section-toggle{
    color:var(--drefl-blue)!important;
    -webkit-text-fill-color:var(--drefl-blue)!important;
}
.drefl-course-section-toggle{
    background:#fff!important;
}
.drefl-course-section-toggle:hover,
.drefl-course-section-toggle:focus-visible{
    background:#f7fbfd!important;
}
.drefl-course-section.is-open .drefl-course-section-toggle{
    background:var(--drefl-light-blue)!important;
}
.drefl-course-section-toggle .drefl-course-section-title,
.drefl-course-section-toggle:hover .drefl-course-section-title,
.drefl-course-section-toggle:focus .drefl-course-section-title,
.drefl-course-section.is-open .drefl-course-section-title{
    color:var(--drefl-blue)!important;
    -webkit-text-fill-color:var(--drefl-blue)!important;
}

/* Wider DRE navigation is separate from course learning items */
.drefl-course-utility{
    margin-top:8px;
    padding:14px 12px 12px;
    border-top:1px solid #dfe5e9;
    background:#f7f9fa;
}
.drefl-course-utility-brand{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:10px;
}
.drefl-course-utility-brand img{
    width:40px;
    height:40px;
    object-fit:contain;
    border-radius:50%;
    flex:0 0 40px;
}
.drefl-course-utility-brand span{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.drefl-course-utility-brand strong{
    color:var(--drefl-title);
    font-size:.88rem;
    line-height:1.15;
}
.drefl-course-utility-brand small{
    margin-top:2px;
    color:#8a949d;
    font-size:.72rem;
    line-height:1.2;
}
.drefl-course-utility-links{
    display:grid;
    gap:5px;
}
.drefl-course-utility-links a,
.drefl-course-utility-links a:visited{
    display:flex;
    align-items:center;
    min-height:34px;
    padding:6px 9px;
    border:1px solid #dfe5e9;
    border-radius:10px;
    background:#fff;
    color:#6f7b84!important;
    -webkit-text-fill-color:#6f7b84!important;
    text-decoration:none!important;
    font-size:.82rem;
    font-weight:700;
}
.drefl-course-utility-links a:hover,
.drefl-course-utility-links a:focus-visible{
    border-color:#c9d4da;
    background:#eef2f4;
    color:#56636c!important;
    -webkit-text-fill-color:#56636c!important;
}

@media(max-width:900px){
    .drefl-course-utility{
        margin-top:10px;
        padding-bottom:18px;
    }
}


/* =========================================================
   v0.6.3 — refined sidebar order and hierarchy
========================================================= */

.drefl-course-nav-head,
.drefl-course-utility{
    display:none!important;
}

.drefl-course-brand{
    padding:12px 12px 10px;
    background:#fff;
    border-bottom:1px solid #e5eaed;
}
.drefl-course-brand-row{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:9px;
    align-items:center;
}
.drefl-course-brand-row img{
    width:40px;
    height:40px;
    object-fit:contain;
    border-radius:50%;
}
.drefl-course-brand-row span{
    display:flex;
    flex-direction:column;
}
.drefl-course-brand-row strong{
    color:var(--drefl-title);
    font-size:.9rem;
    line-height:1.15;
}
.drefl-course-brand-row small{
    margin-top:2px;
    color:#8a949d;
    font-size:.72rem;
}
.drefl-course-brand .drefl-course-close{
    color:#7c8790!important;
    background:transparent!important;
}

.drefl-course-home-link,
.drefl-course-home-link:visited{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    margin-top:10px;
    padding:7px 10px;
    border:1px solid #cfe6f1;
    border-radius:10px;
    background:#eef8fd;
    color:var(--drefl-blue)!important;
    -webkit-text-fill-color:var(--drefl-blue)!important;
    text-decoration:none!important;
    font-size:.84rem;
    font-weight:800;
}
.drefl-course-home-link:hover,
.drefl-course-home-link:focus-visible{
    background:#e4f4fb;
    border-color:#b9dce9;
    color:var(--drefl-blue-dark)!important;
    -webkit-text-fill-color:var(--drefl-blue-dark)!important;
}

.drefl-course-titlebar{
    padding:10px 14px;
    border-bottom:1px solid #e5eaed;
    background:#fbfcfd;
    color:var(--drefl-title);
    font-size:.9rem;
    font-weight:800;
}

.drefl-course-footer-links{
    display:grid;
    gap:3px;
    margin-top:4px;
    padding:10px 12px 12px;
    border-top:1px solid #dfe5e9;
    background:#fafbfc;
}
.drefl-course-footer-links a,
.drefl-course-footer-links a:visited{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:32px;
    padding:5px 7px;
    border-radius:8px;
    color:#7d8992!important;
    -webkit-text-fill-color:#7d8992!important;
    text-decoration:none!important;
    font-size:.8rem;
    font-weight:700;
}
.drefl-course-footer-links a:hover,
.drefl-course-footer-links a:focus-visible{
    background:#eef2f4;
    color:#5f6c75!important;
    -webkit-text-fill-color:#5f6c75!important;
}

@media(max-width:900px){
    .drefl-course-brand{
        padding-top:14px;
    }
    .drefl-course-footer-links{
        padding-bottom:18px;
    }
}


/* =========================================================
   v0.6.4 — compact lesson page and cleaner sidebar top
========================================================= */

/* Keep course navigation high and visually flush rather than floating */
@media(min-width:901px){
    .drefl-course-nav{
        top:0;
        max-height:100vh;
        border-radius:0 0 var(--drefl-radius) var(--drefl-radius);
        border-top:0;
    }
    .drefl-top-nav{
        margin-top:0;
    }
}


/* =========================================================
   v0.6.5 — course identity + true top alignment
========================================================= */

/* Course identity */
.drefl-course-titlebar{
    padding:11px 16px!important;
    background:var(--drefl-blue)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-bottom:0!important;
    font-size:.92rem!important;
    font-weight:800!important;
}
.drefl-course-menu-image{
    height:88px;
    overflow:hidden;
    background:#eaf0f3;
    border-bottom:1px solid #dfe5e9;
}
.drefl-course-menu-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.drefl-course-menu-image.is-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef3f6;
    color:#a0aab2;
    font-size:.76rem;
    font-weight:700;
}

/* Desktop: sidebar and content begin at the top of the flexible-learning viewport */
@media(min-width:901px){
    body.single-dre_flex_lesson .drefl-shell,
    body.single-dre_flex_course .drefl-shell{
        padding-top:0!important;
        margin-top:0!important;
    }
    body.single-dre_flex_lesson .drefl-course-nav,
    body.single-dre_flex_course .drefl-course-nav{
        top:0!important;
        margin-top:0!important;
        border-radius:0 0 var(--drefl-radius) var(--drefl-radius)!important;
    }
    body.single-dre_flex_lesson .drefl-main,
    body.single-dre_flex_course .drefl-main{
        padding-top:0!important;
        margin-top:0!important;
    }
    body.single-dre_flex_lesson .drefl-top-nav,
    body.single-dre_flex_course .drefl-top-nav{
        margin-top:0!important;
        padding-top:8px!important;
    }
}


/* =========================================================
   v0.6.6 — restrained page title + cleaner utility navigation
========================================================= */

.drefl-brand-logo-link{
    display:block;
    width:40px;
    height:40px;
    border-radius:50%;
    text-decoration:none!important;
}
.drefl-brand-logo-link img{
    display:block;
    width:40px;
    height:40px;
}
.drefl-brand-logo-link:hover,
.drefl-brand-logo-link:focus-visible{
    opacity:.88;
}

/* Bottom links align consistently and no longer imitate prev/next controls */
.drefl-course-footer-links a,
.drefl-course-footer-links a:visited{
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:8px!important;
    padding-right:8px!important;
}


/* =========================================================
   v0.6.7 — learner-centred navigation terminology/hierarchy
========================================================= */

/* Hub-level destination: clearly separate from the current course */
.drefl-hub-home-link,
.drefl-hub-home-link:visited{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    margin-top:10px;
    padding:7px 10px;
    border:1px solid #dce3e7;
    border-radius:10px;
    background:#fff;
    color:#65727c!important;
    -webkit-text-fill-color:#65727c!important;
    text-decoration:none!important;
    font-size:.84rem;
    font-weight:800;
}
.drefl-hub-home-link:hover,
.drefl-hub-home-link:focus-visible{
    background:#f3f6f7;
    border-color:#cfd8dd;
    color:#46545e!important;
    -webkit-text-fill-color:#46545e!important;
}

/* Course home now belongs visually to the course identity block */
.drefl-current-course-links{
    padding:8px 12px;
    background:#fff;
    border-bottom:1px solid #dfe5e9;
}
.drefl-current-course-links .drefl-course-home-link,
.drefl-current-course-links .drefl-course-home-link:visited{
    margin:0;
    min-height:34px;
}

/* Legacy footer navigation is intentionally removed in v0.6.7 */
.drefl-course-footer-links{
    display:none!important;
}

/* v0.6.8 designed course home */
.drefl-course-home-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 64px;color:var(--drefl-title)}
.drefl-course-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);overflow:hidden;border:1px solid #dce5ea;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(34,55,70,.06)}
.drefl-course-hero-copy{padding:40px 44px}.drefl-course-eyebrow{display:block;margin-bottom:7px;color:var(--drefl-blue);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.drefl-course-hero h1{margin:0;color:var(--drefl-title);font-size:clamp(2rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.035em}
.drefl-course-summary{max-width:680px;margin:17px 0 0;color:#5f6d77;font-size:1.03rem;line-height:1.6}
.drefl-course-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.drefl-course-meta span{padding:6px 10px;border-radius:999px;background:#eef7fb;color:#64737d;font-size:.78rem;font-weight:700}
.drefl-course-primary-action,.drefl-course-primary-action:visited{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:11px 18px;border-radius:10px;background:var(--drefl-blue);color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-weight:800}
.drefl-course-hero-media{min-height:290px;background:#eaf2f6}.drefl-course-hero-media img{display:block;width:100%;height:100%;min-height:290px;object-fit:cover}
.drefl-course-hero-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:290px;color:#9aa7b0;font-size:.85rem;font-weight:700}
.drefl-course-progress-card{margin-top:18px;padding:18px 22px;border:1px solid #dce5ea;border-radius:16px;background:#fff}
.drefl-course-progress-copy{display:flex;justify-content:space-between;align-items:center}.drefl-course-progress-copy span{font-weight:800}.drefl-course-progress-copy strong{color:var(--drefl-blue)}
.drefl-course-progress-track{height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e8eef1}.drefl-course-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--drefl-blue)}
.drefl-course-progress-card p{margin:8px 0 0;color:#7a8790;font-size:.82rem}
.drefl-course-outline{margin-top:40px}.drefl-course-outline-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:15px}.drefl-course-outline-head h2{margin:0;color:var(--drefl-title);font-size:1.7rem}.drefl-course-outline-head p{margin:0 0 3px;color:#7a8790;font-size:.9rem}
.drefl-course-section-cards{display:grid;gap:11px}.drefl-course-section-card{overflow:hidden;border:1px solid #dce5ea;border-radius:14px;background:#fff}
.drefl-course-card-toggle{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;width:100%;min-height:70px;padding:10px 16px;border:0!important;border-radius:0!important;background:#fff!important;color:var(--drefl-title)!important;text-align:left;cursor:pointer}
.drefl-course-card-toggle:hover{background:#f8fbfc!important}.drefl-course-card-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#eaf7fc;color:var(--drefl-blue);font-size:.8rem;font-weight:800}
.drefl-course-card-copy{display:flex;flex-direction:column;gap:2px}.drefl-course-card-copy strong{font-size:1rem}.drefl-course-card-copy small{color:#89959d;font-size:.75rem;font-weight:600}.drefl-course-card-status{justify-self:end;color:var(--drefl-blue);font-weight:800}
.drefl-course-card-activities{padding:4px 16px 14px 54px;border-top:1px solid #edf1f3;background:#fbfcfd}
.drefl-course-home-activity,.drefl-course-home-activity:visited{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #edf1f3;color:#5d6972!important;-webkit-text-fill-color:#5d6972!important;text-decoration:none!important}
.drefl-course-home-activity:last-child{border-bottom:0}.drefl-course-home-activity:hover{background:#f2f8fb}.drefl-course-home-activity-icon{display:flex;color:#9aa7af}.drefl-course-home-activity-icon svg{width:18px;height:18px}
.drefl-course-home-activity-copy{display:flex;flex-direction:column;gap:1px}.drefl-course-home-activity-copy strong{color:#5f6c75;font-size:.85rem}.drefl-course-home-activity-copy small{color:#929da5;font-size:.74rem}.drefl-course-home-activity-status{justify-self:end;color:var(--drefl-blue);font-weight:800}.drefl-course-empty-section{margin:10px 0;color:#8b979f;font-size:.84rem}
@media(max-width:760px){.drefl-course-home-page{width:min(100% - 24px,1180px);padding:16px 0 42px}.drefl-course-hero{grid-template-columns:1fr;border-radius:14px}.drefl-course-hero-copy{padding:25px 21px}.drefl-course-hero-media{order:-1;min-height:170px;max-height:210px}.drefl-course-hero-media img,.drefl-course-hero-placeholder{min-height:170px;max-height:210px}.drefl-course-outline{margin-top:30px}.drefl-course-outline-head{display:block}.drefl-course-outline-head p{margin-top:7px}.drefl-course-card-activities{padding-left:16px}}


/* =========================================================
   v0.7.0 — course information and metadata
========================================================= */
.drefl-course-hero{
    border-radius:0;
}
.drefl-course-meta{
    gap:20px;
    margin-top:20px;
}
.drefl-course-meta span{
    display:flex;
    flex-direction:column;
    gap:1px;
    min-width:110px;
    padding:0;
    border-radius:0;
    background:transparent;
    color:#53616b;
    font-size:.9rem;
    font-weight:800;
}
.drefl-course-meta span small{
    color:#8b969e;
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.drefl-course-primary-action,
.drefl-course-primary-action:visited{
    background:var(--drefl-pink)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.drefl-course-primary-action:hover,
.drefl-course-primary-action:focus{
    background:var(--drefl-pink-dark, #e92f9e)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.drefl-course-about{
    max-width:900px;
    margin:38px 0 0;
    padding:0 4px;
}
.drefl-course-about h2{
    margin:0;
    color:var(--drefl-title);
    font-size:1.55rem;
}
.drefl-course-about p{
    margin:12px 0 0;
    color:#5f6d77;
    font-size:.98rem;
    line-height:1.7;
}
.drefl-course-menu-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 12px;
    padding:8px 16px 2px;
    color:#7e8991;
    font-size:.72rem;
    font-weight:700;
}
.drefl-course-menu-meta span+span:before{
    content:"•";
    margin-right:12px;
    color:#b1bac0;
}
@media(max-width:760px){
    .drefl-course-about{margin-top:28px;padding:0}
    .drefl-course-meta{gap:14px}
}


/* =========================================================
   v0.7.1 — Course Home width + guaranteed information layer
========================================================= */

/* Course Home should use the available page width rather than looking
   like a centred card floating inside a large empty margin. */
body.single-dre_flex_course .site-content .ast-container,
body.single-dre_flex_course .site-content > .ast-container,
body.single-dre_flex_course #primary,
body.single-dre_flex_course .site-main,
body.single-dre_flex_course .entry-content{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

.drefl-course-home{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 0 64px;
}

/* Full-width visual hero. Content itself stays readable and aligned. */
.drefl-course-hero{
    width:100%;
    max-width:none;
    margin:0;
    border:0;
    border-radius:0!important;
    box-shadow:none;
    padding:36px clamp(28px, 6vw, 110px);
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:clamp(36px,5vw,90px);
    align-items:center;
}

.drefl-course-hero-copy{
    max-width:760px;
}

.drefl-course-hero h1{
    margin-bottom:14px;
}

.drefl-course-summary{
    max-width:680px;
    margin-bottom:18px;
}

/* Level and duration: deliberately low-profile, but always legible. */
.drefl-course-meta{
    display:flex!important;
    align-items:flex-start;
    gap:30px;
    margin:18px 0 22px;
}

.drefl-course-meta span{
    display:flex!important;
    min-width:0;
    padding:0 26px 0 0;
    border-right:1px solid #d8e0e5;
    background:transparent!important;
    color:#53616b!important;
    font-size:.92rem;
    line-height:1.35;
    font-weight:800;
}

.drefl-course-meta span:last-child{
    border-right:0;
    padding-right:0;
}

.drefl-course-meta span small{
    display:block;
    margin-bottom:3px;
    color:#8b969e!important;
    font-size:.68rem;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.045em;
}

/* Reusable course image: landscape proportions work both here and
   as the compact menu image. */
.drefl-course-hero-media,
.drefl-course-hero-image,
.drefl-course-image{
    width:100%;
}

.drefl-course-hero-media img,
.drefl-course-hero-image img,
.drefl-course-image img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    height:auto!important;
    object-fit:cover;
}

.drefl-course-hero .is-placeholder{
    aspect-ratio:16/9;
    min-height:0!important;
}

/* Content below hero returns to a contained reading width. */
.drefl-course-about,
.drefl-course-progress-card,
.drefl-course-contents{
    width:calc(100% - clamp(56px,12vw,220px));
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}

.drefl-course-about{
    margin-top:42px;
    padding:0;
}

.drefl-course-about-empty{
    color:#8b969e!important;
    font-style:italic;
}

.drefl-course-progress-card{
    margin-top:32px;
}

.drefl-course-contents{
    margin-top:40px;
}

@media(max-width:900px){
    .drefl-course-hero{
        grid-template-columns:1fr;
        padding:28px 22px 32px;
        gap:26px;
    }
    .drefl-course-hero-media,
    .drefl-course-hero-image,
    .drefl-course-image{
        max-width:640px;
    }
    .drefl-course-about,
    .drefl-course-progress-card,
    .drefl-course-contents{
        width:calc(100% - 36px);
    }
}

@media(max-width:520px){
    .drefl-course-meta{
        gap:18px;
        flex-wrap:wrap;
    }
    .drefl-course-meta span{
        padding-right:18px;
    }
}


/* =========================================================
   v0.7.2 — integrated Course Home hero
========================================================= */

/* Remove the remaining Astra/theme top gap on Flexible Course Home. */
body.single-dre_flex_course .site-content,
body.single-dre_flex_course .site-content > .ast-container,
body.single-dre_flex_course #content,
body.single-dre_flex_course #primary,
body.single-dre_flex_course .site-main,
body.single-dre_flex_course article,
body.single-dre_flex_course .entry-content,
.drefl-course-home-page{
    margin-top:0!important;
    padding-top:0!important;
}

/* The hero is now one full-width information zone, not a floating island. */
.drefl-course-hero{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    column-gap:clamp(34px,5vw,80px);
    row-gap:26px;
    width:100vw!important;
    max-width:none!important;
    margin:0 calc(50% - 50vw)!important;
    padding:28px clamp(28px,6vw,110px) 30px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f4f9fc!important;
    align-items:center;
}

/* White title/image area is no longer boxed off from the information below. */
.drefl-course-hero-copy,
.drefl-course-hero-media{
    align-self:center;
}

.drefl-course-hero-media{
    max-width:520px;
    justify-self:end;
}

.drefl-course-hero-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:16/9;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    background:#e8f1f6!important;
    color:#9aa8b2;
    font-weight:800;
}

.drefl-course-hero-media img{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Level and duration are labels, not buttons/cards. */
.drefl-course-meta{
    display:flex!important;
    gap:0!important;
    margin:15px 0 20px!important;
    padding:0!important;
}
.drefl-course-meta span{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0 24px 0 0!important;
    border:0!important;
    border-right:1px solid #cbd8e0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    background:transparent!important;
    color:#53616b!important;
}
.drefl-course-meta span+span{
    margin-left:24px!important;
}
.drefl-course-meta span:last-child{
    padding-right:0!important;
    border-right:0!important;
}
.drefl-course-meta span small{
    display:block;
    margin:0 0 2px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

/* About + progress form a single lower band inside the hero. */
.drefl-course-hero-info{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    gap:clamp(30px,5vw,70px);
    align-items:center;
    margin:2px calc(-1 * clamp(28px,6vw,110px)) -30px;
    padding:24px clamp(28px,6vw,110px) 28px;
    background:#eaf4f9;
    border-top:1px solid #d7e7ef;
}

.drefl-course-hero .drefl-course-about,
.drefl-course-hero .drefl-course-progress-card{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
}

.drefl-course-hero .drefl-course-about{
    padding:0!important;
}

.drefl-course-hero .drefl-course-about h2{
    margin:3px 0 7px;
    font-size:1.35rem;
}

.drefl-course-hero .drefl-course-about p{
    margin:0;
    line-height:1.55;
}

.drefl-course-hero .drefl-course-progress-card{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
}

.drefl-course-hero .drefl-course-progress-copy{
    margin-bottom:8px;
}

.drefl-course-hero .drefl-course-progress-card p{
    margin:9px 0 0;
}

/* Course schedule is the first separate content zone after the hero. */
.drefl-course-outline{
    width:calc(100% - clamp(56px,12vw,220px));
    max-width:1400px;
    margin:42px auto 0!important;
}

@media(max-width:900px){
    .drefl-course-hero{
        grid-template-columns:1fr;
        width:100%!important;
        margin:0!important;
        padding:22px 18px 24px!important;
        row-gap:22px;
    }
    .drefl-course-hero-media{
        justify-self:stretch;
        max-width:640px;
    }
    .drefl-course-hero-info{
        grid-column:1;
        grid-template-columns:1fr;
        gap:24px;
        margin:0 -18px -24px;
        padding:22px 18px 24px;
    }
    .drefl-course-outline{
        width:calc(100% - 36px);
        margin-top:30px!important;
    }
}


/* =========================================================
   v0.7.3 — course orientation and alignment
========================================================= */
.drefl-course-home-nav{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;min-height:64px;
    padding:7px clamp(28px,6vw,110px);
    background:#fff;border-bottom:1px solid #dce5ea;
}
.drefl-course-home-brand{
    display:flex;align-items:center;gap:10px;
    color:#243746!important;text-decoration:none!important;
}
.drefl-course-home-brand:hover,.drefl-course-home-brand:focus{color:#243746!important}
.drefl-course-home-brand img{
    width:46px;height:46px;object-fit:contain;border:0!important;border-radius:0!important;
}
.drefl-course-home-brand span{display:flex;flex-direction:column;line-height:1.15}
.drefl-course-home-brand strong{font-size:.92rem;font-weight:800}
.drefl-course-home-brand small{margin-top:3px;color:#84919a;font-size:.7rem;font-weight:600}
.drefl-my-learning-link,.drefl-my-learning-link:visited{
    padding:8px 14px;border:1px solid #cbd8e0;border-radius:6px;
    background:#fff;color:#53616b!important;font-size:.82rem;font-weight:800;text-decoration:none!important;
}
.drefl-my-learning-link:hover,.drefl-my-learning-link:focus{
    border-color:#20a7dc;background:#edf8fc;color:#168fc0!important;
}

/* Align the entire information band with the same hero inset as DRE COURSE/title. */
.drefl-course-hero-info{
    padding-left:clamp(28px,6vw,110px)!important;
    padding-right:clamp(28px,6vw,110px)!important;
}
.drefl-course-hero .drefl-course-about{justify-self:stretch;text-align:left}

@media(max-width:900px){
    .drefl-course-home-nav{padding:7px 18px;min-height:58px}
    .drefl-course-home-brand img{width:40px;height:40px}
    .drefl-course-home-brand strong{font-size:.84rem}
    .drefl-course-hero-info{padding-left:18px!important;padding-right:18px!important}
}
@media(max-width:440px){
    .drefl-course-home-brand small{display:none}
    .drefl-my-learning-link{padding:7px 10px;font-size:.76rem}
}


/* =========================================================
   v0.8.0 — public catalogue, commerce metadata, image consistency
========================================================= */
.drefl-course-menu-image{aspect-ratio:16/9;height:auto!important}
.drefl-course-menu-image img{width:100%;height:100%;object-fit:cover}
.drefl-course-library-card{overflow:hidden;padding:0}
.drefl-course-library-image{display:flex;aspect-ratio:16/9;overflow:hidden;background:#eaf2f6;align-items:center;justify-content:center;color:#98a5ae!important;text-decoration:none!important}
.drefl-course-library-image img{display:block;width:100%;height:100%;object-fit:cover}
.drefl-course-library-body{padding:20px 22px 22px}
.drefl-course-library-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.drefl-course-library-meta span{padding:4px 8px;border-radius:999px;background:#f1f5f7;color:#66757f;font-size:.74rem;font-weight:800}
.drefl-course-library-card .drefl-course-start{background:#fff!important;border:0!important;padding:8px 0!important;color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important}
.drefl-course-library-card .drefl-course-start:hover{background:#fff!important;color:#d92e94!important;-webkit-text-fill-color:#d92e94!important}


/* v0.8.1 — catalogue cards should never stretch to fill a sparse row */
.post-type-archive-dre_flex_course .drefl-course-main{
  max-width:1240px;
  margin:0 auto;
  padding:38px 28px 64px;
}
.post-type-archive-dre_flex_course .drefl-all-courses-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,340px));
  gap:24px;
  align-items:start;
  justify-content:start;
}
.post-type-archive-dre_flex_course .drefl-course-library-card{
  width:100%;
  max-width:340px;
  background:#fff;
  border:1px solid #dfe6ea;
  border-radius:10px;
  box-shadow:0 4px 14px rgba(34,56,75,.08);
}


/* v0.8.7 — lesson menu first-paint stability
   Reserve the active-row geometry from the first paint so hydration/state
   changes do not alter width, padding or borders on the first lesson item. */
body.single-dre_flex_lesson .drefl-course-nav a,
body.single-dre_flex_lesson .drefl-course-nav button,
body.single-dre_flex_lesson .drefl-sidebar-nav a,
body.single-dre_flex_lesson .drefl-sidebar-nav button{
  box-sizing:border-box;
}

body.single-dre_flex_lesson .drefl-course-nav .drefl-lesson-link,
body.single-dre_flex_lesson .drefl-sidebar-nav .drefl-lesson-link{
  border-left:3px solid transparent;
}

/* State changes may change colour/background, but not row geometry. */
body.single-dre_flex_lesson .drefl-course-nav .drefl-lesson-link.is-active,
body.single-dre_flex_lesson .drefl-course-nav .drefl-lesson-link.active,
body.single-dre_flex_lesson .drefl-sidebar-nav .drefl-lesson-link.is-active,
body.single-dre_flex_lesson .drefl-sidebar-nav .drefl-lesson-link.active{
  border-left-width:3px;
}


/* =========================================================
   v0.9.0 — desktop distraction-free lesson menu
   The content column keeps exactly the same grid track and width.
========================================================= */
.drefl-desktop-menu-wrap{display:none}

@media(min-width:901px){
  .drefl-desktop-menu-wrap{
    display:flex;
    width:calc(var(--drefl-nav-width) + 24px);
    justify-content:flex-start;
    margin:0 0 8px;
  }
  .drefl-desktop-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:6px 10px;
    border:1px solid #e0e5e8;
    border-radius:999px;
    background:#fff;
    color:#727f88;
    font:inherit;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,.03);
  }
  .drefl-desktop-menu-toggle:hover,
  .drefl-desktop-menu-toggle:focus{
    background:#fff;
    color:var(--drefl-pink,#ef3eaa);
    border-color:#e0e5e8;
    outline:0;
  }

  /* Do NOT alter grid-template-columns: the blank left track remains. */
  .drefl-course-layout.drefl-desktop-nav-hidden .drefl-course-nav{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media(max-width:900px){
  .drefl-desktop-menu-wrap{display:none!important}
}


/* =========================================================
   v0.9.1 — smoother desktop lesson-menu hide/show
   - pre-paint state prevents old text flashing
   - whole nav animates as one unit
   - content grid never changes
   - toggle moved down from viewport edge
========================================================= */
@media(min-width:901px){
  .drefl-desktop-menu-wrap{
    padding-top:14px!important;
    margin-bottom:10px!important;
    box-sizing:border-box;
  }

  .drefl-course-layout .drefl-course-nav{
    opacity:1;
    transform:translateX(0);
    visibility:visible;
    transition:
      opacity .20s ease,
      transform .24s ease,
      visibility 0s linear 0s;
    will-change:opacity,transform;
  }

  .drefl-course-layout.drefl-desktop-nav-hidden .drefl-course-nav,
  html.drefl-desktop-menu-prehidden .drefl-course-layout .drefl-course-nav{
    opacity:0!important;
    transform:translateX(-12px)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:
      opacity .16s ease,
      transform .20s ease,
      visibility 0s linear .20s!important;
  }

  /* Before JS has initialised, suppress transitions as well as content.
     This prevents a saved-hidden menu briefly painting during reload/navigation. */
  html.drefl-desktop-menu-prehidden:not(.drefl-desktop-menu-ready) .drefl-course-layout .drefl-course-nav{
    transition:none!important;
  }
}


/* v0.9.2 — small desktop toggle inset from left viewport edge */
@media(min-width:901px){
  .drefl-desktop-menu-wrap{
    padding-left:12px!important;
  }
}

/* v0.9.7 Stage A: separate returning-user login from new-account creation. */
.drefl-course-account-choice{margin:10px 0 0;font-size:.95em}
.drefl-course-account-choice a{font-weight:700}


/* v0.9.9 — logged-out Course Home CTA presentation. */
.drefl-course-account-choice{margin:12px 0 0;}
.drefl-course-account-choice a,
.drefl-course-account-choice a:visited{
    color:var(--drefl-pink)!important;
    -webkit-text-fill-color:var(--drefl-pink)!important;
    text-decoration:none!important;
    font-weight:800;
}
.drefl-course-account-choice a:hover,
.drefl-course-account-choice a:focus{
    color:var(--drefl-pink-dark,#e92f9e)!important;
    -webkit-text-fill-color:var(--drefl-pink-dark,#e92f9e)!important;
    text-decoration:underline!important;
}


/* v0.10.0 — access choice for protected Course Home activities */
.drefl-access-choice{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.drefl-access-choice-backdrop{position:absolute;inset:0;background:rgba(25,45,58,.48)}.drefl-access-choice-panel{position:relative;z-index:1;width:min(440px,100%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 18px 55px rgba(0,0,0,.2);text-align:left}.drefl-access-choice-panel h3{margin:0 36px 8px 0;color:var(--drefl-text);font-size:1.35rem}.drefl-access-choice-panel p{margin:0 0 20px;color:var(--drefl-subtext)}.drefl-access-choice-close{position:absolute;top:12px;right:14px;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;border-radius:0!important;font:inherit;font-size:20px!important;font-weight:700;line-height:1!important;cursor:pointer;color:var(--drefl-text)!important;-webkit-text-fill-color:var(--drefl-text)!important}.drefl-access-choice-close:hover,.drefl-access-choice-close:focus{background:transparent!important;color:var(--drefl-text)!important;-webkit-text-fill-color:var(--drefl-text)!important;box-shadow:none!important;outline-offset:2px}.drefl-access-choice-login,.drefl-access-choice-login:visited{display:block;padding:13px 18px;border-radius:10px;background:var(--drefl-pink);color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center;font-weight:800;text-decoration:none!important}.drefl-access-choice-join,.drefl-access-choice-join:visited{display:block;margin-top:14px;color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;text-align:center;font-weight:800;text-decoration:none!important}.drefl-access-choice-join:hover{text-decoration:underline!important}

/* v0.10.2 — global DRE navigation on lesson pages. */
.drefl-global-menu-wrap{position:absolute;top:22px;right:28px;z-index:10020}
.drefl-global-menu{position:relative}
.drefl-global-menu summary{list-style:none;cursor:pointer;font-weight:800;color:#213d52;padding:10px 12px;border-radius:8px}
.drefl-global-menu summary::-webkit-details-marker{display:none}
.drefl-global-menu summary:hover,.drefl-global-menu summary:focus-visible{color:#ed3fa5}
.drefl-global-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#fff;border:1px solid #d8e0e6;border-radius:10px;box-shadow:0 10px 28px rgba(20,42,58,.14);overflow:hidden}
.drefl-global-menu-panel a{display:block;padding:11px 15px;color:#213d52;text-decoration:none;font-weight:700;background:#fff}
.drefl-global-menu-panel a:hover,.drefl-global-menu-panel a:focus-visible{color:#ed3fa5;background:#f7f9fa}
@media(max-width:767px){.drefl-global-menu-wrap{top:12px;right:12px}.drefl-global-menu summary{padding:8px 10px}}


/* v0.10.3 — personal course status on the public catalogue. */
.drefl-course-join-status{display:inline-block;margin:2px 0 12px;padding:6px 10px;border-radius:999px;font-size:.88rem;font-weight:400;line-height:1.25;background:#EAF6FB;color:#168FC0;-webkit-text-fill-color:#168FC0;}
.drefl-course-join-status.is-joined,.drefl-course-join-status.is-not-joined{background:#EAF6FB;color:#168FC0;-webkit-text-fill-color:#168FC0;font-weight:400;}


/* v0.10.5 — DRE status, menu and text polish. */
.drefl-course-join-status,
.drefl-course-join-status.is-joined,
.drefl-course-join-status.is-not-joined{
  background:#EAF6FB!important;
  color:#168FC0!important;
  -webkit-text-fill-color:#168FC0!important;
  font-weight:400!important;
}
.drefl-global-menu summary{
  border:1px solid currentColor!important;
  border-radius:7px!important;
  padding:7px 10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.drefl-course-progress-copy span{color:#4F535D!important;font-weight:700!important;}

/* v0.10.7 — explicit lesson Menu + catalogue status overrides. */
/* Lesson header is white: keep Menu / Close menu dark and outlined in every state. */
body.single-dre_flex_lesson .drefl-global-menu > summary,
body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus-visible{
  color:#4F535D!important;
  -webkit-text-fill-color:#4F535D!important;
  border:1px solid #4F535D!important;
  border-radius:7px!important;
  padding:7px 10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
/* Course archive status: one quiet DRE-blue treatment for joined and not joined. */
body.post-type-archive-dre_flex_course .drefl-course-join-status,
body.post-type-archive-dre_flex_course .drefl-course-join-status.is-joined,
body.post-type-archive-dre_flex_course .drefl-course-join-status.is-not-joined{
  background:#EAF6FB!important;
  color:#168FC0!important;
  -webkit-text-fill-color:#168FC0!important;
  font-weight:400!important;
  border:0!important;
  box-shadow:none!important;
}


/* v0.10.7 — mobile lesson controls + definitive archive status. */
/* Lesson global Menu is deliberately quiet on the white lesson header. */
body.single-dre_flex_lesson .drefl-global-menu > summary,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary{
  font-weight:400!important;
}
/* On phones, reserve the first row for the global Menu and place the
   lesson-navigation control on a separate row beneath it. */
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    padding-top:52px!important;
    margin-bottom:12px!important;
  }
}
/* Definitive catalogue status treatment. */
body.post-type-archive-dre_flex_course .drefl-course-library-card .drefl-course-join-status,
body.post-type-archive-dre_flex_course .drefl-course-library-card .drefl-course-join-status.is-joined,
body.post-type-archive-dre_flex_course .drefl-course-library-card .drefl-course-join-status.is-not-joined{
  background:#EAF6FB!important;
  background-color:#EAF6FB!important;
  color:#168FC0!important;
  -webkit-text-fill-color:#168FC0!important;
  font-weight:400!important;
  border:0!important;
  box-shadow:none!important;
}

/* v0.10.8 — mobile lesson controls + cache-safe catalogue status. */
/* IMPORTANT: DREFL_VERSION now matches the plugin version so this stylesheet
   receives a new URL and browsers do not keep serving the old 0.10.3 CSS. */
.drefl-global-menu > summary,
.drefl-global-menu[open] > summary{
  font-weight:400!important;
  border:1px solid #4F535D!important;
  color:#4F535D!important;
  -webkit-text-fill-color:#4F535D!important;
  background:transparent!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
@media(max-width:767px){
  .drefl-global-menu-wrap{top:12px!important;right:12px!important;}
  .drefl-global-menu > summary{
    padding:5px 8px!important;
    font-size:.86rem!important;
    line-height:1.15!important;
    min-width:0!important;
    width:auto!important;
  }
  .drefl-mobile-menu-wrap{
    justify-content:flex-start!important;
    padding:0 0 0 12px!important;
    margin:12px 0 18px!important;
  }
  .drefl-mobile-menu-wrap .drefl-course-open{
    margin:0!important;
  }
}
.drefl-course-join-status,
.drefl-course-join-status.is-joined,
.drefl-course-join-status.is-not-joined{
  background:#EAF6FB!important;
  background-color:#EAF6FB!important;
  color:#168FC0!important;
  -webkit-text-fill-color:#168FC0!important;
  font-weight:400!important;
  border:0!important;
  box-shadow:none!important;
}


/* v0.10.9 — mobile lesson-control separation + prominent archive price. */
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-site-main{position:relative!important;}
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    right:auto!important;
    z-index:10019!important;
    display:flex!important;
    justify-content:flex-start!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
  }
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap .drefl-course-open{
    padding:7px 10px!important;
    min-height:34px!important;
    font-size:.80rem!important;
    line-height:1.1!important;
  }
  body.single-dre_flex_lesson .drefl-global-menu-wrap{
    top:12px!important;
    right:12px!important;
    left:auto!important;
  }
  body.single-dre_flex_lesson .drefl-global-menu > summary{
    padding:6px 7px!important;
    font-size:.78rem!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
}
body.post-type-archive-dre_flex_course .drefl-course-library-meta .drefl-course-library-price{
  background:#FFE66D!important;
  color:#4F535D!important;
  -webkit-text-fill-color:#4F535D!important;
  border:1px solid #F2D64B!important;
  font-weight:800!important;
  padding:5px 10px!important;
  box-shadow:0 1px 2px rgba(33,61,82,.08)!important;
}


/* v0.10.10 — mobile lesson header spacing. */
@media(max-width:767px){
  /* Keep the lesson-menu pill in the light header, above the activity card. */
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    top:0!important;
    left:12px!important;
  }
  /* Mobile uses Continue for forward movement; remove the cramped top prev/next strip. */
  body.single-dre_flex_lesson .drefl-top-nav{
    display:none!important;
  }
}


/* v0.10.11 — lesson controls: DRE-blue lesson toggle + stable pink Menu hover. */
body.single-dre_flex_lesson .drefl-mobile-menu-wrap .drefl-course-open,
body.single-dre_flex_lesson .drefl-course-open{
  color:#168FC0!important;
  -webkit-text-fill-color:#168FC0!important;
}
body.single-dre_flex_lesson .drefl-mobile-menu-wrap .drefl-course-open:hover,
body.single-dre_flex_lesson .drefl-mobile-menu-wrap .drefl-course-open:focus-visible,
body.single-dre_flex_lesson .drefl-course-open:hover,
body.single-dre_flex_lesson .drefl-course-open:focus-visible{
  color:#ef3eaa!important;
  -webkit-text-fill-color:#ef3eaa!important;
}
body.single-dre_flex_lesson .drefl-global-menu > summary,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary{
  box-sizing:border-box!important;
  border-width:1px!important;
  transform:none!important;
}
body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus-visible{
  color:#ef3eaa!important;
  -webkit-text-fill-color:#ef3eaa!important;
  border-color:#ef3eaa!important;
  border-width:1px!important;
  transform:none!important;
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
  body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus-visible{
    padding:6px 7px!important;
    font-size:.78rem!important;
    line-height:1.1!important;
    min-width:0!important;
    width:auto!important;
  }
}


/* v0.10.12 — mobile lesson global Menu has identical geometry in every state. */
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
  body.single-dre_flex_lesson .drefl-global-menu > summary:focus,
  body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus-visible{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 6px!important;
    border-width:1px!important;
    border-style:solid!important;
    border-radius:7px!important;
    font-size:.78rem!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:0!important;
    transform:none!important;
    box-shadow:none!important;
  }
}

/* v0.10.14 — Stage 2: lesson header clearance; upper prev/next removed in template. */
body.single-dre_flex_lesson .drefl-content-column{
  padding-top:54px!important;
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-content-column{
    padding-top:58px!important;
  }
}


/* v0.10.15 — Stage 3: bottom-only lesson navigation. */
body.single-dre_flex_lesson .drefl-bottom-nav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:22px;padding-top:18px;border-top:1px solid #edf0f2;
}
body.single-dre_flex_lesson .drefl-bottom-nav-side{display:flex;flex:1 1 0;}
body.single-dre_flex_lesson .drefl-bottom-nav-right{justify-content:flex-end;}
body.single-dre_flex_lesson .drefl-activity-completion{
  display:flex;justify-content:center;margin-top:14px;text-align:center;
}
body.single-dre_flex_lesson .drefl-completion-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:32px;padding:3px 6px;border:0;background:transparent;color:var(--drefl-blue);
  font:inherit;font-size:.92rem;font-weight:800;text-decoration:none;cursor:pointer;
}
body.single-dre_flex_lesson .drefl-completion-button:hover,
body.single-dre_flex_lesson .drefl-completion-button:focus{background:transparent;color:var(--drefl-blue-dark);}
body.single-dre_flex_lesson .drefl-activity-completion.is-complete .drefl-completion-button{
  background:transparent;color:#237a43;text-decoration:none;cursor:default;opacity:1;
}

/* v0.10.27 — distinct reset card within the Course Home progress module. */
.drefl-course-hero .drefl-reset-progress-wrap{
  display:flex;flex-direction:column;align-items:center;
  box-sizing:border-box;width:100%;margin-top:16px;padding:15px 18px;
  border:1px solid #d6e2e8;border-radius:12px;background:#fff;
  box-shadow:0 2px 8px rgba(35,58,73,.05);text-align:center;
}
.drefl-reset-progress-form{display:flex;flex-direction:column;align-items:center;margin:0;}
.drefl-reset-progress-button{
  min-height:34px;padding:5px 12px;border:1px solid #bdcdd6;border-radius:7px;background:#fff;color:#53616b;
  font:inherit;font-size:.85rem;font-weight:800;text-decoration:none;cursor:pointer;
}
.drefl-reset-progress-button:hover,.drefl-reset-progress-button:focus{border-color:#93aab7;background:#f7fafb;color:#34424c;}
.drefl-course-hero .drefl-reset-progress-form p{margin:6px 0 0;color:#71808a;font-size:.78rem;line-height:1.4;text-align:center;}
.drefl-course-hero .drefl-reset-progress-wrap .drefl-reset-progress-notice{margin:0 0 7px;color:#237a43;font-weight:800;text-align:center;}
@media(max-width:900px){
  .drefl-course-hero .drefl-reset-progress-wrap{margin-top:15px;padding:14px 12px;}
  .drefl-reset-progress-form{width:100%;}
  .drefl-course-hero .drefl-reset-progress-form p{max-width:330px;}
}
body.single-dre_flex_lesson .drefl-completion-check{font-size:1.05rem;line-height:1;}
body.single-dre_flex_lesson .drefl-bottom-nav-button,
body.single-dre_flex_lesson .drefl-bottom-nav-button:visited{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-width:112px;min-height:44px;padding:9px 16px!important;
  border:1px solid #d7dde1!important;border-radius:999px!important;
  background:#eef1f3!important;color:#66737c!important;
  font:inherit!important;font-size:.92rem!important;font-weight:700!important;line-height:1!important;
  text-decoration:none!important;cursor:pointer;box-shadow:none!important;transform:none!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav-button:focus{
  background:#e3e8eb!important;color:#4f5c65!important;border-color:#cbd3d8!important;
  min-width:112px;min-height:44px;padding:9px 16px!important;transform:none!important;box-shadow:none!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav-icon{
  width:23px;height:23px;display:block;flex:0 0 23px;fill:currentColor;
}
body.single-dre_flex_lesson .drefl-bottom-nav-button:disabled{opacity:.6;cursor:wait;}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-activity-completion{margin-top:12px;}
  body.single-dre_flex_lesson .drefl-bottom-nav{gap:10px;margin-top:18px;padding-top:16px;}
  body.single-dre_flex_lesson .drefl-bottom-nav-button,
  body.single-dre_flex_lesson .drefl-bottom-nav-button:hover,
  body.single-dre_flex_lesson .drefl-bottom-nav-button:focus{min-width:104px;min-height:44px;padding:9px 13px!important;}
}

/* v0.10.16 — align the mobile lesson-menu control with the global Menu. */
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    top:12px!important;
    left:12px!important;
  }
}

/* v0.10.18 — retain final vertical position; inset lesson-menu control from the mobile left edge. */
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    top:-8px!important;
    left:0!important;
  }
}

/* v0.10.183 — lightweight lesson-to-lesson navigation. */
.drefl-course-home-activity-copy strong{color:#4f535d;font-size:.92rem;font-weight:700;}
.drefl-course-home-activity-copy small{margin-top:2px;color:#929da5;font-size:.72rem;font-weight:600;}
body.single-dre_flex_lesson .drefl-bottom-nav-button,
body.single-dre_flex_lesson .drefl-bottom-nav-button:visited,
body.single-dre_flex_lesson .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav-button:focus{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:4px 0!important;
  border:0!important;border-radius:0!important;outline-offset:3px!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;
  color:#9aa3aa!important;-webkit-text-fill-color:#9aa3aa!important;
  font:inherit!important;font-size:.9rem!important;font-weight:600!important;line-height:1.3!important;
  text-decoration:none!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav-button:focus{
  color:#ed4db4!important;-webkit-text-fill-color:#ed4db4!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav-arrow{
  display:inline-block!important;color:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1!important;
}

/* v0.10.247 — Compact lesson links immediately beneath the breadcrumb. */
body.single-dre_flex_lesson .drefl-top-lesson-nav{
  margin:0 0 14px;
  padding:0;
  border:0;
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-bottom-nav-button,
  body.single-dre_flex_lesson .drefl-bottom-nav-button:visited,
  body.single-dre_flex_lesson .drefl-bottom-nav-button:hover,
  body.single-dre_flex_lesson .drefl-bottom-nav-button:focus{
    width:auto!important;min-width:0!important;min-height:0!important;padding:5px 0!important;
  }
}

/* v0.10.249 — Top navigation reads as controls inside the breadcrumb strip. */
body.single-dre_flex_lesson .drefl-page-header .drefl-top-lesson-nav{
  margin:9px 0 0!important;
  padding:9px 0 0!important;
  border:0!important;
  border-top:1px solid #e3ebf1!important;
  gap:12px;
}
body.single-dre_flex_lesson .drefl-top-lesson-nav .drefl-bottom-nav-button,
body.single-dre_flex_lesson .drefl-top-lesson-nav .drefl-bottom-nav-button:visited{
  min-height:32px!important;
  padding:5px 12px!important;
  border:1px solid #f4bfdf!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#c42f8d!important;
  -webkit-text-fill-color:#c42f8d!important;
  font-size:.85rem!important;
  font-weight:700!important;
}
body.single-dre_flex_lesson .drefl-top-lesson-nav .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-top-lesson-nav .drefl-bottom-nav-button:focus-visible{
  border-color:#ED4DB4!important;
  background:#fff1f9!important;
  color:#b4257e!important;
  -webkit-text-fill-color:#b4257e!important;
}
@media(max-width:640px){
  body.single-dre_flex_lesson .drefl-page-header .drefl-top-lesson-nav{margin-top:7px!important;padding-top:7px!important}
}

/* v0.10.250 — Matching, borderless navigation at both ends of a lesson. */
body.single-dre_flex_lesson .drefl-page-header .drefl-top-lesson-nav{
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:visited,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:focus-visible{
  width:auto!important;min-width:0!important;
  min-height:32px!important;
  padding:4px 0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#c42f8d!important;
  -webkit-text-fill-color:#c42f8d!important;
  font-size:.93rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:focus-visible{
  color:#a82070!important;
  -webkit-text-fill-color:#a82070!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}

/* v0.10.251 — No underline on either pair of lesson links. */
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:focus-visible{
  text-decoration:none!important;
}

/* v0.10.252 — Lesson page menus, leaving course and other pages untouched. */
body.single-dre_flex_lesson .drefl-global-menu > summary,
body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus-visible{
  box-sizing:border-box!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  border:0!important;border-width:0!important;
  background:transparent!important;
  color:#4F535D!important;-webkit-text-fill-color:#4F535D!important;
  box-shadow:none!important;
}
body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover{
  color:#168FC0!important;-webkit-text-fill-color:#168FC0!important;
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{left:12px!important}
  body.single-dre_flex_lesson .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-global-menu[open] > summary{
    width:auto!important;min-width:0!important;max-width:none!important;
    padding:6px 8px!important;border:0!important;border-width:0!important;
  }
}

/* v0.10.253 — Stable Site menu label, compact lesson links, less header air. */
body.single-dre_flex_lesson .drefl-content-column{padding-top:46px!important}
body.single-dre_flex_lesson .drefl-global-menu > summary,
body.single-dre_flex_lesson .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus,
body.single-dre_flex_lesson .drefl-global-menu > summary:focus-visible,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:hover,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus,
body.single-dre_flex_lesson .drefl-global-menu[open] > summary:focus-visible{
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:136px!important;min-width:136px!important;max-width:136px!important;
  height:34px!important;min-height:34px!important;max-height:34px!important;
  margin:0!important;padding:0!important;
  border:0!important;box-shadow:none!important;
  transform:none!important;
  font:400 .82rem/1.1 "Nunito",sans-serif!important;
  letter-spacing:0!important;white-space:nowrap!important;
}
body.single-dre_flex_lesson .drefl-global-menu-panel{
  box-sizing:border-box;
  width:205px;min-width:0;
  padding:5px;
  border-color:#e3e9ef;
  box-shadow:0 8px 22px rgba(33,61,82,.10);
}
body.single-dre_flex_lesson .drefl-global-menu-panel a,
body.single-dre_flex_lesson .drefl-global-menu-panel a:visited{
  display:block;
  min-height:0;
  margin:0;
  padding:8px 10px;
  border-radius:6px;
  color:#63737e!important;-webkit-text-fill-color:#63737e!important;
  font:600 .87rem/1.35 "Nunito",sans-serif!important;
  text-decoration:none!important;
}
body.single-dre_flex_lesson .drefl-global-menu-panel a:hover,
body.single-dre_flex_lesson .drefl-global-menu-panel a:focus-visible{
  background:#f3f8fb!important;
  color:#168FC0!important;-webkit-text-fill-color:#168FC0!important;
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-content-column{padding-top:48px!important}
}

/* v0.10.254 — Lesson controls sit directly above the lesson column. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-site-main{padding-top:0!important;margin-top:0!important}
  body.single-dre_flex_lesson .drefl-content-column{padding-top:0!important}
  body.single-dre_flex_lesson .drefl-lesson-controls{
    display:flex;align-items:center;justify-content:space-between;
    min-height:34px;margin:0 0 12px;
  }
  body.single-dre_flex_lesson .drefl-desktop-menu-wrap{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:auto!important;margin:0!important;padding:0!important;
  }
  body.single-dre_flex_lesson .drefl-global-menu-wrap{
    position:relative!important;top:auto!important;right:auto!important;left:auto!important;
  }
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-lesson-controls{height:0;margin:0}
  body.single-dre_flex_lesson .drefl-global-menu-wrap{
    position:absolute!important;top:12px!important;right:6px!important;left:auto!important;
  }
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    top:12px!important;left:16px!important;
  }
}

/* v0.10.255 — Comfortable desktop control inset and mobile header alignment. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-lesson-controls{
    padding-top:9px;
  }
}
@media(max-width:767px){
  body.single-dre_flex_lesson .drefl-mobile-menu-wrap{
    top:-17px!important;
  }
}

/* v0.10.256 — Theme adds 18px padding to this wrapper; reset its box first. */
@media(max-width:900px){
  body.single-dre_flex_lesson main.drefl-site-main > .drefl-mobile-menu-wrap{
    box-sizing:border-box!important;
    position:absolute!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    top:8px!important;
    left:16px!important;
    right:auto!important;
    width:auto!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    z-index:10019!important;
  }
  body.single-dre_flex_lesson main.drefl-site-main > .drefl-mobile-menu-wrap .drefl-course-open{
    box-sizing:border-box!important;
    min-height:40px!important;
    margin:0!important;
  }
}

/* v0.10.257 — Both mobile controls share a real header row. */
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-content-column{
    padding-top:0!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    margin:0!important;
    padding:8px 16px!important;
    background:#e8f3fc!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap{
    box-sizing:border-box!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-course-open{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    line-height:1!important;
    transform:none!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu-wrap{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
}
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu > summary:focus-visible,
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu[open] > summary:hover{
  color:#ef3eaa!important;
  -webkit-text-fill-color:#ef3eaa!important;
}

/* v0.10.258 — Equal mobile insets; less air around the lesson links. */
body.single-dre_flex_lesson .drefl-page-header .drefl-top-lesson-nav{
  margin-top:3px!important;
  margin-bottom:0!important;
}
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:visited,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:hover,
body.single-dre_flex_lesson .drefl-bottom-nav .drefl-bottom-nav-button:focus-visible{
  font-weight:400!important;
}
body.single-dre_flex_lesson .drefl-page-header .drefl-top-lesson-nav .drefl-bottom-nav-button{
  min-height:28px!important;
  padding:2px 0!important;
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:hover,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:focus-visible,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu[open] > summary{
    box-sizing:border-box!important;
    justify-content:flex-end!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:0!important;margin:0!important;
  }
}

/* v0.10.259 — Separate the lesson location from the activity surface. */
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-content-column > .drefl-article{
    box-sizing:border-box!important;
    padding:0!important;
    background:#fff!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:12px 22px 10px!important;
    background:#fff!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header .drefl-top-lesson-nav{
    margin-top:2px!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-lesson-body{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:12px 22px 24px!important;
    background:#f5f7f9!important;
  }
}

/* v0.10.261 — Reduce only the desktop article's space above its breadcrumb. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-content-column > .drefl-article{
    padding-top:12px!important;
  }
}

/* v0.10.269 — Mobile lesson toggle keeps its pink text under child-theme rules. */
@media(max-width:900px){
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open,
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:hover,
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:focus-visible,
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:active{
    color:#ed4db4!important;
    -webkit-text-fill-color:#ed4db4!important;
  }
}

/* v0.10.262 — Upper lesson links begin the activity area below the white title strip. */
body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-top-lesson-nav{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
  padding:8px 22px!important;
  border:0!important;
  background:#f5f7f9!important;
}
body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-top-lesson-nav .drefl-bottom-nav-button{
  min-height:28px!important;
  padding:2px 0!important;
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    padding-bottom:8px!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-top-lesson-nav{
    padding:8px 22px 4px!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-lesson-body{
    padding-top:8px!important;
  }
}

/* v0.10.263 — Match the two navigation insets on desktop. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-top-lesson-nav{
    background:transparent!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-body > .drefl-bottom-nav{
    box-sizing:border-box!important;
    width:100%!important;
    padding:18px 22px 0!important;
  }
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-body > .drefl-bottom-nav{
    margin-top:8px!important;
    padding-top:8px!important;
  }
}

/* v0.10.264 — Editable catalogue page keeps the archive's introductory tone. */
body.drefl-courses-page .drefl-all-courses-head{margin-bottom:8px}
body.drefl-courses-page .drefl-courses-page-content > p:first-child{
  margin:0 0 22px;color:#7a8794;
}

/* v0.10.266 — Course controls and reset card placement. */
.drefl-course-home-page > .drefl-reset-progress-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  box-sizing:border-box;
  width:calc(100% - clamp(56px,12vw,220px));
  max-width:1400px;
  margin:24px auto 0;
  padding:16px 18px;
  border:1px solid #d6e2e8;
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 8px rgba(35,58,73,.05);
  text-align:center;
}
.drefl-course-home-page > .drefl-reset-progress-wrap .drefl-reset-progress-notice{
  margin:0 0 7px;color:#237a43;font-weight:800;text-align:center;
}
.drefl-course-home-page > .drefl-reset-progress-wrap .drefl-reset-progress-form p{
  margin:6px 0 0;color:#71808a;font-size:.78rem;line-height:1.4;text-align:center;
}
@media(max-width:900px){
  .drefl-course-home-page > .drefl-reset-progress-wrap{width:calc(100% - 36px)}
  .drefl-course-hero-copy > .drefl-course-primary-action{
    display:flex;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    justify-content:center;
  }
}

/* v0.10.267 — The lesson sidebar toggle uses the lesson navigation colour. */
body.single-dre_flex_lesson .drefl-desktop-menu-toggle,
body.single-dre_flex_lesson .drefl-desktop-menu-toggle:hover,
body.single-dre_flex_lesson .drefl-desktop-menu-toggle:focus-visible,
body.single-dre_flex_lesson .drefl-course-open,
body.single-dre_flex_lesson .drefl-course-open:hover,
body.single-dre_flex_lesson .drefl-course-open:focus-visible{
  color:var(--drefl-pink)!important;
  -webkit-text-fill-color:var(--drefl-pink)!important;
}

/* v0.10.268 — Section completion and a visible sidebar edge close control. */
.drefl-course-section-toggle{grid-template-columns:minmax(0,1fr) 20px 24px}
.drefl-course-section-complete{color:#18a5dd;font-size:1.05rem;font-weight:800;line-height:1;text-align:center}
.drefl-course-edge-close{display:none}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-nav .drefl-course-edge-close{
    display:grid;place-items:center;position:fixed;z-index:10;
    top:50%;right:0;transform:translateY(-50%);
    width:27px;height:54px;padding:0;border:1px solid #efb7dc;border-right:0;
    border-radius:12px 0 0 12px;background:#fff;
    color:#ed4db4;font:400 34px/1 Arial,sans-serif;cursor:pointer;
    box-shadow:-2px 1px 8px rgba(35,56,75,.12);
  }
  body.single-dre_flex_lesson .drefl-course-nav .drefl-course-edge-close:hover,
  body.single-dre_flex_lesson .drefl-course-nav .drefl-course-edge-close:focus-visible{
    color:#c5258c;background:#fff5fb;
  }
}

/* v0.10.265 — Full desktop activity wash with a separate white location strip. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-content-column > .drefl-article{
    padding:0!important;
    background:#f5f7f9!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:12px 5% 10px!important;
    background:#fff!important;
    box-shadow:0 4px 10px rgba(35,56,75,.09);
    position:relative;
    z-index:1;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-top-lesson-nav{
    padding:8px calc(5% + 22px)!important;
    background:transparent!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-lesson-body{
    box-sizing:border-box!important;
    width:100%!important;
    padding:0 5% 24px!important;
    background:transparent!important;
  }
}

/* v0.10.275 — DRE blue mobile lesson toolbar with a readable Site menu. */
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    background:var(--drefl-blue)!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:hover,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:focus-visible,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu[open] > summary{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* v0.10.277 — Give phone-sized engine cards six extra pixels on each side.
   Their existing full-width answer rows expand with the lesson body. */
@media(max-width:640px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-lesson-body{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* v0.10.279 — Compact the mobile toolbar while centring both menu controls. */
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    height:52px!important;
    min-height:52px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    align-items:center!important;
  }
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open,
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:hover,
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:focus-visible{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    line-height:1!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:hover,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:focus-visible,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu[open] > summary{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
}

/* v0.10.280 — Desktop menu bar meets the white lesson location strip edge to edge. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    padding:6px 22px!important;
    background:var(--drefl-blue)!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:hover,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:focus-visible,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu[open] > summary{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* v0.10.281 — Give the desktop Lessons pill a little more space from the blue edge. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    padding-left:30px!important;
  }
}

/* v0.10.282 — Match the desktop activity backdrop to the surrounding page. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-content-column > .drefl-article{
    background:#f0f5fa!important;
  }
}

/* v0.10.283 — Align the desktop menu and breadcrumb strips with the
   activity cards, while giving the sidebar a little more room. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout{
    --drefl-nav-width:clamp(280px,19vw,300px);
    column-gap:clamp(24px,2vw,32px)!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    box-sizing:border-box!important;
    width:90%!important;
    margin-left:5%!important;
    margin-right:5%!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

/* v0.10.285 — Use more of the sidebar gap for lesson names, and align
   the Lessons pill with the breadcrumb text beneath it. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout{
    --drefl-nav-width:clamp(300px,21vw,328px);
    column-gap:12px!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    padding-left:22px!important;
  }
}

/* v0.10.286 — Centre the desktop lesson column across the viewport. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout{
    grid-template-columns:minmax(var(--drefl-nav-width),1fr) minmax(0,var(--drefl-content-max)) minmax(0,1fr)!important;
    column-gap:0!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout > .drefl-course-nav{
    grid-column:1;
    grid-row:1;
  }
  body.single-dre_flex_lesson .drefl-course-layout > .drefl-content-column{
    grid-column:2;
    grid-row:1;
  }
}

/* v0.10.287 — Keep the same grid tracks as the sidebar opens and closes.
   Its visibility changes without moving the lesson column. */

/* v0.10.288 — Use equal outer tracks at every desktop width. The centre
   track yields only when necessary to leave room for the sidebar. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,min(var(--drefl-content-max),calc(100vw - 520px))) minmax(0,1fr)!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout > .drefl-course-nav{
    justify-self:start;
    width:100%!important;
    max-width:min(var(--drefl-nav-width),100%)!important;
  }
}
.drefl-secondary-heading{display:flex;justify-content:space-between;gap:8px;margin:11px 8px 3px;padding:5px 8px;color:#31536a;font-size:.82rem;font-weight:800;line-height:1.35;border-left:3px solid transparent;background:transparent;border-radius:0 6px 6px 0}
.drefl-secondary-group.is-reached>.drefl-secondary-heading{border-left-color:#18a5dd;background:#eef8fd}
.drefl-secondary-tick{color:#18a5dd;min-width:1em;text-align:center}
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:hover,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:focus,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:active{
  background:#fff!important;border:1px solid #89cce9!important;box-shadow:none!important;color:#4f535d!important;
}
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current .drefl-course-item-title{font-weight:800}
.drefl-secondary-home-heading{margin:15px 4px 3px;padding:7px 10px;color:#31536a;font-size:.92rem;font-weight:800;line-height:1.4;background:#fff5f9;border-left:3px solid #e685b1;border-radius:0 7px 7px 0}
.drefl-secondary-home-heading:first-child{margin-top:9px}
.drefl-static-intro{max-width:1050px;margin:24px auto;padding:24px;background:#f4f9fc;border-left:4px solid #2483b7;border-radius:8px;color:#21394b}
.drefl-static-intro h2{margin:0 0 14px;font-size:1.3rem}
.drefl-static-intro-body img,.drefl-static-intro-body video,.drefl-static-intro-body iframe{max-width:100%;height:auto;border-radius:6px}
.drefl-static-intro-body iframe{aspect-ratio:16/9;height:auto}
.drefl-static-intro-body > :last-child{margin-bottom:0}
.drefl-section-overview{margin:0 0 20px;padding:18px}
.drefl-section-overview h2{font-size:1.1rem}
.drefl-intro-layout .drefl-static-intro{max-width:none;margin:0 0 28px}
.drefl-intro-menu-item .drefl-course-tick{display:none}
.drefl-home-intro-link{max-width:1050px;margin:20px auto}
.drefl-home-intro-link a{font-weight:700;color:#1679aa}
body.drefl-intro-page .drefl-intro-layout .drefl-static-intro{border-left:0}
body.drefl-intro-page .drefl-intro-layout .drefl-course-intro-content{background:#fff;border:2px solid var(--drefl-blue);border-radius:8px}
body.drefl-intro-page .drefl-intro-layout .drefl-section-intro-content{background:#fff;border:2px solid var(--drefl-text);border-radius:8px}
body.drefl-intro-page .drefl-intro-layout .drefl-static-intro-body{font-size:1rem;color:#31485a}

/* v0.10.324 — Course introduction is the first activity in Course contents. */
.drefl-course-intro-card .drefl-course-home-activity{padding:15px 18px;border-bottom:0}
.drefl-course-intro-card .drefl-course-home-activity-icon{color:var(--drefl-blue)}

/* Keep the existing lesson Site menu compact and anchored to its control. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-wrap,
  body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-wrap{position:relative!important;width:auto!important;flex:0 0 auto!important}
  body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu,
  body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu{position:relative!important;width:auto!important}
  body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel,
  body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;box-sizing:border-box!important;width:205px!important;min-width:0!important;padding:5px!important;border:1px solid #e3e9ef!important;border-radius:10px!important;background:#fff!important;box-shadow:0 8px 22px rgba(33,61,82,.10)!important}
  body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a,
  body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a{display:block!important;width:auto!important;padding:8px 10px!important;border-radius:6px!important;background:#fff!important;color:#63737e!important;-webkit-text-fill-color:#63737e!important;text-decoration:none!important}
  body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a:hover,
  body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a:focus-visible,
  body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a:hover,
  body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a:focus-visible{background:#f3f8fb!important;color:var(--drefl-blue)!important;-webkit-text-fill-color:var(--drefl-blue)!important}
}

/* Put the lesson drawer control at the right edge on phones and tablets. */
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu-wrap{order:1!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important}
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap{order:2!important;position:static!important;margin-left:auto!important;margin-right:0!important}
}

/* v0.10.325 — Readable menu links, visible drawer close and stronger section hierarchy. */
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a,
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a:visited,
body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a,
body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a:visited{
  color:var(--drefl-text)!important;-webkit-text-fill-color:var(--drefl-text)!important;
  background:#fff!important;
}
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a:hover,
body.single-dre_flex_lesson .drefl-lesson-controls .drefl-global-menu-panel a:focus-visible,
body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a:hover,
body.drefl-intro-page .drefl-lesson-controls .drefl-global-menu-panel a:focus-visible{
  color:var(--drefl-blue)!important;-webkit-text-fill-color:var(--drefl-blue)!important;
  background:#f3f8fb!important;
}
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:hover,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:focus-visible{
  border:2px solid var(--drefl-pink)!important;
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-nav .drefl-course-edge-close{
    position:sticky!important;float:right!important;top:calc(50dvh - 27px)!important;
    right:0!important;transform:none!important;margin-bottom:-54px!important;
    z-index:20!important;
  }
}

/* v0.10.326 — The lesson title gets a close-fitting strip on every line. */
body.single-dre_flex_lesson .drefl-page-header .drefl-page-title{
  background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  line-height:1.48!important;
}
body.single-dre_flex_lesson .drefl-page-header .drefl-page-title-text{
  display:inline!important;
  padding:2px 8px!important;
  background:var(--drefl-text)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}

/* The phone toolbar inherits white link text from the blue header. */
html body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a,
html body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a:link,
html body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a:visited{
  color:#4F535D!important;-webkit-text-fill-color:#4F535D!important;
  background:#fff!important;text-shadow:none!important;
}
html body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a:hover,
html body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a:focus-visible{
  color:var(--drefl-blue)!important;-webkit-text-fill-color:var(--drefl-blue)!important;
  background:#f3f8fb!important;
}

/* v0.10.327 — Match the child theme's shared dropdown and simplify the active row. */
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel.dre-shared-page-menu-panel{
  display:block!important;position:absolute!important;top:calc(100% + 8px)!important;
  left:auto!important;right:0!important;width:205px!important;min-width:0!important;
  padding:5px!important;border:1px solid #e3e9ef!important;border-radius:10px!important;
  background:#fff!important;box-shadow:0 8px 22px rgba(33,61,82,.10)!important;
}
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel.dre-shared-page-menu-panel a,
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel.dre-shared-page-menu-panel a:visited{
  display:block!important;width:100%!important;box-sizing:border-box!important;
  padding:8px 10px!important;border:0!important;border-radius:6px!important;
  background:#fff!important;color:#4F535D!important;-webkit-text-fill-color:#4F535D!important;
  text-decoration:none!important;text-shadow:none!important;
}
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel.dre-shared-page-menu-panel a:hover,
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel.dre-shared-page-menu-panel a:focus-visible{
  background:#f3f8fb!important;color:var(--drefl-blue)!important;-webkit-text-fill-color:var(--drefl-blue)!important;
}
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:hover,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:focus-visible,
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current:active{
  border:0!important;box-shadow:none!important;background:transparent!important;
  color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;
}
body.single-dre_flex_lesson .drefl-course-nav a.drefl-course-item.is-current .drefl-course-item-title{
  color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;font-weight:800!important;
}
body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{background:var(--drefl-text)!important}
body.single-dre_flex_lesson .drefl-page-header .drefl-page-title{
  box-sizing:border-box!important;width:calc(100% + 44px)!important;
  margin-left:-22px!important;margin-right:-22px!important;
  padding:3px 22px!important;background:var(--drefl-blue)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.single-dre_flex_lesson .drefl-page-header .drefl-page-title-text{
  padding:0!important;background:transparent!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* v0.10.328 — Match the site headers and keep link labels readable. */
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a span{
  color:#4F535D!important;-webkit-text-fill-color:#4F535D!important;
  font-size:.87rem!important;font-weight:600!important;visibility:visible!important;opacity:1!important;
}
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a:hover span,
body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel a:focus-visible span{
  color:var(--drefl-blue)!important;-webkit-text-fill-color:var(--drefl-blue)!important;
}
@media(max-width:900px){
  body.single-dre_flex_lesson #primary .drefl-lesson-controls .drefl-global-menu-panel.dre-shared-page-menu-panel{
    left:0!important;right:auto!important;width:min(205px,calc(100vw - 32px))!important;
  }
}
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    width:100%!important;margin-left:0!important;margin-right:0!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    border-radius:0!important;box-shadow:none!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-lesson-body{
    border-top-left-radius:0!important;border-top-right-radius:0!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-global-menu-wrap{
    order:1!important;margin-right:auto!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls .drefl-desktop-menu-wrap{
    order:2!important;margin-left:auto!important;
  }
}

/* v0.10.329 — Centre both desktop strips over the lesson content. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls,
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    box-sizing:border-box!important;width:90%!important;
    margin-left:5%!important;margin-right:5%!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls{
    margin-bottom:12px!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    border-radius:0!important;box-shadow:none!important;
  }
}

/* v0.10.330 — Expose the pale activity background between the title and card. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-course-layout .drefl-content-column > .drefl-article{
    background:#f0f5fa!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout .drefl-article > .drefl-page-header{
    margin-bottom:16px!important;
  }
}

/* v0.10.331 — Clear hover and keyboard focus feedback in the lesson toolbar. */
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:hover,
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary:focus-visible{
  color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;
}

/* v0.10.332 — Compact Course Home and catalogue spacing. */
body.single-dre_flex_course .drefl-course-hero .drefl-course-progress-card{
  box-sizing:border-box!important;padding:18px 20px!important;
  border:1px solid #dce5ea!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 2px 8px rgba(35,58,73,.05)!important;
}
body.single-dre_flex_course .drefl-course-hero .drefl-course-progress-copy{margin-bottom:0!important}
body.single-dre_flex_course .drefl-course-hero .drefl-course-progress-track{margin-top:9px!important}
body.single-dre_flex_course .drefl-course-outline{gap:8px!important}
body.single-dre_flex_course .drefl-course-outline-head{margin-bottom:0!important}
body.single-dre_flex_course .drefl-course-outline-head p{margin:0!important}
@media(max-width:767px){
  body.single-dre_flex_course .drefl-course-hero{row-gap:16px!important;padding-bottom:18px!important}
  body.single-dre_flex_course .drefl-course-hero-copy{padding-top:18px!important;padding-bottom:18px!important}
  body.single-dre_flex_course .drefl-course-hero-info{gap:16px!important;padding-top:18px!important;padding-bottom:18px!important}
  body.single-dre_flex_course .drefl-course-outline{padding-top:22px!important;padding-bottom:34px!important}
  body.single-dre_flex_course .drefl-course-hero .drefl-course-progress-card{padding:15px 17px!important}
  body.drefl-courses-page .drefl-course-main,
  body.post-type-archive-dre_flex_course .drefl-course-main{margin-top:18px!important;margin-bottom:38px!important}
  body.drefl-courses-page .drefl-all-courses-head,
  body.post-type-archive-dre_flex_course .drefl-all-courses-head{margin-bottom:12px!important}
  body.drefl-courses-page .drefl-course-catalogue-filters,
  body.post-type-archive-dre_flex_course .drefl-course-catalogue-filters{margin-bottom:16px!important}
  body.drefl-courses-page .drefl-all-courses-grid,
  body.post-type-archive-dre_flex_course .drefl-all-courses-grid{gap:14px!important}
}
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls button.drefl-course-open:hover,
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls button.drefl-course-open:focus-visible,
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls button.drefl-desktop-menu-toggle:hover,
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls button.drefl-desktop-menu-toggle:focus-visible{
  background:var(--drefl-pink)!important;border-color:var(--drefl-pink)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* v0.10.333 — Match the mobile trigger's more specific default text rule. */
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:hover,
body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-mobile-menu-wrap button.drefl-course-open:focus-visible{
  background:var(--drefl-pink)!important;border-color:var(--drefl-pink)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* v0.10.334 — Desktop Site menu follows the breadcrumb's left inset. */
@media(min-width:901px){
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-global-menu > summary,
  body.single-dre_flex_lesson #primary .drefl-course-layout .drefl-lesson-controls .drefl-global-menu[open] > summary{
    justify-content:flex-start!important;
    padding-left:6px!important;
    text-align:left!important;
  }
}

/* v0.10.335 — Persistent desktop edge control for the lesson sidebar. */
.drefl-desktop-edge-toggle{display:none}
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle{
    display:grid!important;place-items:center!important;
    position:fixed!important;top:50vh!important;left:0;z-index:10010!important;
    transform:translateY(-50%)!important;width:27px!important;height:54px!important;
    padding:0!important;margin:0!important;border:1px solid #efb7dc!important;
    border-left:0!important;border-radius:0 12px 12px 0!important;
    background:#fff!important;color:var(--drefl-pink)!important;
    -webkit-text-fill-color:var(--drefl-pink)!important;
    box-shadow:2px 1px 8px rgba(35,56,75,.12)!important;cursor:pointer!important;
    transition:left .2s ease!important;
  }
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle span{
    color:inherit!important;-webkit-text-fill-color:inherit!important;
    font:400 34px/1 Arial,sans-serif!important;
  }
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:hover,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:focus-visible{
    background:#fff5fb!important;color:#c5258c!important;-webkit-text-fill-color:#c5258c!important;
  }
  body.single-dre_flex_lesson .drefl-course-layout:not(.drefl-desktop-nav-hidden) .drefl-desktop-edge-toggle{
    border-left:1px solid #efb7dc!important;border-right:0!important;
    border-radius:12px 0 0 12px!important;
  }
}

/* v0.10.336 — A narrow, quiet tab in the gutter at all screen widths. */
body.single-dre_flex_lesson .drefl-desktop-edge-toggle,
body.single-dre_flex_lesson .drefl-desktop-edge-toggle:hover,
body.single-dre_flex_lesson .drefl-desktop-edge-toggle:focus-visible{
  width:20px!important;height:44px!important;
  border-color:#e7c6d8!important;
  box-shadow:1px 1px 5px rgba(35,56,75,.08)!important;
}
body.single-dre_flex_lesson .drefl-desktop-edge-toggle span{
  font-size:26px!important;
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-course-nav .drefl-course-edge-close{display:none!important}
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle{
    display:grid!important;place-items:center!important;
    position:fixed!important;top:50dvh!important;left:0;z-index:100003!important;
    transform:translateY(-50%)!important;padding:0!important;margin:0!important;
    border:1px solid #e7c6d8!important;border-left:0!important;
    border-radius:0 9px 9px 0!important;background:#fff!important;
    color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;
    cursor:pointer!important;transition:left .2s ease!important;
  }
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle span{
    color:inherit!important;-webkit-text-fill-color:inherit!important;
    font:400 26px/1 Arial,sans-serif!important;
  }
  body.single-dre_flex_lesson.drefl-course-menu-open .drefl-desktop-edge-toggle{
    border-left:1px solid #e7c6d8!important;border-right:0!important;
    border-radius:9px 0 0 9px!important;
  }
}

/* v0.10.337 — Keep the phone edge tab clear of inset lesson cards. */
@media(max-width:640px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:hover,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:focus-visible{
    box-sizing:border-box!important;
    width:14px!important;min-width:14px!important;max-width:14px!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
  }
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle span{
    font-size:18px!important;
  }
}

/* v0.10.357 — Keep the edge tab above the lesson pane from first paint. */
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle{
    z-index:2147483000!important;
    transform:translate(3px,-50%)!important;
    isolation:isolate!important;
  }
}

/* v0.10.338 — Taller phone tap target, same narrow gutter footprint. */
@media(max-width:640px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:hover,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:focus-visible{
    height:60px!important;min-height:60px!important;max-height:60px!important;
  }
}

/* v0.10.361 — The tab lives at body level, outside the course grid. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle.is-open{
    border-left-width:2px!important;border-right-width:0!important;
    border-radius:12px 0 0 12px!important;
  }
}
@media(max-width:900px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle{
    transform:translateY(-50%)!important;
    z-index:2147483000!important;
  }
}

/* v0.10.352 — Stronger edge affordance; retain the phone tap height. */
body.single-dre_flex_lesson .drefl-desktop-edge-toggle,
body.single-dre_flex_lesson .drefl-desktop-edge-toggle:hover,
body.single-dre_flex_lesson .drefl-desktop-edge-toggle:focus-visible{
  box-sizing:border-box!important;
  height:88px!important;min-height:88px!important;max-height:88px!important;
  border-width:2px!important;border-color:var(--drefl-pink,#ed4db4)!important;
}
body.single-dre_flex_lesson .drefl-course-layout:not(.drefl-desktop-nav-hidden) .drefl-desktop-edge-toggle,
body.single-dre_flex_lesson.drefl-course-menu-open .drefl-desktop-edge-toggle{
  border-left-width:2px!important;border-right-width:0!important;
}
@media(max-width:640px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:hover,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle:focus-visible{
    height:60px!important;min-height:60px!important;max-height:60px!important;
  }
}
/* The body-level desktop tab projects from the sidebar, with its left seam hidden. */
@media(min-width:901px){
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle.is-open,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle.is-open:hover,
  body.single-dre_flex_lesson .drefl-desktop-edge-toggle.is-open:focus-visible{
    border-left:0!important;
    border-right:2px solid var(--drefl-pink,#ed4db4)!important;
    border-radius:0 10px 10px 0!important;
  }
}


/* v0.10.391 — course join confirmation and pre-join activity state */
a[data-drefl-join-required="1"]{cursor:not-allowed}
.drefl-join-confirmation{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.drefl-join-confirmation-backdrop{position:absolute;inset:0;background:rgba(31,45,57,.52)}
.drefl-join-confirmation-panel{position:relative;z-index:1;width:min(500px,100%);padding:34px 32px 30px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(31,45,57,.24);text-align:center}
.drefl-join-confirmation-panel h2{margin:0 28px 12px;color:var(--drefl-title);font-size:1.65rem}
.drefl-join-confirmation-panel p{margin:0 auto 24px;max-width:390px;color:#6b7882;line-height:1.6}
.drefl-join-confirmation-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#6f7b84;font-size:1.7rem;line-height:1;cursor:pointer}
.drefl-join-confirmation-start{display:inline-block;text-decoration:none;border:0;border-radius:10px;padding:12px 24px;background:var(--drefl-pink);color:#fff!important;font:inherit;font-weight:800;cursor:pointer}
.drefl-join-confirmation-start:hover,.drefl-join-confirmation-start:focus{background:var(--drefl-pink-dark,#e92f9e)}

/* v0.10.394 — explicit course/access summary in post-join confirmation. */
.drefl-join-confirmation-course{margin:0 auto 18px;padding:14px 16px;max-width:390px;border:1px solid #dbe4e9;border-radius:12px;background:#f5f8fa;color:var(--drefl-title)}
.drefl-join-confirmation-course strong{display:block;font-size:1.05rem;line-height:1.35}
.drefl-join-confirmation-course span{display:block;margin-top:5px;color:#6b7882;font-size:.95rem;font-weight:700}


/* v0.10.395 — simpler logged-out free-course CTA. */
.drefl-course-ready-prompt{margin:14px 0 8px;color:var(--drefl-subtext);font-size:.95em;font-weight:400;line-height:1.45}
.drefl-course-account-choice{font-size:.9em;font-weight:400;color:var(--drefl-subtext)}
.drefl-course-account-choice a,.drefl-course-account-choice a:visited{font-weight:700}


/* v0.10.396 — align protected-activity popup with the logged-out free-course gateway. */
.drefl-access-choice-panel .drefl-access-choice-prompt{margin:0 34px 14px 0;color:var(--drefl-text);font-size:1rem;font-weight:600;line-height:1.45;}
.drefl-access-choice-panel .drefl-access-choice-join,.drefl-access-choice-panel .drefl-access-choice-join:visited{display:block;margin-top:0;padding:13px 18px;border-radius:10px;background:var(--drefl-pink);color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center;font-weight:800;text-decoration:none!important;}
.drefl-access-choice-panel .drefl-access-choice-join:hover,.drefl-access-choice-panel .drefl-access-choice-join:focus{text-decoration:none!important;filter:brightness(.97);}
.drefl-access-choice-panel .drefl-access-choice-member{margin:14px 0 0!important;text-align:center;color:var(--drefl-subtext);font-size:.94rem;}
.drefl-access-choice-panel .drefl-access-choice-login,.drefl-access-choice-panel .drefl-access-choice-login:visited{display:inline!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;font-weight:800;text-decoration:none!important;}
.drefl-access-choice-panel .drefl-access-choice-login:hover,.drefl-access-choice-panel .drefl-access-choice-login:focus{text-decoration:underline!important;background:transparent!important;}

/* v0.10.401 — paid locked activities point learners back to Buy course. */
a[data-drefl-buy-required="1"]{cursor:not-allowed}

/* v0.10.404 — Course navigation header: replace duplicate central toolbar.
   Retain hidden legacy buttons in DOM for the existing sidebar-toggle JS. */
body.single-dre_flex_lesson .drefl-course-layout .drefl-lesson-controls,
body.single-dre_flex_course .drefl-course-layout .drefl-lesson-controls{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
body.single-dre_flex_lesson .drefl-course-brand-row,
body.single-dre_flex_course .drefl-course-brand-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
body.single-dre_flex_lesson .drefl-course-brand-title,
body.single-dre_flex_course .drefl-course-brand-title{flex:1 1 auto!important;min-width:0!important}
body.single-dre_flex_lesson .drefl-course-brand-title strong,
body.single-dre_flex_course .drefl-course-brand-title strong{font-size:14px!important;white-space:nowrap!important}
body.single-dre_flex_lesson .drefl-brand-site-menu,
body.single-dre_flex_course .drefl-brand-site-menu{position:relative!important;flex:0 0 auto!important;z-index:10030!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-global-menu,
body.single-dre_flex_course .drefl-brand-site-menu .drefl-global-menu{position:relative!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-global-menu>summary,
body.single-dre_flex_course .drefl-brand-site-menu .drefl-global-menu>summary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 9px!important;margin:0!important;background:#fff!important;border:1px solid #cbd6df!important;border-radius:7px!important;color:#344557!important;-webkit-text-fill-color:#344557!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-global-menu>summary:hover,
body.single-dre_flex_course .drefl-brand-site-menu .drefl-global-menu>summary:hover{background:#edf8fc!important;color:#344557!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-global-menu-panel,
body.single-dre_flex_course .drefl-brand-site-menu .drefl-global-menu-panel{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;left:auto!important;width:max-content!important;min-width:170px!important;max-width:240px!important;z-index:10040!important;background:#fff!important;border:1px solid #d8e0e6!important;border-radius:9px!important;box-shadow:0 10px 24px rgba(20,42,58,.16)!important;overflow:hidden!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-global-menu-panel a,
body.single-dre_flex_course .drefl-brand-site-menu .drefl-global-menu-panel a{display:block!important;padding:10px 12px!important;background:#fff!important;color:#344557!important;-webkit-text-fill-color:#344557!important;text-decoration:none!important;font-size:14px!important;line-height:1.3!important;font-weight:700!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-global-menu-panel a:hover,
body.single-dre_flex_course .drefl-brand-site-menu .drefl-global-menu-panel a:hover{background:#edf8fc!important;color:#b91e77!important;-webkit-text-fill-color:#b91e77!important}
@media(max-width:900px){body.single-dre_flex_lesson .drefl-course-brand-title strong{font-size:13px!important}}

/* v0.10.405 — Sidebar hosts the canonical Astra Child site menu. */
body.single-dre_flex_lesson .drefl-brand-site-menu,
body.drefl-intro-page .drefl-brand-site-menu{position:relative!important;z-index:10030!important;flex:0 0 auto!important}
body.single-dre_flex_lesson .drefl-course-brand,
body.drefl-intro-page .drefl-course-brand{position:relative!important;z-index:10020!important}
body.single-dre_flex_lesson .drefl-brand-site-menu .drefl-site-menu-fallback,
body.drefl-intro-page .drefl-brand-site-menu .drefl-site-menu-fallback{color:#fff!important;font-weight:700!important}

/* v0.10.406 — consistent sidebar logo sizing and uncluttered mobile drawer.
   Only Flexible Learning course navigation is affected; activities unchanged. */
body.single-dre_flex_lesson .drefl-course-brand-row .drefl-brand-logo-link,
body.single-dre_flex_course .drefl-course-brand-row .drefl-brand-logo-link {
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 46px!important;width:46px!important;height:46px!important;
  min-width:46px!important;min-height:46px!important;max-width:46px!important;
  margin:0!important;padding:0!important;overflow:visible!important;
}
body.single-dre_flex_lesson .drefl-course-brand-row .drefl-brand-logo-link img,
body.single-dre_flex_course .drefl-course-brand-row .drefl-brand-logo-link img {
  display:block!important;flex:none!important;width:46px!important;height:46px!important;
  max-width:none!important;max-height:none!important;object-fit:contain!important;
}
body.single-dre_flex_lesson .drefl-course-brand-row .drefl-course-close,
body.single-dre_flex_course .drefl-course-brand-row .drefl-course-close {display:none!important}

/* v0.10.413 — Freemium course-home secondary action only. */
.drefl-course-home-page .drefl-course-free-continue,
.drefl-course-home-page .drefl-course-free-continue:visited{background:#fff!important;color:var(--drefl-pink)!important;-webkit-text-fill-color:var(--drefl-pink)!important;border:2px solid var(--drefl-pink)!important;}
.drefl-course-home-page .drefl-course-free-continue:hover,
.drefl-course-home-page .drefl-course-free-continue:focus,
.drefl-course-home-page .drefl-course-free-continue:active{background:var(--drefl-pink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* v0.10.428 — Paid course purchase CTA at the end of the lesson menu. */
.drefl-course-nav .drefl-course-buy-wrap{padding:12px 14px 18px;border-top:1px solid #e4e8eb;background:#fff}
.drefl-course-nav .drefl-course-buy-button,
.drefl-course-nav .drefl-course-buy-button:visited{display:flex!important;align-items:center;justify-content:center;min-height:44px;width:100%;padding:10px 14px!important;border:0!important;border-radius:9px!important;background:#ed4db4!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center;text-decoration:none!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;box-shadow:none!important}
.drefl-course-nav .drefl-course-buy-button:hover,
.drefl-course-nav .drefl-course-buy-button:focus-visible{background:#ce2c94!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}
.drefl-course-nav .drefl-course-buy-button:focus-visible{outline:3px solid #18a5dd!important;outline-offset:2px}