.elearning{--learn:var(--alicia-color-primary);color:var(--alicia-text-secondary)}.elearning .eyebrow{color:var(--learn);font-size:var(--alicia-font-size-xs);font-weight:var(--alicia-font-weight-bold);letter-spacing:.12em;text-transform:uppercase}.hero-card{background:linear-gradient(135deg,var(--alicia-color-primary-hover),var(--alicia-color-primary));border-radius:var(--alicia-radius-lg);box-shadow:var(--alicia-shadow-md);color:var(--alicia-text-inverse);padding:var(--alicia-space-8)}.learning-row{align-items:center;border-bottom:1px solid var(--alicia-border-color);color:var(--alicia-text-secondary);display:flex;justify-content:space-between;padding:var(--alicia-space-4) var(--alicia-space-1);text-decoration:none}.learning-row:hover{color:var(--learn)}.learning-row small{color:var(--alicia-text-muted);display:block;margin-top:var(--alicia-space-1)}.course-card,.lesson-shell{background:var(--alicia-bg-surface);border:1px solid var(--alicia-border-color);border-radius:var(--alicia-radius-lg);box-shadow:var(--alicia-shadow-md);height:100%;overflow:hidden}.course-cover{align-items:center;background:rgba(var(--alicia-color-primary-rgb),.14);color:var(--learn);display:flex;font-size:3rem;height:150px;justify-content:center}.course-cover img{height:100%;object-fit:cover;width:100%}.progress{background:var(--alicia-bg-surface-muted);height:.65rem}.progress-bar{background:var(--learn)}.empty-state{background:var(--alicia-bg-surface);border:2px dashed var(--alicia-border-color);border-radius:var(--alicia-radius-md);padding:var(--alicia-space-12);text-align:center}.empty-state i{color:var(--learn);font-size:3rem;margin-bottom:var(--alicia-space-4)}.module-number{align-items:center;background:rgba(var(--alicia-color-primary-rgb),.12);border-radius:50%;color:var(--learn);display:flex;font-weight:var(--alicia-font-weight-bold);height:2.5rem;justify-content:center;margin-bottom:var(--alicia-space-4);width:2.5rem}.lesson-list{list-style:none;padding:0}.lesson-list li{align-items:center;border-top:1px solid var(--alicia-border-color);display:flex;justify-content:space-between;padding:var(--alicia-space-3) 0}.lesson-list li.done i{color:var(--alicia-color-success)}.lesson-list li.locked{color:var(--alicia-text-muted)}.lesson-shell{height:auto;margin:auto;max-width:960px}.lesson-shell header,.lesson-shell footer{padding:var(--alicia-space-8)}.lesson-shell header{border-bottom:1px solid var(--alicia-border-color)}.lesson-shell footer{border-top:1px solid var(--alicia-border-color);text-align:right}.lesson-content{min-height:320px;padding:var(--alicia-space-10)}.lesson-text{color:var(--alicia-text-secondary);font-size:var(--alicia-font-size-lg);line-height:1.8;margin-top:var(--alicia-space-8)}.pdf-frame{border:0;height:70vh;width:100%}
.activity-question{border:0;border-top:1px solid var(--alicia-border-color);margin:0;padding:var(--alicia-space-8) 0}.activity-question legend{align-items:center;color:var(--alicia-text-primary);display:flex;font-size:var(--alicia-font-size-lg);font-weight:var(--alicia-font-weight-semibold);gap:var(--alicia-space-3)}.activity-question legend>span{align-items:center;background:rgba(var(--alicia-color-primary-rgb),.14);border-radius:50%;color:var(--alicia-color-primary);display:flex;height:2rem;justify-content:center;width:2rem}.text-choices{display:grid;gap:var(--alicia-space-3)}.text-choices label{align-items:center;background:var(--alicia-bg-surface-muted);border:1px solid var(--alicia-border-color);border-radius:var(--alicia-radius-sm);cursor:pointer;display:flex;gap:var(--alicia-space-3);padding:var(--alicia-space-4);transition:var(--alicia-transition-fast)}.text-choices label:hover,.image-choice:hover{border-color:var(--alicia-color-primary)}.text-choices input,.image-choice input{accent-color:var(--alicia-color-primary)}.image-choices{display:grid;gap:var(--alicia-space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.image-choice{background:var(--alicia-bg-surface-muted);border:2px solid var(--alicia-border-color);border-radius:var(--alicia-radius-md);cursor:pointer;overflow:hidden;padding:var(--alicia-space-2);position:relative}.image-choice input{left:var(--alicia-space-3);position:absolute;top:var(--alicia-space-3)}.image-choice img{aspect-ratio:4/3;border-radius:var(--alicia-radius-sm);object-fit:cover;width:100%}.image-choice span{display:block;font-weight:var(--alicia-font-weight-semibold);padding:var(--alicia-space-3)}.matching-learner{display:grid;gap:var(--alicia-space-3)}.matching-learner label{align-items:center;background:var(--alicia-bg-surface-muted);border:1px solid var(--alicia-border-color);border-radius:var(--alicia-radius-sm);display:grid;gap:var(--alicia-space-4);grid-template-columns:1fr 24px 1fr;padding:var(--alicia-space-4)}.matching-learner i{color:var(--alicia-color-primary)}.matching-learner select{background-color:var(--alicia-bg-surface);color:var(--alicia-text-primary)}.activity-threshold{background:rgba(var(--alicia-color-info-rgb),.1);border-radius:var(--alicia-radius-sm);color:var(--alicia-text-secondary);padding:var(--alicia-space-4)}.activity-threshold i{color:var(--alicia-color-info);margin-right:var(--alicia-space-2)}
@media(max-width:600px){.lesson-content{padding:var(--alicia-space-5)}.matching-learner label{grid-template-columns:1fr}.matching-learner i{transform:rotate(90deg)}}

/* Formatted descriptions and native keyboard-accessible card disclosure. */
.elearning-rich-text { overflow-wrap: anywhere; }
.elearning-rich-text > :last-child { margin-bottom: 0; }
.elearning-rich-text pre { white-space: pre-wrap; }
.elearning-description-toggle > summary { cursor: pointer; list-style: none; }
.elearning-description-toggle > summary::-webkit-details-marker { display: none; }
.elearning-description { display: flex; flex-direction: column; }
.elearning-description-preview { order: -1; max-height: 14rem; overflow: hidden; margin-bottom: .5rem; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent); mask-image: linear-gradient(to bottom, #000 80%, transparent); }
.elearning-rich-text img { max-width: 100%; height: auto; }
.elearning-description-toggle[open] + .elearning-description-preview { display: none; }
.elearning-description-more, .elearning-description-less { color: var(--alicia-color-primary, #429bff); text-decoration: underline; }
.elearning-description-less, .elearning-description-toggle[open] .elearning-description-more { display: none; }
.elearning-description-toggle[open] .elearning-description-less { display: inline; }
.elearning-description-toggle > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }