/**
 * LOPERATE LMS guide player polish.
 * Adapted from the proven UngDungAI LMS interaction layer; selectors remain
 * scoped to the existing guide/catalog player contract.
 */
:where(.uai-core-course, .uai-core-trial) {
    overflow-x: clip;
}

/* Theme-safe contrast and a focused content-first default. */
.uai-core-course .uai-core-course__hero h1,
.uai-core-course .uai-core-course__hero h1.entry-title { color: #fff !important; }
.uai-core-course .uai-core-course__hero .uai-core-course__promise { color: rgba(239,255,249,.84) !important; }
.uai-core-trial .wb-hero .wb-hero__h1 { color: #fff !important; }
.uai-core-trial .wb-hero .wb-hero__sub { color: rgba(236,253,250,.76) !important; }
.uai-core-trial .wb-hero .wb-hero__trial-card p,
.uai-core-trial .wb-hero .wb-hero__trial-card small { color: rgba(236,253,250,.76) !important; }
.uai-core-trial .wb-layout.is-context-hidden { grid-template-columns: var(--wb-sidebar-width, 260px) minmax(0, 1fr); }

:where(.uai-core-course, .uai-core-trial) :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid #b8ee63;
    outline-offset: 3px;
}

.uai-core-course :where(h1, h2, h3),
.uai-core-trial :where(h1, h2, h3) {
    text-wrap: balance;
}

.uai-core-course__module summary {
    cursor: pointer;
}

.uai-core-course__module summary:focus-visible {
    outline-offset: -3px;
}

.uai-core-breadcrumbs .rank-math-breadcrumb :where(a, .last) {
    color: #42665a;
}

.uai-core-course__outcomes-note,
.uai-core-course .uai-section-head p {
    color: #52666a !important;
}

.uai-core-course .uai-belt-skills span,
.uai-core-course__modules details > summary > span:first-child {
    color: #1f6253 !important;
    background: #e6f4ec !important;
}

.uai-core-course__related-grid article > p {
    color: #52666a !important;
}

.uai-core-trial .wb-art-tabs {
    scrollbar-width: thin;
    scrollbar-color: #9bc8ad transparent;
}

.uai-core-trial .wb-art-tab,
.uai-core-trial .wb-tl-lesson,
.uai-core-trial .wb-sidebar__title,
.uai-core-trial .wb-sidebar__collapse,
.uai-core-trial .wb-context-panel__toggle,
.uai-core-trial .wb-context-panel__show {
    min-height: 44px;
}

.uai-core-trial .wb-tl-lesson strong,
.uai-core-trial .wb-tl-lesson small,
.uai-core-trial .wb-tl-module-heading strong {
    overflow-wrap: anywhere;
}

.uai-core-trial .wb-stage-panel,
.uai-core-trial .wb-card,
.uai-core-trial .uai-core-artifact,
.uai-core-trial .uai-activity-box {
    min-width: 0;
}

.uai-core-trial .wb-md :where(pre, code) {
    overflow-wrap: anywhere;
}

/* Maintain readable contrast on the active timeline and platform rail. */
.uai-core-trial .wb-tl-lesson.is-current small { color: #405b52; }
.uai-core-trial .wb-platforms__grid a:nth-child(4) .wb-platforms__mark { color: #805400; }

@media (max-width: 960px) {
    .uai-core-trial .wb-context-panel {
        grid-column: 1;
        position: static;
    }

    .uai-core-trial .wb-content {
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .uai-core-trial .wb-lms-wrap {
        padding-inline: 12px;
    }

    .uai-core-trial .wb-sidebar {
        position: sticky;
        top: 4.25rem;
        z-index: 20;
        max-height: 4.25rem;
        overflow: hidden;
        transition: max-height .22s ease, box-shadow .22s ease;
    }

    .uai-core-trial .wb-sidebar.is-open {
        max-height: min(70vh, 520px);
        overflow: auto;
        box-shadow: 0 18px 40px rgba(16, 60, 52, .16);
    }

    .uai-core-trial .wb-sidebar:hover:not(.is-open) {
        max-height: 4.25rem;
        overflow: hidden;
    }

    .uai-core-trial .wb-sidebar__toolbar {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 4.25rem;
    }

    .uai-core-trial .wb-sidebar__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 10px 12px;
    }

    .uai-core-trial .wb-sidebar__title::after {
        margin-left: auto;
    }

    .uai-core-trial .wb-stage-header {
        padding: 20px 16px;
    }

    .uai-core-trial .wb-art-tabs {
        margin-inline: -4px;
        padding-inline: 4px;
    }

    .uai-core-trial .wb-art-tab {
        padding-inline: 14px;
    }

    .uai-core-trial .uai-core-artifact__document iframe {
        min-height: 420px;
    }

    .uai-core-course__hero-action,
    .uai-core-course__next .uai-btn {
        width: 100%;
    }

    .uai-core-course__meta {
        gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .uai-core-trial .wb-sidebar {
        transition: none;
    }
}
.uai-core-trial .uai-core-artifacts{min-width:0}.uai-core-trial .wb-resource-group{margin:0 0 18px;padding:14px;border:1px solid rgba(219,231,222,.92);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdfb)}.uai-core-trial .wb-resource-group__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:#102f38}.uai-core-trial .wb-resource-group__heading strong{font-size:14px}.uai-core-trial .wb-resource-group__heading span{color:#71818a;font-size:12px;font-weight:700}.uai-core-trial .wb-resource-group .wb-art-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0}.uai-core-trial .wb-resource-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:180px;max-width:100%;padding:10px 12px;border:1px solid #dbe7de;border-radius:12px;background:#fff;color:#425b64;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.uai-core-trial .wb-resource-item:hover{transform:translateY(-1px);border-color:#82c957}.uai-core-trial .wb-resource-item.active{border-color:#0f766e;background:linear-gradient(135deg,#eef9ef,#f6fbec);box-shadow:0 6px 16px rgba(15,118,110,.12)}.uai-core-trial .wb-resource-item__copy{display:grid;gap:3px;min-width:0}.uai-core-trial .wb-resource-item__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#102f38}.uai-core-trial .wb-resource-item__copy small{color:#71818a;font-size:11px}.uai-core-trial .wb-resource-item__status{flex:none;color:#0f766e;font-size:11px;font-weight:800}.uai-core-trial .wb-resource-item.is-opened .wb-resource-item__status{color:#518b37}.uai-core-trial .wb-resource-item.is-opened .wb-resource-item__status::before{content:'✓ ';}.uai-core-trial .wb-art-pane[aria-hidden="true"]{display:none}.uai-core-trial .wb-art-pane[aria-hidden="false"]{display:block}.uai-core-trial .wb-sidebar{scrollbar-width:thin}.uai-core-trial .wb-tl-lesson.is-current{border-color:#82c957;box-shadow:0 0 0 3px rgba(130,201,87,.12)}@media(max-width:760px){.uai-core-trial .wb-resource-item{width:100%;min-width:0}.uai-core-trial .wb-resource-group__heading{align-items:flex-start;flex-direction:column;gap:4px}}