.dlms-core {
    box-sizing: border-box;
    font: inherit;
}

.dlms-core *,
.dlms-core *::before,
.dlms-core *::after {
    box-sizing: inherit;
}

.dlms-dashboard-grid,
.dlms-bundle-grid,
.dlms-course-catalog-grid,
.dlms-courses-grid,
.dlms-replay-grid,
.dlms-certificates-grid,
.dlms-materials-grid {
    display: grid;
    gap: var(--dlms-gap, 1rem);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.dlms-courses-grid {
    grid-template-columns: repeat(var(--dlms-course-columns, 3), minmax(0, 1fr));
}

.dlms-course-catalog-grid {
    grid-template-columns: repeat(var(--dlms-course-catalog-columns, 3), minmax(0, 1fr));
}

.dlms-bundle-grid {
    grid-template-columns: repeat(var(--dlms-bundle-columns, 3), minmax(0, 1fr));
}

.dlms-stats-premium {
    background: var(--dlms-stats-bg, #ffffff);
    border: 1px solid var(--dlms-stats-border, rgba(15, 23, 42, .08));
    border-radius: var(--dlms-stats-radius, 18px);
    box-shadow: var(--dlms-stats-shadow, 0 18px 50px rgba(15, 23, 42, .08));
    color: var(--dlms-stats-color, #0f172a);
    display: grid;
    gap: var(--dlms-stats-gap, 1.25rem);
    padding: var(--dlms-stats-padding, clamp(1rem, 2.5vw, 1.75rem));
}

.dlms-stats-header {
    display: grid;
    gap: .25rem;
}

.dlms-stats-title,
.dlms-stats-subtitle {
    margin: 0;
}

.dlms-stats-title {
    font-size: var(--dlms-stats-title-size, clamp(1.25rem, 2vw, 1.75rem));
    font-weight: 800;
    line-height: 1.15;
}

.dlms-stats-subtitle {
    color: var(--dlms-stats-muted, #64748b);
    font-size: var(--dlms-stats-subtitle-size, .95rem);
}

.dlms-stats-grid {
    display: grid;
    gap: var(--dlms-stats-card-gap, .875rem);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dlms-stats-premium .dlms-stat-card {
    background: var(--dlms-stat-card-bg, #f8fafc);
    border: 1px solid var(--dlms-stat-card-border, rgba(15, 23, 42, .07));
    border-radius: var(--dlms-stat-card-radius, 14px);
    display: grid;
    gap: .5rem;
    min-width: 0;
    padding: var(--dlms-stat-card-padding, 1rem);
}

.dlms-stats-premium .dlms-stat-icon {
    align-items: center;
    background: var(--dlms-stat-icon-bg, #fee2e2);
    border-radius: 999px;
    color: var(--dlms-stat-icon-color, #ef4444);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.dlms-stats-premium .dlms-stat-number {
    color: var(--dlms-stat-number-color, #0f172a);
    display: block;
    font-size: var(--dlms-stat-number-size, clamp(1.6rem, 3vw, 2.25rem));
    font-weight: 850;
    line-height: 1;
}

.dlms-stats-premium .dlms-stat-label {
    color: var(--dlms-stat-label-color, #64748b);
    display: block;
    font-size: var(--dlms-stat-label-size, .9rem);
    font-weight: 650;
    line-height: 1.25;
}

.dlms-stats-premium .dlms-stat-progress-card {
    align-items: center;
    background: var(--dlms-stat-progress-bg, linear-gradient(135deg, #111827, #1f2937));
    color: #ffffff;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr);
}

.dlms-stats-premium .dlms-stat-progress-card .dlms-stat-number,
.dlms-stats-premium .dlms-stat-progress-card .dlms-stat-label {
    color: inherit;
}

.dlms-stats-premium .dlms-stat-progress-content {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.dlms-stats-premium .dlms-stat-progress-bar {
    background: rgba(255, 255, 255, .18);
    border-radius: 999px;
    display: block;
    height: .5rem;
    overflow: hidden;
}

.dlms-stats-premium .dlms-stat-progress-fill {
    background: var(--dlms-stat-progress-fill-bg, #ef4444);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.dlms-stats-premium .dlms-stat-donut {
    --dlms-progress: 0%;
    align-items: center;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, #111827 0 55%, transparent 56%),
        conic-gradient(var(--dlms-stat-donut-fill, #ef4444) var(--dlms-progress), rgba(255, 255, 255, .18) 0);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    justify-content: center;
    width: var(--dlms-stat-donut-size, 4.25rem);
}

.dlms-stats-premium .dlms-stat-donut span {
    font-size: .85rem;
    line-height: 1;
}

.dlms-bundle-card,
.dlms-bundle-content,
.dlms-bundle-courses,
.dlms-bundle-saving {
    display: grid;
    gap: var(--dlms-bundle-gap, .75rem);
}

.dlms-bundle-price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--dlms-price-gap, .35rem);
}

.dlms-bundle-thumb {
    aspect-ratio: var(--dlms-bundle-thumb-ratio, 16 / 9);
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.dlms-bundle-thumb-image,
.dlms-bundle-thumb-placeholder {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.dlms-bundle-thumb-placeholder {
    align-items: center;
    background: var(--dlms-bundle-thumb-placeholder, color-mix(in srgb, currentColor 8%, transparent));
    display: flex;
    justify-content: center;
}

.dlms-bundle-title,
.dlms-bundle-description,
.dlms-bundle-courses {
    margin-block: 0;
}

.dlms-bundle-badge,
.dlms-bundle-price-from,
.dlms-bundle-price-to,
.dlms-bundle-price-label,
.dlms-bundle-sale-price,
.dlms-bundle-regular-price,
.dlms-bundle-individual-price,
.dlms-bundle-saving {
    display: inline-block;
}

.dlms-course-public-card,
.dlms-course-public-content,
.dlms-course-public-meta,
.dlms-course-public-actions,
.dlms-bundle-actions {
    display: grid;
    gap: var(--dlms-course-public-gap, .75rem);
}

.dlms-course-public-price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--dlms-price-gap, .35rem);
}

.dlms-course-public-thumb {
    aspect-ratio: var(--dlms-course-public-thumb-ratio, 16 / 9);
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.dlms-course-public-thumb-image,
.dlms-course-public-thumb-placeholder {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.dlms-course-public-thumb-placeholder {
    align-items: center;
    background: var(--dlms-course-public-thumb-placeholder, color-mix(in srgb, currentColor 8%, transparent));
    display: flex;
    justify-content: center;
}

.dlms-course-public-title,
.dlms-course-public-description,
.dlms-course-public-badge {
    margin-block: 0;
}

.dlms-course-public-meta {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}

.dlms-course-public-badge,
.dlms-course-public-price-from,
.dlms-course-public-price-to,
.dlms-course-public-price-label,
.dlms-course-public-sale-price,
.dlms-course-public-regular-price,
.dlms-course-public-action-primary,
.dlms-course-public-action-secondary,
.dlms-bundle-action-primary,
.dlms-bundle-action-secondary {
    display: inline-block;
}

.dlms-continue-studying,
.dlms-learning-journey,
.dlms-course-progress-list {
    display: grid;
    gap: var(--dlms-gap, 1rem);
}

.dlms-quick-actions {
    display: grid;
    gap: var(--dlms-quick-actions-gap, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dlms-action-card {
    align-items: center;
    display: grid;
    gap: var(--dlms-action-card-gap, .75rem);
    grid-template-columns: auto minmax(0, 1fr);
    text-decoration: none;
}

.dlms-action-icon,
.dlms-action-content,
.dlms-action-title,
.dlms-action-description {
    display: block;
}

.dlms-action-title,
.dlms-action-description {
    margin-block: 0;
}

.dlms-action-description {
    overflow-wrap: anywhere;
}

.dlms-live-class-card {
    display: grid;
    gap: var(--dlms-live-card-gap, .875rem);
}

.dlms-live-classes {
    display: grid;
    gap: var(--dlms-live-classes-gap, 1rem);
}

.dlms-live-class-item {
    display: grid;
    gap: var(--dlms-live-class-item-gap, .875rem);
}

.dlms-live-empty,
.dlms-live-info-box {
    display: grid;
    gap: var(--dlms-live-empty-gap, .75rem);
}

.dlms-replays {
    display: grid;
    gap: var(--dlms-replays-gap, 1rem);
}

.dlms-replay-card {
    display: grid;
    gap: var(--dlms-replay-card-gap, .875rem);
}

.dlms-replay-thumb {
    aspect-ratio: var(--dlms-replay-thumb-ratio, 16 / 9);
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.dlms-replay-thumb-image,
.dlms-replay-thumb-placeholder {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.dlms-replay-thumb-placeholder {
    align-items: center;
    background: var(--dlms-replay-thumb-placeholder, color-mix(in srgb, currentColor 8%, transparent));
    display: flex;
    justify-content: center;
}

.dlms-replay-play-mark {
    aspect-ratio: 1;
    border: 1px solid currentColor;
    border-radius: 999em;
    display: block;
    opacity: .3;
    width: var(--dlms-replay-play-mark-size, 2rem);
}

.dlms-replay-content,
.dlms-replay-empty {
    display: grid;
    gap: var(--dlms-replay-content-gap, .75rem);
}

.dlms-replay-meta {
    display: grid;
    gap: var(--dlms-replay-meta-gap, .5rem);
    margin: 0;
}

.dlms-replay-meta-item {
    display: grid;
    gap: var(--dlms-replay-meta-item-gap, .25rem);
}

.dlms-replay-meta dd {
    margin: 0;
}

.dlms-live-badge,
.dlms-live-title,
.dlms-live-countdown {
    display: block;
}

.dlms-live-meta {
    display: grid;
    gap: var(--dlms-live-meta-gap, .5rem);
    margin: 0;
}

.dlms-live-meta-item {
    display: grid;
    gap: var(--dlms-live-meta-item-gap, .25rem);
}

.dlms-live-meta dd {
    margin: 0;
}

.dlms-live-class-meta {
    display: grid;
    gap: var(--dlms-live-class-meta-gap, .5rem);
    margin: 0;
}

.dlms-live-class-meta-item {
    display: grid;
    gap: var(--dlms-live-class-meta-item-gap, .25rem);
}

.dlms-live-class-meta dd {
    margin: 0;
}

.dlms-recent-certificates {
    display: grid;
    gap: var(--dlms-recent-certificates-gap, .875rem);
}

.dlms-recent-materials {
    display: grid;
    gap: var(--dlms-recent-materials-gap, .875rem);
}

.dlms-calendar {
    display: grid;
    gap: var(--dlms-calendar-gap, 1rem);
}

.dlms-calendar-header,
.dlms-calendar-empty {
    display: grid;
    gap: var(--dlms-calendar-header-gap, .75rem);
}

.dlms-calendar-grid {
    display: grid;
    gap: var(--dlms-calendar-grid-gap, .75rem);
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.dlms-calendar-list {
    grid-template-columns: 1fr;
}

.dlms-calendar-day {
    display: grid;
    gap: var(--dlms-calendar-day-gap, .5rem);
    min-width: 0;
}

.dlms-calendar-event {
    display: grid;
    gap: var(--dlms-calendar-event-gap, .25rem);
    min-width: 0;
}

.dlms-materials {
    display: grid;
    gap: var(--dlms-materials-gap, 1rem);
}

.dlms-study-area {
    display: grid;
    gap: var(--dlms-study-area-gap, 1rem);
}

.dlms-study-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--dlms-study-header-gap, 1rem);
    justify-content: space-between;
}

.dlms-study-course,
.dlms-study-course-name,
.dlms-study-progress {
    display: grid;
    gap: var(--dlms-study-course-gap, .5rem);
    min-width: min(100%, 16rem);
}

.dlms-study-layout {
    display: grid;
    gap: var(--dlms-study-layout-gap, 1rem);
    grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr);
}

.dlms-study-sidebar,
.dlms-study-module,
.dlms-study-main,
.dlms-study-content,
.dlms-study-actions,
.dlms-study-lesson-actions,
.dlms-study-video-empty,
.dlms-study-materials {
    display: grid;
    gap: var(--dlms-study-inner-gap, .875rem);
}

.dlms-study-actions,
.dlms-study-lesson-actions {
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), max-content));
}

.dlms-study-lesson {
    display: grid;
    gap: var(--dlms-study-lesson-gap, .25rem);
    text-decoration: none;
}

.dlms-study-lesson.completed,
.dlms-study-complete-action.completed {
    opacity: var(--dlms-study-completed-opacity, .72);
}

.dlms-study-lesson.locked {
    opacity: var(--dlms-study-locked-opacity, .48);
}

.dlms-study-lesson.unlocked {
    opacity: 1;
}

.dlms-study-locked-state {
    display: grid;
    gap: var(--dlms-study-locked-gap, .75rem);
}

.dlms-study-player {
    aspect-ratio: var(--dlms-study-player-ratio, 16 / 9);
    display: block;
    overflow: hidden;
}

.dlms-study-player iframe,
.dlms-study-video {
    display: block;
    height: 100%;
    width: 100%;
}

.dlms-study-video iframe {
    display: block;
    height: 100%;
    width: 100%;
}

.dlms-study-player-empty {
    aspect-ratio: auto;
}

.dlms-study-material {
    align-items: center;
    display: grid;
    gap: var(--dlms-study-material-gap, .5rem);
    grid-template-columns: auto minmax(0, 1fr);
    text-decoration: none;
}

.dlms-support {
    display: grid;
    gap: var(--dlms-support-gap, 1rem);
}

.dlms-profile {
    display: grid;
    gap: var(--dlms-profile-gap, 1rem);
}

.dlms-support-card,
.dlms-support-teacher,
.dlms-support-faq,
.dlms-support-faq-item {
    display: grid;
    gap: var(--dlms-support-card-gap, .75rem);
}

.dlms-profile-card {
    align-items: center;
    display: grid;
    gap: var(--dlms-profile-card-gap, 1rem);
    grid-template-columns: auto minmax(0, 1fr);
}

.dlms-profile-info,
.dlms-profile-form,
.dlms-profile-preferences,
.dlms-profile-bio-field,
.dlms-profile-avatar-upload {
    display: grid;
    gap: var(--dlms-profile-inner-gap, .75rem);
}

.dlms-profile-stats {
    display: grid;
    gap: var(--dlms-profile-stats-gap, .875rem);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
}

.dlms-profile-avatar-image {
    display: block;
    height: auto;
    max-width: 100%;
}

.dlms-profile-bio,
.dlms-profile-bio-preview,
.dlms-profile-bio-field,
.dlms-profile-avatar-upload,
.dlms-profile-avatar-action {
    display: block;
}

.dlms-notifications {
    display: grid;
    gap: var(--dlms-notifications-gap, .875rem);
}

.dlms-weekly-goals {
    display: grid;
    gap: var(--dlms-weekly-goals-gap, .875rem);
}

.dlms-next-events {
    display: grid;
    gap: var(--dlms-next-events-gap, .875rem);
}

.dlms-productivity {
    display: grid;
    gap: var(--dlms-productivity-gap, .875rem);
}

.dlms-certificate-mini-card {
    align-items: center;
    display: grid;
    gap: var(--dlms-certificate-mini-gap, .75rem);
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.dlms-certificate-card {
    display: grid;
    gap: var(--dlms-certificate-card-gap, .875rem);
}

.dlms-certificate {
    display: grid;
    gap: var(--dlms-certificate-gap, 1.5rem);
}

.dlms-certificate-header,
.dlms-certificate-body,
.dlms-certificate-footer,
.dlms-certificate-meta,
.dlms-certificate-valid,
.dlms-certificate-invalid,
.dlms-certificate-verify-meta {
    display: grid;
    gap: var(--dlms-certificate-inner-gap, .875rem);
}

.dlms-certificate-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dlms-certificate-actions-gap, .75rem);
}

.dlms-material-mini-card {
    align-items: center;
    display: grid;
    gap: var(--dlms-material-mini-gap, .75rem);
    grid-template-columns: auto minmax(0, 1fr) auto;
    text-decoration: none;
}

.dlms-material-card {
    display: grid;
    gap: var(--dlms-material-card-gap, .875rem);
    grid-template-columns: auto minmax(0, 1fr);
}

.dlms-material-body,
.dlms-materials-locked,
.dlms-materials-empty {
    display: grid;
    gap: var(--dlms-material-body-gap, .75rem);
}

.dlms-material-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dlms-material-meta-gap, .5rem);
}

.dlms-notification-card {
    align-items: center;
    display: grid;
    gap: var(--dlms-notification-gap, .75rem);
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.dlms-goal-card {
    display: grid;
    gap: var(--dlms-goal-card-gap, .75rem);
}

.dlms-event-card {
    align-items: center;
    display: grid;
    gap: var(--dlms-event-card-gap, .75rem);
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.dlms-productivity-card {
    display: grid;
    gap: var(--dlms-productivity-card-gap, .875rem);
}

.dlms-course-card {
    display: grid;
    gap: var(--dlms-course-card-gap, .875rem);
}

.dlms-course-thumb {
    aspect-ratio: var(--dlms-course-thumb-ratio, 16 / 9);
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.dlms-course-thumb-image,
.dlms-course-thumb-placeholder {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.dlms-course-thumb-placeholder {
    align-items: center;
    background: var(--dlms-course-thumb-placeholder, color-mix(in srgb, currentColor 8%, transparent));
    display: flex;
    justify-content: center;
}

.dlms-course-thumb-mark {
    aspect-ratio: 1;
    border: 1px solid currentColor;
    border-radius: 999em;
    display: block;
    opacity: .3;
    width: var(--dlms-course-thumb-mark-size, 2rem);
}

.dlms-course-content,
.dlms-continue-card,
.dlms-continue-main,
.dlms-continue-aside {
    display: grid;
    gap: var(--dlms-card-inner-gap, .75rem);
}

.dlms-continue-feature {
    align-items: center;
    display: grid;
    gap: var(--dlms-continue-feature-gap, 1rem);
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
}

.dlms-journey-timeline {
    display: grid;
    gap: var(--dlms-journey-gap, .75rem);
}

.dlms-journey-item {
    align-items: center;
    display: grid;
    gap: var(--dlms-journey-item-gap, .75rem);
    grid-template-columns: auto minmax(0, 1fr);
}

.dlms-journey-content {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--dlms-journey-content-gap, .5rem);
}

.dlms-journey-dot {
    aspect-ratio: 1;
    border-radius: 999em;
    display: block;
    width: var(--dlms-journey-dot-size, .75rem);
}

.dlms-course-progress-item {
    display: grid;
    gap: var(--dlms-course-progress-gap, .75rem);
}

.dlms-course-progress-row {
    align-items: baseline;
    display: flex;
    gap: var(--dlms-course-progress-row-gap, .75rem);
    justify-content: space-between;
}

.dlms-productivity-metrics {
    display: grid;
    gap: var(--dlms-productivity-metrics-gap, .75rem);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}

.dlms-goal-card .dlms-card-header {
    align-items: center;
    display: flex;
    gap: var(--dlms-goal-header-gap, .75rem);
    justify-content: space-between;
}

.dlms-certificate-icon,
.dlms-certificate-content,
.dlms-certificate-content strong,
.dlms-certificate-content small,
.dlms-certificate-title,
.dlms-certificate-meta,
.dlms-certificate,
.dlms-certificate-header,
.dlms-certificate-body,
.dlms-certificate-footer,
.dlms-certificate-kicker,
.dlms-certificate-text,
.dlms-certificate-student,
.dlms-certificate-course,
.dlms-certificate-valid,
.dlms-certificate-invalid,
.dlms-certificate-verify-title,
.dlms-certificate-verify-meta,
.dlms-certificate-verify-code,
.dlms-material-icon,
.dlms-material-content,
.dlms-material-content strong,
.dlms-material-content small,
.dlms-material-action,
.dlms-material-body,
.dlms-material-title,
.dlms-material-meta,
.dlms-material-download,
.dlms-materials-locked-title,
.dlms-materials-locked-text,
.dlms-materials-locked-action,
.dlms-materials-empty-title,
.dlms-materials-empty-text,
.dlms-notification-icon,
.dlms-notification-content,
.dlms-notification-content strong,
.dlms-notification-content small,
.dlms-notification-date,
.dlms-goal-title,
.dlms-goal-status,
.dlms-goal-description,
.dlms-goal-deadline,
.dlms-goal-progress,
.dlms-live-class-status,
.dlms-live-class-title,
.dlms-live-class-meta,
.dlms-live-class-action,
.dlms-live-empty-title,
.dlms-live-empty-text,
.dlms-live-empty-action,
.dlms-live-info-title,
.dlms-live-info-list,
.dlms-replay-thumb,
.dlms-replay-status,
.dlms-replay-content,
.dlms-replay-title,
.dlms-replay-meta,
.dlms-replay-action,
.dlms-replay-empty-title,
.dlms-replay-empty-text,
.dlms-replay-empty-action,
.dlms-calendar-header,
.dlms-calendar-grid,
.dlms-calendar-day,
.dlms-calendar-event,
.dlms-calendar-event-live,
.dlms-calendar-event-material,
.dlms-calendar-event-replay,
.dlms-calendar-event-certificate,
.dlms-calendar-empty,
.dlms-support-title,
.dlms-support-text,
.dlms-support-action,
.dlms-support-teacher,
.dlms-support-faq,
.dlms-support-faq-item,
.dlms-study-header,
.dlms-study-back,
.dlms-study-course-name,
.dlms-study-progress,
.dlms-study-sidebar,
.dlms-study-module,
.dlms-study-lesson,
.dlms-study-content,
.dlms-study-actions,
.dlms-study-lesson-description,
.dlms-study-lesson-actions,
.dlms-study-complete-action,
.dlms-study-prev-action,
.dlms-study-next-action,
.dlms-study-video-empty,
.dlms-study-locked-state,
.dlms-study-locked-title,
.dlms-study-locked-text,
.dlms-study-locked-action,
.dlms-study-materials,
.dlms-profile-card,
.dlms-profile-avatar,
.dlms-profile-info,
.dlms-profile-name,
.dlms-profile-email,
.dlms-profile-stats,
.dlms-profile-form,
.dlms-profile-preferences,
.dlms-profile-action,
.dlms-profile-bio,
.dlms-profile-bio-field,
.dlms-profile-bio-preview,
.dlms-profile-avatar-upload,
.dlms-profile-avatar-action,
.dlms-courses-hero-title,
.dlms-courses-hero-text,
.dlms-courses-hero-action,
.dlms-empty-courses-title,
.dlms-empty-courses-text,
.dlms-empty-courses-action,
.dlms-empty-progress-title,
.dlms-empty-progress-text,
.dlms-continue-title,
.dlms-continue-progress,
.dlms-continue-action,
.dlms-continue-module,
.dlms-continue-main,
.dlms-continue-aside,
.dlms-continue-next,
.dlms-course-title,
.dlms-course-description,
.dlms-course-progress,
.dlms-course-progress-text,
.dlms-course-badge,
.dlms-course-status,
.dlms-course-action,
.dlms-course-teacher,
.dlms-course-next,
.dlms-course-next-lesson,
.dlms-course-progress-name,
.dlms-course-progress-percent,
.dlms-course-progress-row,
.dlms-journey-status,
.dlms-journey-title,
.dlms-journey-progress,
.dlms-journey-action,
.dlms-journey-dot,
.dlms-journey-content,
.dlms-event-icon,
.dlms-event-content,
.dlms-event-content strong,
.dlms-event-content small,
.dlms-event-date,
.dlms-productivity-score,
.dlms-productivity-metric,
.dlms-productivity-metric strong,
.dlms-productivity-metric small,
.dlms-productivity-message {
    display: block;
}

.dlms-goal-title,
.dlms-goal-description,
.dlms-live-class-title,
.dlms-live-empty-title,
.dlms-live-empty-text,
.dlms-live-info-title,
.dlms-replay-title,
.dlms-replay-empty-title,
.dlms-replay-empty-text,
.dlms-calendar-header h3,
.dlms-calendar-empty h3,
.dlms-calendar-empty p,
.dlms-support-title,
.dlms-support-text,
.dlms-profile-name,
.dlms-profile-bio-preview,
.dlms-material-title,
.dlms-study-content h2,
.dlms-study-content h3,
.dlms-study-content p,
.dlms-study-lesson-title,
.dlms-study-lesson-description,
.dlms-study-locked-title,
.dlms-study-locked-text,
.dlms-study-module h3,
.dlms-study-materials h3,
.dlms-materials-locked-title,
.dlms-materials-locked-text,
.dlms-materials-empty-title,
.dlms-materials-empty-text,
.dlms-courses-hero-title,
.dlms-courses-hero-text,
.dlms-empty-courses-title,
.dlms-empty-courses-text,
.dlms-continue-title,
.dlms-continue-next,
.dlms-course-title,
.dlms-course-description,
.dlms-card-description,
.dlms-productivity-message {
    margin-block: 0;
}

.dlms-course-unlock-action,
.dlms-course-title a,
.dlms-bundle-title a,
.dlms-bundle-action,
.dlms-bundle-action-primary,
.dlms-bundle-action-secondary,
.dlms-course-public-title a,
.dlms-course-public-action,
.dlms-course-public-action-primary,
.dlms-course-public-action-secondary {
    color: inherit;
    text-decoration: none;
}

.dlms-certificate-download {
    text-decoration: none;
}

.dlms-certificate-action,
.dlms-certificate-verify,
.dlms-certificate-issue {
    text-decoration: none;
}

@media (max-width: 1024px) {
    .dlms-bundle-grid,
    .dlms-course-catalog-grid,
    .dlms-courses-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dlms-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .dlms-bundle-grid,
    .dlms-course-catalog-grid,
    .dlms-courses-grid {
        grid-template-columns: 1fr;
    }

    .dlms-continue-feature {
        grid-template-columns: 1fr;
    }

    .dlms-quick-actions {
        grid-template-columns: 1fr;
    }

    .dlms-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dlms-certificate-mini-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dlms-material-mini-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dlms-notification-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dlms-event-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dlms-certificate-download {
        grid-column: 1 / -1;
    }

    .dlms-calendar-grid {
        grid-template-columns: 1fr;
    }

    .dlms-study-layout {
        grid-template-columns: 1fr;
    }

    .dlms-material-action {
        grid-column: 1 / -1;
    }

    .dlms-notification-date {
        grid-column: 1 / -1;
    }

    .dlms-event-date {
        grid-column: 1 / -1;
    }

    .dlms-profile-card {
        grid-template-columns: 1fr;
    }

    .dlms-course-progress-row {
        align-items: start;
    }

}

@media (max-width: 640px) {
    .dlms-stats-grid {
        grid-template-columns: 1fr;
    }

    .dlms-stats-premium .dlms-stat-progress-card {
        grid-template-columns: 1fr;
    }

}

.dlms-stat-value {
    display: block;
    line-height: 1;
}

.dlms-progress {
    display: grid;
    gap: var(--dlms-progress-gap, .375rem);
}

.dlms-progress-track {
    background: var(--dlms-progress-track, color-mix(in srgb, currentColor 12%, transparent));
    border-radius: 999em;
    display: block;
    height: var(--dlms-progress-height, .5rem);
    overflow: hidden;
}

.dlms-progress-fill {
    background: var(--dlms-progress-fill, currentColor);
    display: block;
    height: 100%;
}

.dlms-form {
    display: grid;
    gap: var(--dlms-form-gap, .875rem);
}

.dlms-form-field {
    display: grid;
    gap: var(--dlms-field-gap, .375rem);
}

.dlms-form-input {
    font: inherit;
    max-width: 100%;
}

.dlms-button {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
}

.dlms-meta-list {
    display: grid;
    gap: var(--dlms-meta-gap, .5rem);
}

.dlms-meta-list dd {
    margin: 0;
}