:root {
    --hda-bg: #ffffff;
    --hda-soft-bg: #fff7fb;
    --hda-card: #ffffff;
    --hda-text: #071526;
    --hda-muted: #5f6b7a;
    --hda-line: #e7e8ee;
    --hda-line-strong: #d9dbe3;
    --hda-magenta: #d6338a;
    --hda-magenta-dark: #b52470;
    --hda-pink-soft: #fdeaf4;
    --hda-shadow: 0 12px 28px rgba(14, 24, 38, 0.08);
    --hda-radius: 14px;
}

/* Remove the WordPress/theme chrome on dedicated academy pages, but keep the clean hub-style page look. */
body.hda-hide-theme-header .site-header,
body.hda-hide-theme-header header.site-header,
body.hda-hide-theme-header .main-header,
body.hda-hide-theme-header .main-navigation,
body.hda-hide-theme-header .primary-navigation,
body.hda-hide-theme-header .elementor-location-header,
body.hda-hide-theme-header header.wp-block-template-part,
body.hda-hide-theme-header .wp-site-blocks > header,
body.hda-hide-theme-header #masthead,
body.hda-hide-theme-header #site-header,
body.hda-hide-theme-header .site-branding,
body.hda-hide-theme-header nav[aria-label="Primary"],
body.hda-hide-theme-header nav[aria-label="Main"],
body.hda-hide-theme-header footer,
body.hda-hide-theme-header .site-footer,
body.hda-hide-theme-header .elementor-location-footer,
body.hda-hide-theme-header .entry-header,
body.hda-hide-theme-header .page-header,
body.hda-hide-theme-header .post-thumbnail,
body.hda-hide-theme-header .wp-block-post-title {
    display: none !important;
}

html body.hda-academy-page,
body.hda-academy-page {
    margin: 0 !important;
    background: #ffffff !important;
    color: var(--hda-text) !important;
}

body.hda-academy-page .site,
body.hda-academy-page .site-content,
body.hda-academy-page .content-area,
body.hda-academy-page .site-main,
body.hda-academy-page main,
body.hda-academy-page article,
body.hda-academy-page .entry-content,
body.hda-academy-page .wp-site-blocks,
body.hda-academy-page .wp-block-group,
body.hda-academy-page .wp-block-post-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: var(--hda-text) !important;
}

.hda-hub-page,
.entry-content .hda-hub-page {
    background: #ffffff;
    color: var(--hda-text);
    min-height: 100vh;
    padding: 34px 36px 64px;
    box-sizing: border-box;
}

.hda-hub-page *,
.entry-content .hda-hub-page * {
    box-sizing: border-box;
}

.hda-hub-wrap,
.entry-content .hda-hub-wrap {
    width: min(1140px, calc(100% - 72px));
    margin: 0 auto;
}

.hda-hub-hero,
.entry-content .hda-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
    gap: 24px;
    align-items: stretch;
    background: linear-gradient(135deg, #ffffff 0%, #fff8fc 100%);
    border: 1px solid var(--hda-line);
    border-radius: 18px;
    padding: clamp(24px, 4vw, 44px);
    box-shadow: var(--hda-shadow);
    overflow: hidden;
}

.hda-kicker,
.entry-content .hda-kicker {
    color: var(--hda-magenta) !important;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    font-size: 0.74rem;
    font-weight: 900;
    margin: 0 0 10px !important;
}

.hda-hub-hero h1,
.hda-section-head h2,
.hda-task-card h3,
.hda-category-panel h2,
.entry-content .hda-hub-hero h1,
.entry-content .hda-section-head h2,
.entry-content .hda-task-card h3,
.entry-content .hda-category-panel h2 {
    color: var(--hda-text) !important;
    font-weight: 500 !important;
    letter-spacing: -0.04em;
    line-height: 1.05 !important;
    margin: 0 !important;
    text-shadow: none !important;
}

.hda-hub-hero h1,
.entry-content .hda-hub-hero h1 {
    font-size: clamp(2.15rem, 4.2vw, 4rem) !important;
    margin-bottom: 12px !important;
}

.hda-hub-hero p,
.hda-section-head p,
.hda-task-card p,
.entry-content .hda-hub-hero p,
.entry-content .hda-section-head p,
.entry-content .hda-task-card p {
    color: var(--hda-muted) !important;
    font-size: 1rem;
    line-height: 1.55;
    margin: 0 !important;
}

.hda-hero-actions,
.entry-content .hda-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.hda-btn,
.entry-content .hda-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 10px;
    border: 2px solid var(--hda-magenta);
    text-decoration: none !important;
    font-weight: 900;
    line-height: 1;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.hda-btn:hover,
.entry-content .hda-btn:hover {
    transform: translateY(-1px);
}

.hda-btn-primary,
.entry-content .hda-btn-primary {
    background: var(--hda-magenta);
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(214, 51, 138, 0.22);
}

.hda-btn-outline,
.entry-content .hda-btn-outline {
    background: #ffffff;
    color: var(--hda-magenta-dark) !important;
    box-shadow: inset 0 0 0 2px rgba(214, 51, 138, 0.16);
}

.hda-hero-panel,
.entry-content .hda-hero-panel {
    border: 1px solid var(--hda-line);
    background: #ffffff;
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 10px 24px rgba(14, 24, 38, 0.06);
    align-self: center;
}

.hda-hero-panel span,
.entry-content .hda-hero-panel span {
    display: block;
    color: var(--hda-muted) !important;
    font-weight: 800;
    margin-bottom: 12px;
}

.hda-progress {
    height: 10px;
    background: #eef0f5;
    border-radius: 999px;
    overflow: hidden;
    margin: 10px 0 12px;
}

.hda-progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--hda-magenta), #b13bea);
}

.hda-hero-panel strong,
.hda-hero-panel small,
.entry-content .hda-hero-panel strong,
.entry-content .hda-hero-panel small {
    display: block;
}

.hda-hero-panel strong,
.entry-content .hda-hero-panel strong {
    color: var(--hda-text) !important;
    font-size: 1.4rem;
    font-weight: 900;
    margin-bottom: 6px;
}

.hda-hero-panel small,
.entry-content .hda-hero-panel small {
    color: var(--hda-muted) !important;
    line-height: 1.4;
}

.hda-tile-nav,
.entry-content .hda-tile-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0 30px;
}

.hda-tile-nav a,
.entry-content .hda-tile-nav a {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--hda-text) !important;
    background: #ffffff;
    border: 1px solid var(--hda-line);
    border-radius: 14px;
    padding: 0 20px;
    text-decoration: none !important;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 8px 20px rgba(14, 24, 38, 0.05);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.hda-tile-nav a:hover,
.entry-content .hda-tile-nav a:hover {
    transform: translateY(-1px);
    border-color: rgba(214, 51, 138, 0.45);
    box-shadow: 0 12px 26px rgba(14, 24, 38, 0.08);
}

.hda-tile-nav b,
.entry-content .hda-tile-nav b {
    color: var(--hda-magenta) !important;
    font-size: 1.25rem;
    line-height: 1;
}

.hda-section-head,
.entry-content .hda-section-head {
    border-bottom: 1px solid var(--hda-line);
    padding: 0 0 16px;
    margin: 0 0 16px;
}

.hda-section-head h2,
.entry-content .hda-section-head h2 {
    font-size: clamp(1.75rem, 3vw, 2.4rem) !important;
    margin-bottom: 8px !important;
}

.hda-section-head-compact,
.entry-content .hda-section-head-compact {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.hda-task-grid,
.entry-content .hda-task-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 18px;
    margin: 0 0 38px;
    padding: 0;
}

.hda-task-card,
.entry-content .hda-task-card {
    background: var(--hda-card);
    border: 1px solid var(--hda-line);
    border-radius: 16px;
    padding: 28px 30px 26px;
    min-height: 226px;
    display: flex;
    flex-direction: column;
    box-shadow: var(--hda-shadow);
    overflow: hidden;
}

.hda-pill,
.entry-content .hda-pill {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    background: var(--hda-pink-soft);
    border: 1px solid #f6c6df;
    color: var(--hda-magenta-dark) !important;
    font-size: 0.82rem;
    font-weight: 900;
    margin-bottom: 16px;
}

.hda-task-card h3,
.entry-content .hda-task-card h3 {
    font-size: 1.3rem !important;
    margin-bottom: 10px !important;
}

.hda-task-card p,
.entry-content .hda-task-card p {
    font-size: 0.95rem;
}

.hda-card-link,
.entry-content .hda-card-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    background: var(--hda-magenta);
    color: #ffffff !important;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: 900;
}

.hda-category-panel,
.entry-content .hda-category-panel {
    display: grid;
    grid-template-columns: minmax(250px, 0.85fr) minmax(0, 1.15fr);
    gap: 22px;
    background: #ffffff;
    border: 1px solid var(--hda-line);
    border-radius: 16px;
    padding: 24px;
    box-shadow: var(--hda-shadow);
}

.hda-category-list,
.entry-content .hda-category-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.hda-category-list a,
.entry-content .hda-category-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    border: 1px solid var(--hda-line);
    border-radius: 14px;
    background: #ffffff;
    color: var(--hda-text) !important;
    padding: 12px 18px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hda-category-list a:hover,
.entry-content .hda-category-list a:hover {
    border-color: rgba(214, 0, 127, .35);
    box-shadow: 0 12px 28px rgba(17, 24, 39, .09);
    transform: translateY(-1px);
}

.hda-category-list b,
.entry-content .hda-category-list b {
    color: var(--hda-magenta) !important;
    font-size: 1.2rem;
    flex: 0 0 auto;
}

/* Backwards compatibility for the course list shortcode. */
.hda-wrap,
.entry-content .hda-wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 28px 20px 50px;
    color: var(--hda-text) !important;
}
.hda-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hda-card { background: #fff; border: 1px solid var(--hda-line); border-radius: 16px; padding: 20px; color: var(--hda-text) !important; box-shadow: var(--hda-shadow); }
.hda-card h3 { color: var(--hda-text) !important; margin-top: 0 !important; }
.hda-card p { color: var(--hda-muted) !important; }

@media (max-width: 760px) {
    .hda-task-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    .hda-hub-page { padding: 24px 18px 50px; }
    .hda-hub-wrap { width: min(1140px, calc(100% - 12px)); }
    .hda-hub-hero, .hda-category-panel { grid-template-columns: 1fr; }
    .hda-tile-nav { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .hda-task-grid, .hda-category-list, .hda-grid { grid-template-columns: 1fr; }
    .hda-hub-hero, .hda-category-panel { padding: 18px; }
    .hda-task-card { padding: 32px 28px 26px; }
    .hda-task-grid { padding: 0 4px; }
    .hda-hero-actions { display: grid; }
}

/* v0.1.8 study cards: wider training cards with sensible internal breathing room */
.hda-task-grid,
.entry-content .hda-task-grid {
    grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
    gap: 22px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hda-task-grid > .hda-task-card,
.entry-content .hda-task-grid > .hda-task-card {
    padding: 30px 34px 28px !important;
    min-height: 230px !important;
}
@media (max-width: 760px) {
    .hda-task-grid,
    .entry-content .hda-task-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .hda-task-grid > .hda-task-card,
    .entry-content .hda-task-grid > .hda-task-card {
        padding: 28px 26px 26px !important;
    }
}


/* v0.1.9 study task layout: one clean horizontal row aligned to the main content width */
.hda-task-grid,
.entry-content .hda-task-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 40px !important;
    padding: 0 !important;
}

.hda-task-grid > .hda-task-card,
.entry-content .hda-task-grid > .hda-task-card {
    width: auto !important;
    min-width: 0 !important;
    padding: 28px 30px 26px !important;
    min-height: 282px !important;
}

.hda-task-grid > .hda-task-card h3,
.entry-content .hda-task-grid > .hda-task-card h3 {
    font-size: 1.18rem !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
}

.hda-task-grid > .hda-task-card p,
.entry-content .hda-task-grid > .hda-task-card p {
    font-size: 0.94rem !important;
    line-height: 1.55 !important;
}

@media (max-width: 1100px) {
    .hda-task-grid,
    .entry-content .hda-task-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .hda-task-grid,
    .entry-content .hda-task-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .hda-task-grid > .hda-task-card,
    .entry-content .hda-task-grid > .hda-task-card {
        min-height: 0 !important;
        padding: 26px 24px 24px !important;
    }
}

/* v0.2.2 clickable training views */
.hda-breadcrumbs,
.entry-content .hda-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    font-size: .92rem;
    font-weight: 800;
    color: var(--hda-muted) !important;
}
.hda-breadcrumbs a,
.entry-content .hda-breadcrumbs a {
    color: var(--hda-magenta-dark) !important;
    text-decoration: none !important;
}
.hda-breadcrumbs strong,
.entry-content .hda-breadcrumbs strong {
    color: var(--hda-text) !important;
}
.hda-breadcrumbs span,
.entry-content .hda-breadcrumbs span {
    color: var(--hda-muted) !important;
}
.hda-simple-hero,
.entry-content .hda-simple-hero {
    margin-bottom: 28px;
}
.hda-content-grid,
.entry-content .hda-content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 42px;
}
.hda-content-card,
.entry-content .hda-content-card {
    background: #ffffff;
    border: 1px solid var(--hda-line);
    border-radius: 16px;
    padding: 28px 30px 26px;
    box-shadow: var(--hda-shadow);
    display: flex;
    flex-direction: column;
    min-height: 240px;
    color: var(--hda-text) !important;
}
.hda-content-card h3,
.entry-content .hda-content-card h3,
.hda-question-card h3,
.entry-content .hda-question-card h3 {
    color: var(--hda-text) !important;
    margin: 0 0 10px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em;
    line-height: 1.12 !important;
}
.hda-content-card p,
.entry-content .hda-content-card p,
.hda-question-card p,
.entry-content .hda-question-card p {
    color: var(--hda-muted) !important;
    line-height: 1.55;
}
.hda-content-card small,
.entry-content .hda-content-card small {
    display: block;
    color: var(--hda-muted) !important;
    font-weight: 800;
    margin: 8px 0 18px;
}
.hda-lesson-panel,
.entry-content .hda-lesson-panel,
.hda-video-panel,
.entry-content .hda-video-panel,
.hda-empty-training,
.entry-content .hda-empty-training {
    background: #ffffff;
    border: 1px solid var(--hda-line);
    border-radius: 16px;
    padding: clamp(24px, 4vw, 44px);
    box-shadow: var(--hda-shadow);
    margin-bottom: 30px;
    color: var(--hda-text) !important;
}
.hda-lesson-panel h1,
.hda-lesson-panel h2,
.hda-lesson-panel h3,
.entry-content .hda-lesson-panel h1,
.entry-content .hda-lesson-panel h2,
.entry-content .hda-lesson-panel h3 {
    color: var(--hda-text) !important;
}
.hda-lesson-panel p,
.hda-lesson-panel li,
.entry-content .hda-lesson-panel p,
.entry-content .hda-lesson-panel li {
    color: var(--hda-text) !important;
    line-height: 1.65;
}
.hda-question-list,
.entry-content .hda-question-list {
    display: grid;
    gap: 18px;
    margin-bottom: 44px;
}
.hda-question-card,
.entry-content .hda-question-card {
    background: #ffffff;
    border: 1px solid var(--hda-line);
    border-radius: 16px;
    padding: 28px 30px;
    box-shadow: var(--hda-shadow);
}
.hda-question-body,
.entry-content .hda-question-body {
    margin: 10px 0 18px;
    color: var(--hda-text) !important;
}
.hda-answer-list,
.entry-content .hda-answer-list {
    display: grid;
    gap: 10px;
    margin: 16px 0;
}
.hda-answer,
.entry-content .hda-answer {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    border: 1px solid var(--hda-line);
    border-radius: 12px;
    padding: 12px 14px;
    background: #fff;
}
.hda-answer strong,
.entry-content .hda-answer strong {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: var(--hda-pink-soft);
    color: var(--hda-magenta-dark) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hda-answer span,
.entry-content .hda-answer span {
    color: var(--hda-text) !important;
}
.hda-explanation,
.entry-content .hda-explanation {
    border: 1px solid #f6c6df;
    background: #fff7fb;
    border-radius: 12px;
    padding: 14px 16px;
    margin-top: 16px;
}
.hda-explanation summary,
.entry-content .hda-explanation summary {
    cursor: pointer;
    color: var(--hda-magenta-dark) !important;
    font-weight: 900;
}
@media (max-width: 980px) {
    .hda-content-grid,
    .entry-content .hda-content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 620px) {
    .hda-content-grid,
    .entry-content .hda-content-grid {
        grid-template-columns: 1fr;
    }
    .hda-content-card,
    .entry-content .hda-content-card,
    .hda-question-card,
    .entry-content .hda-question-card {
        padding: 24px;
    }
}

/* v0.2.3 lesson readability pass: calmer training pages, not oversized sales-style headings */
.hda-lesson-hero,
.entry-content .hda-lesson-hero {
    padding: 24px 30px !important;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 0.36fr) !important;
    border-radius: 14px !important;
    margin-bottom: 24px !important;
}

.hda-lesson-hero h1,
.entry-content .hda-lesson-hero h1 {
    font-size: clamp(1.55rem, 2.2vw, 2.35rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 8px !important;
    font-weight: 650 !important;
}

.hda-lesson-hero p:not(.hda-kicker),
.entry-content .hda-lesson-hero p:not(.hda-kicker) {
    font-size: 0.95rem !important;
    line-height: 1.45 !important;
}

.hda-lesson-hero .hda-hero-panel,
.entry-content .hda-lesson-hero .hda-hero-panel {
    padding: 18px 20px !important;
    min-height: auto !important;
}

.hda-lesson-hero .hda-hero-panel strong,
.entry-content .hda-lesson-hero .hda-hero-panel strong {
    font-size: 1.25rem !important;
    line-height: 1.15 !important;
}

.hda-lesson-panel,
.entry-content .hda-lesson-panel {
    padding: clamp(22px, 3vw, 34px) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(14, 24, 38, 0.06) !important;
}

.hda-lesson-panel h1,
.entry-content .hda-lesson-panel h1 {
    font-size: clamp(1.55rem, 2.4vw, 2.15rem) !important;
    line-height: 1.2 !important;
    margin: 0 0 16px !important;
    font-weight: 650 !important;
    letter-spacing: -0.025em !important;
}

.hda-lesson-panel h2,
.entry-content .hda-lesson-panel h2 {
    font-size: clamp(1.25rem, 1.7vw, 1.55rem) !important;
    line-height: 1.25 !important;
    margin: 30px 0 12px !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--hda-line) !important;
}

.hda-lesson-panel h3,
.entry-content .hda-lesson-panel h3 {
    font-size: clamp(1.08rem, 1.35vw, 1.22rem) !important;
    line-height: 1.3 !important;
    margin: 24px 0 10px !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
}

.hda-lesson-panel p,
.hda-lesson-panel li,
.entry-content .hda-lesson-panel p,
.entry-content .hda-lesson-panel li {
    font-size: 1rem !important;
    line-height: 1.72 !important;
}

.hda-lesson-panel ul,
.hda-lesson-panel ol,
.entry-content .hda-lesson-panel ul,
.entry-content .hda-lesson-panel ol {
    margin-top: 10px !important;
    margin-bottom: 18px !important;
    padding-left: 1.35rem !important;
}

.hda-lesson-panel blockquote,
.entry-content .hda-lesson-panel blockquote {
    margin: 22px 0 !important;
    padding: 16px 20px !important;
    border-left: 4px solid var(--hda-magenta) !important;
    background: var(--hda-soft-bg) !important;
    border-radius: 12px !important;
}

.hda-lesson-panel table,
.entry-content .hda-lesson-panel table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--hda-line) !important;
    border-radius: 12px !important;
    margin: 18px 0 26px !important;
}

.hda-lesson-panel th,
.hda-lesson-panel td,
.entry-content .hda-lesson-panel th,
.entry-content .hda-lesson-panel td {
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--hda-line) !important;
    font-size: 0.96rem !important;
    line-height: 1.45 !important;
}

.hda-lesson-panel th,
.entry-content .hda-lesson-panel th {
    background: var(--hda-soft-bg) !important;
    color: var(--hda-text) !important;
    font-weight: 700 !important;
}

@media (max-width: 800px) {
    .hda-lesson-hero,
    .entry-content .hda-lesson-hero {
        grid-template-columns: 1fr !important;
        padding: 22px !important;
    }
}

/* v0.2.4 student profiles and reflection boxes */
.hda-reflection-box,
.hda-register-panel {
    margin: 28px 0;
    padding: 28px;
    background: #fff;
    border: 1px solid rgba(221, 36, 118, .18);
    border-radius: 22px;
    box-shadow: 0 14px 36px rgba(34, 25, 47, .08);
}
.hda-reflection-form,
.hda-register-form {
    display: grid;
    gap: 14px;
    margin-top: 12px;
}
.hda-reflection-form textarea,
.hda-register-form input,
.hda-register-form textarea {
    width: 100%;
    border: 1px solid rgba(40, 40, 50, .16);
    border-radius: 14px;
    padding: 14px 16px;
    font-size: 16px;
    background: #fff;
    color: #17121e;
    box-sizing: border-box;
}
.hda-reflection-form textarea:focus,
.hda-register-form input:focus {
    border-color: #dd2476;
    box-shadow: 0 0 0 4px rgba(221, 36, 118, .12);
    outline: none;
}
.hda-success-notice,
.hda-warning-notice {
    margin: 16px 0;
    padding: 13px 16px;
    border-radius: 14px;
    font-weight: 700;
}
.hda-success-notice {
    background: #ecfff4;
    color: #146b38;
    border: 1px solid rgba(20, 107, 56, .18);
}
.hda-warning-notice {
    background: #fff4f8;
    color: #9c174b;
    border: 1px solid rgba(221, 36, 118, .18);
}

/* v0.2.9 card breathing room pass: pull text/buttons away from card edges */
.hda-task-grid > .hda-task-card,
.entry-content .hda-task-grid > .hda-task-card,
.hda-content-card,
.entry-content .hda-content-card,
.hda-question-card,
.entry-content .hda-question-card,
.hda-card,
.entry-content .hda-card {
    padding-left: 38px !important;
    padding-right: 38px !important;
}

.hda-task-card .hda-card-link,
.entry-content .hda-task-card .hda-card-link,
.hda-content-card .hda-card-link,
.entry-content .hda-content-card .hda-card-link,
.hda-card .hda-card-link,
.entry-content .hda-card .hda-card-link {
    width: auto !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.hda-category-panel,
.entry-content .hda-category-panel,
.hda-lesson-panel,
.entry-content .hda-lesson-panel,
.hda-lesson-hero,
.entry-content .hda-lesson-hero,
.hda-reflection-box,
.hda-register-panel,
.hda-profile-panel,
.hda-progress-panel {
    padding-left: 38px !important;
    padding-right: 38px !important;
}

@media (max-width: 620px) {
    .hda-task-grid > .hda-task-card,
    .entry-content .hda-task-grid > .hda-task-card,
    .hda-content-card,
    .entry-content .hda-content-card,
    .hda-question-card,
    .entry-content .hda-question-card,
    .hda-card,
    .entry-content .hda-card,
    .hda-category-panel,
    .entry-content .hda-category-panel,
    .hda-lesson-panel,
    .entry-content .hda-lesson-panel,
    .hda-lesson-hero,
    .entry-content .hda-lesson-hero {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}


/* v0.3.0 stronger card inset pass: visibly pull all text/content away from card edges */
.hda-task-card,
.entry-content .hda-task-card,
.hda-content-card,
.entry-content .hda-content-card,
.hda-question-card,
.entry-content .hda-question-card,
.hda-card,
.entry-content .hda-card {
    padding: 34px 42px 32px !important;
    box-sizing: border-box !important;
}

.hda-task-card > .hda-pill,
.hda-task-card > h3,
.hda-task-card > p,
.hda-task-card > small,
.hda-content-card > .hda-pill,
.hda-content-card > h3,
.hda-content-card > p,
.hda-content-card > small,
.hda-question-card > h3,
.hda-question-card > p,
.hda-question-card > .hda-question-body,
.hda-card > h3,
.hda-card > p,
.entry-content .hda-task-card > .hda-pill,
.entry-content .hda-task-card > h3,
.entry-content .hda-task-card > p,
.entry-content .hda-task-card > small,
.entry-content .hda-content-card > .hda-pill,
.entry-content .hda-content-card > h3,
.entry-content .hda-content-card > p,
.entry-content .hda-content-card > small,
.entry-content .hda-question-card > h3,
.entry-content .hda-question-card > p,
.entry-content .hda-question-card > .hda-question-body,
.entry-content .hda-card > h3,
.entry-content .hda-card > p {
    margin-left: 12px !important;
    margin-right: 12px !important;
    max-width: calc(100% - 24px) !important;
}

.hda-task-card > .hda-card-link,
.hda-content-card > .hda-card-link,
.hda-card > .hda-card-link,
.entry-content .hda-task-card > .hda-card-link,
.entry-content .hda-content-card > .hda-card-link,
.entry-content .hda-card > .hda-card-link {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    box-sizing: border-box !important;
}

.hda-hub-hero,
.entry-content .hda-hub-hero,
.hda-category-panel,
.entry-content .hda-category-panel,
.hda-lesson-panel,
.entry-content .hda-lesson-panel,
.hda-reflection-box,
.hda-register-panel,
.hda-profile-panel,
.hda-progress-panel {
    padding-left: 46px !important;
    padding-right: 46px !important;
    box-sizing: border-box !important;
}

@media (max-width: 620px) {
    .hda-task-card,
    .entry-content .hda-task-card,
    .hda-content-card,
    .entry-content .hda-content-card,
    .hda-question-card,
    .entry-content .hda-question-card,
    .hda-card,
    .entry-content .hda-card {
        padding: 28px 30px 26px !important;
    }
    .hda-hub-hero,
    .entry-content .hda-hub-hero,
    .hda-category-panel,
    .entry-content .hda-category-panel,
    .hda-lesson-panel,
    .entry-content .hda-lesson-panel {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}


/* v0.3.2 lesson end navigation */
.hda-lesson-nav-panel,
.entry-content .hda-lesson-nav-panel {
    margin-top: 28px !important;
    padding: 32px 46px !important;
    border: 1px solid var(--hda-line) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(20, 20, 30, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    box-sizing: border-box !important;
}

.hda-lesson-nav-panel h2,
.entry-content .hda-lesson-nav-panel h2 {
    margin: 4px 0 6px !important;
    color: var(--hda-text) !important;
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
}

.hda-lesson-nav-panel p,
.entry-content .hda-lesson-nav-panel p {
    margin: 0 !important;
    color: var(--hda-muted) !important;
}

.hda-lesson-nav-actions,
.entry-content .hda-lesson-nav-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.hda-btn-disabled,
.entry-content .hda-btn-disabled {
    border-color: #e7e2ea !important;
    background: #f7f3f8 !important;
    color: #8b7f90 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .hda-lesson-nav-panel,
    .entry-content .hda-lesson-nav-panel {
        display: block !important;
        padding: 28px 30px !important;
    }
    .hda-lesson-nav-actions,
    .entry-content .hda-lesson-nav-actions {
        justify-content: stretch !important;
        margin-top: 18px !important;
    }
    .hda-lesson-nav-actions .hda-btn,
    .entry-content .hda-lesson-nav-actions .hda-btn {
        width: 100% !important;
    }
}

/* v0.3.3 lesson read confirmation gate */
.hda-read-confirmation {
    margin: 18px 0 20px;
    padding: 18px 22px;
    border: 1px solid rgba(229, 24, 116, 0.16);
    background: #fff7fb;
    border-radius: 16px;
}
.hda-read-confirmation label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.4;
}
.hda-read-confirmation input {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    accent-color: #e51874;
}
.hda-read-confirmation input:disabled + span {
    opacity: 0.55;
}
.hda-read-status {
    display: block;
    margin-top: 9px;
    color: #6b7280;
    font-weight: 650;
}
.hda-read-gate-unlocked .hda-read-confirmation {
    background: #ffffff;
    border-color: rgba(229, 24, 116, 0.28);
}
.hda-next-lesson-link.hda-is-disabled,
.hda-next-lesson-link.hda-is-disabled:hover {
    background: #d1d5db !important;
    border-color: #d1d5db !important;
    color: #6b7280 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    transform: none !important;
}


/* v0.3.4 slimmer lesson completion bar */
.hda-lesson-nav-panel,
.entry-content .hda-lesson-nav-panel {
    margin-top: 24px !important;
    padding: 20px 28px !important;
    border-radius: 15px !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 1.1fr) minmax(280px, 1.2fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    box-shadow: 0 10px 24px rgba(20, 20, 30, 0.045) !important;
}
.hda-lesson-nav-copy .hda-kicker,
.entry-content .hda-lesson-nav-copy .hda-kicker {
    margin-bottom: 3px !important;
}
.hda-lesson-nav-panel h2,
.entry-content .hda-lesson-nav-panel h2 {
    margin: 0 0 3px !important;
    font-size: 1.05rem !important;
    letter-spacing: .02em !important;
}
.hda-lesson-nav-panel p,
.entry-content .hda-lesson-nav-panel p {
    font-size: .94rem !important;
    line-height: 1.45 !important;
}
.hda-read-confirmation,
.entry-content .hda-read-confirmation {
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 13px !important;
    background: #fff8fb !important;
}
.hda-read-confirmation label,
.entry-content .hda-read-confirmation label {
    align-items: center !important;
    font-size: .92rem !important;
    line-height: 1.3 !important;
    gap: 10px !important;
}
.hda-read-confirmation input,
.entry-content .hda-read-confirmation input {
    width: 16px !important;
    height: 16px !important;
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}
.hda-read-status,
.entry-content .hda-read-status {
    margin-top: 5px !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
}
.hda-lesson-nav-actions,
.entry-content .hda-lesson-nav-actions {
    gap: 8px !important;
    flex-wrap: nowrap !important;
}
.hda-lesson-nav-actions .hda-btn,
.entry-content .hda-lesson-nav-actions .hda-btn {
    padding: 10px 16px !important;
    min-height: 40px !important;
    font-size: .88rem !important;
    white-space: nowrap !important;
}
@media (max-width: 980px) {
    .hda-lesson-nav-panel,
    .entry-content .hda-lesson-nav-panel {
        grid-template-columns: 1fr !important;
        padding: 20px 22px !important;
    }
    .hda-lesson-nav-actions,
    .entry-content .hda-lesson-nav-actions {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        margin-top: 0 !important;
    }
}
@media (max-width: 560px) {
    .hda-lesson-nav-actions .hda-btn,
    .entry-content .hda-lesson-nav-actions .hda-btn {
        width: 100% !important;
    }
}

/* v0.3.5 answerable embedded knowledge checks */
.hda-answer-choice,
.entry-content .hda-answer-choice {
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.hda-answer-choice input,
.entry-content .hda-answer-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.hda-answer-choice:hover,
.entry-content .hda-answer-choice:hover,
.hda-answer-choice:has(input:checked),
.entry-content .hda-answer-choice:has(input:checked),
.hda-selected-answer,
.entry-content .hda-selected-answer {
    border-color: #d63384 !important;
    background: #fff5fa !important;
    box-shadow: 0 8px 20px rgba(214, 51, 132, 0.08) !important;
}
.hda-question-checked .hda-correct-answer,
.entry-content .hda-question-checked .hda-correct-answer {
    border-color: #20a464 !important;
    background: #f1fff7 !important;
}
.hda-question-checked .hda-correct-answer strong,
.entry-content .hda-question-checked .hda-correct-answer strong {
    background: #20a464 !important;
    color: #ffffff !important;
}
.hda-question-checked .hda-wrong-answer,
.entry-content .hda-question-checked .hda-wrong-answer {
    border-color: #d43d51 !important;
    background: #fff5f6 !important;
}
.hda-question-checked .hda-wrong-answer strong,
.entry-content .hda-question-checked .hda-wrong-answer strong {
    background: #d43d51 !important;
    color: #ffffff !important;
}
.hda-check-answer-btn,
.entry-content .hda-check-answer-btn {
    margin-top: 4px !important;
}
.hda-answer-feedback,
.entry-content .hda-answer-feedback {
    margin-top: 12px;
    font-weight: 800;
    border-radius: 12px;
    padding: 12px 14px;
    display: none;
}
.hda-answer-feedback-warn,
.hda-answer-feedback-correct,
.hda-answer-feedback-wrong,
.entry-content .hda-answer-feedback-warn,
.entry-content .hda-answer-feedback-correct,
.entry-content .hda-answer-feedback-wrong {
    display: block;
}
.hda-answer-feedback-warn,
.entry-content .hda-answer-feedback-warn {
    background: #fff8e6;
    color: #7c5b00 !important;
    border: 1px solid #f2d98a;
}
.hda-answer-feedback-correct,
.entry-content .hda-answer-feedback-correct {
    background: #f1fff7;
    color: #12643d !important;
    border: 1px solid #9ee4bc;
}
.hda-answer-feedback-wrong,
.entry-content .hda-answer-feedback-wrong {
    background: #fff5f6;
    color: #922433 !important;
    border: 1px solid #f1a8b2;
}

/* v0.4.1 proper end-of-lesson multiple-choice quiz */
.hda-quiz-block {
    margin-top: 12px;
}
.hda-quiz-submit-panel {
    margin-top: 18px;
    padding: 22px 26px;
    background: #fff;
    border: 1px solid #f0d7e4;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(18, 24, 38, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.hda-submit-quiz-btn:disabled {
    opacity: 0.72;
    cursor: not-allowed;
}
.hda-quiz-result {
    min-height: 22px;
    color: #596174;
    font-weight: 800;
}
.hda-quiz-result strong,
.hda-quiz-result span {
    display: block;
}
.hda-quiz-result-correct,
.hda-quiz-result-complete {
    color: #166534;
}
.hda-quiz-result-warn {
    color: #9a3412;
}
.hda-answer-feedback {
    margin-top: 12px;
    font-weight: 800;
    min-height: 22px;
}
.hda-answer-feedback-warn { color: #9a3412; }
.hda-answer-feedback-correct { color: #166534; }
.hda-answer-feedback-wrong { color: #b91c1c; }
.hda-quiz-explanation {
    margin-top: 14px;
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid #f0d7e4;
    background: #fff8fc;
    color: #31384a;
}
.hda-quiz-explanation p {
    margin: 0 0 8px !important;
}
.hda-quiz-explanation p:last-child {
    margin-bottom: 0 !important;
}
.hda-question-unanswered {
    border-color: #fed7aa !important;
    box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.12);
}
.hda-question-correct {
    border-color: #bbf7d0 !important;
}
.hda-question-wrong {
    border-color: #fecaca !important;
}
.hda-answer-choice input:disabled + strong,
.hda-answer-choice input:disabled + strong + span {
    cursor: default;
}
@media (max-width: 760px) {
    .hda-quiz-submit-panel {
        align-items: flex-start;
    }
}

.hda-save-status {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
}


/* v0.4.3 lesson section boxes */
.hda-lesson-section-wrap,
.entry-content .hda-lesson-section-wrap {
    display: grid !important;
    gap: 22px !important;
    margin-bottom: 30px !important;
}

.hda-lesson-section-box,
.entry-content .hda-lesson-section-box {
    margin-bottom: 0 !important;
}

.hda-lesson-aim-box,
.entry-content .hda-lesson-aim-box {
    background: linear-gradient(135deg, #fff7fb 0%, #ffffff 68%) !important;
    border-color: rgba(230, 0, 126, 0.18) !important;
}

.hda-lesson-section-title,
.entry-content .hda-lesson-section-title {
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--hda-line) !important;
}

.hda-lesson-section-title .hda-kicker,
.entry-content .hda-lesson-section-title .hda-kicker {
    margin-bottom: 6px !important;
}

.hda-lesson-section-title h2,
.entry-content .hda-lesson-section-title h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: clamp(1.18rem, 1.45vw, 1.42rem) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.hda-lesson-section-content p,
.hda-lesson-section-content li,
.entry-content .hda-lesson-section-content p,
.entry-content .hda-lesson-section-content li {
    font-size: 1rem !important;
    line-height: 1.72 !important;
    color: var(--hda-text) !important;
}

.hda-lesson-section-content p:first-child,
.entry-content .hda-lesson-section-content p:first-child {
    margin-top: 0 !important;
}

.hda-lesson-section-content p:last-child,
.entry-content .hda-lesson-section-content p:last-child {
    margin-bottom: 0 !important;
}

/* v0.4.4 module locking */
.hda-locked-card {
    opacity: 0.72;
    background: #fafafa;
    border-style: dashed;
}
.hda-locked-card h3,
.hda-locked-card p,
.hda-locked-card small {
    color: #60636b;
}
.hda-card-link-disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: not-allowed;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 1px solid #d9dce3 !important;
    box-shadow: none !important;
}
.hda-card-link-disabled::before {
    content: '🔒';
    margin-right: 0.45rem;
    font-size: 0.95em;
}

/* v0.4.5 student login and training record */
.hda-login-panel,
.entry-content .hda-login-panel {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
.hda-login-panel form,
.entry-content .hda-login-panel form {
    display: grid;
    gap: 16px;
}
.hda-login-panel p,
.entry-content .hda-login-panel p {
    margin: 0 !important;
}
.hda-login-panel label,
.entry-content .hda-login-panel label {
    display: block;
    color: #22263a;
    font-weight: 800;
    margin-bottom: 6px;
}
.hda-login-panel input[type="text"],
.hda-login-panel input[type="password"],
.entry-content .hda-login-panel input[type="text"],
.entry-content .hda-login-panel input[type="password"] {
    width: 100%;
    border: 1px solid #edd3e1;
    border-radius: 12px;
    padding: 12px 14px;
    background: #fff;
    color: #22263a;
    box-sizing: border-box;
}
.hda-login-panel input[type="submit"],
.entry-content .hda-login-panel input[type="submit"] {
    border: 0;
    border-radius: 999px;
    padding: 12px 20px;
    background: #d91b72;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}
.hda-login-card .hda-hero-actions,
.entry-content .hda-login-card .hda-hero-actions {
    margin-top: 14px;
}
.hda-login-required,
.entry-content .hda-login-required {
    margin: 0 0 18px !important;
}
.hda-success-notice,
.entry-content .hda-success-notice {
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}
.hda-record-grid,
.entry-content .hda-record-grid {
    margin-bottom: 28px;
}

/* v0.5.0 top-right logout button inside the hero box */
.hda-hub-hero,
.entry-content .hda-hub-hero {
    position: relative;
}

.hda-hub-hero-has-logout,
.entry-content .hda-hub-hero-has-logout {
    padding-right: clamp(24px, 4vw, 44px);
}

.hda-student-top-logout,
.entry-content .hda-student-top-logout {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 8;
    margin: 0 !important;
}

.hda-student-top-logout .hda-btn,
.entry-content .hda-student-top-logout .hda-btn {
    min-height: 36px;
    padding: 0 16px;
    border-radius: 9px;
    font-size: 0.85rem;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

@media (max-width: 620px) {
    .hda-student-top-logout,
    .entry-content .hda-student-top-logout {
        position: static;
        display: flex;
        justify-content: flex-end;
        margin: 0 0 12px !important;
        grid-column: 1 / -1;
    }
}

/* v0.5.1 dashboard cleanup: remove upper tile buttons and widen study task cards */
.hda-tile-nav,
.entry-content .hda-tile-nav {
    display: none !important;
}

.hda-task-grid,
.entry-content .hda-task-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin: 0 0 40px !important;
}

.hda-task-grid > .hda-task-card,
.entry-content .hda-task-grid > .hda-task-card {
    min-height: 235px !important;
    padding: 30px 34px 28px !important;
}

.hda-task-grid > .hda-task-card p,
.entry-content .hda-task-grid > .hda-task-card p {
    max-width: 440px !important;
}

@media (max-width: 760px) {
    .hda-task-grid,
    .entry-content .hda-task-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v0.5.2 study tasks: four cards across without squeezing the card content */
.hda-task-grid,
.entry-content .hda-task-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 40px !important;
}

.hda-task-grid > .hda-task-card,
.entry-content .hda-task-grid > .hda-task-card {
    min-height: 268px !important;
    padding: 28px 26px 26px !important;
}

.hda-task-grid > .hda-task-card > .hda-pill,
.hda-task-grid > .hda-task-card > h3,
.hda-task-grid > .hda-task-card > p,
.hda-task-grid > .hda-task-card > small,
.entry-content .hda-task-grid > .hda-task-card > .hda-pill,
.entry-content .hda-task-grid > .hda-task-card > h3,
.entry-content .hda-task-grid > .hda-task-card > p,
.entry-content .hda-task-grid > .hda-task-card > small {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

.hda-task-grid > .hda-task-card p,
.entry-content .hda-task-grid > .hda-task-card p {
    max-width: none !important;
    line-height: 1.55 !important;
}

.hda-task-grid > .hda-task-card > .hda-card-link,
.entry-content .hda-task-grid > .hda-task-card > .hda-card-link {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 980px) {
    .hda-task-grid,
    .entry-content .hda-task-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .hda-task-grid,
    .entry-content .hda-task-grid {
        grid-template-columns: 1fr !important;
    }
}

/* v0.5.5 student record action buttons */
.hda-mini-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}
.hda-mini-actions .hda-btn{
    padding:10px 14px;
    font-size:13px;
    min-height:auto;
}
.hda-progress-actions{
    flex-wrap:wrap;
}


/* v0.5.6 lesson cards: cleaner meta positioning */
.hda-content-card small.hda-card-time,
.entry-content .hda-content-card small.hda-card-time {
    margin-top: auto !important;
    margin-bottom: 16px !important;
    display: block !important;
    color: var(--hda-muted) !important;
    font-weight: 800 !important;
}
.hda-content-card > p,
.entry-content .hda-content-card > p {
    margin-bottom: 22px !important;
}
.hda-content-card > .hda-card-link,
.entry-content .hda-content-card > .hda-card-link {
    margin-top: 0 !important;
}


/* v0.5.7 equal card alignment: keep module/lesson cards neat and OCD-friendly */
.hda-content-grid,
.entry-content .hda-content-grid {
    align-items: stretch !important;
}

.hda-content-grid > .hda-content-card,
.entry-content .hda-content-grid > .hda-content-card {
    height: 100% !important;
    min-height: 304px !important;
}

.hda-content-card > small,
.entry-content .hda-content-card > small {
    margin-top: auto !important;
    margin-bottom: 16px !important;
    display: block !important;
}

.hda-content-card > .hda-card-link,
.entry-content .hda-content-card > .hda-card-link,
.hda-content-card > .hda-card-link-disabled,
.entry-content .hda-content-card > .hda-card-link-disabled {
    margin-top: 0 !important;
    align-self: stretch !important;
}

.hda-content-card > p,
.entry-content .hda-content-card > p {
    margin-bottom: 22px !important;
}

.hda-card-badges {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.hda-card-badges .hda-pill {
    margin-bottom: 0;
}
.hda-pill-complete {
    background: #e7f8ee !important;
    border-color: #8bd6a5 !important;
    color: #147a3f !important;
}