.xl-form,.xl-dashboard,.xl-academy-catalogue{max-width:1100px;margin:0 auto}.xl-form{max-width:680px;display:grid;gap:1rem}.xl-form label{display:grid;gap:.4rem;font-weight:600}.xl-form input,.xl-form select{width:100%;padding:.8rem;border:1px solid #cbd5e1;border-radius:.55rem;background:#fff;color:#0f172a}.xl-grid{display:grid;gap:1rem}.xl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl-check{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important}.xl-check input{width:auto;margin-top:.25rem}.xl-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:0;border-radius:.55rem;background:#0f172a;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.xl-button-secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.xl-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.xl-card{padding:1.25rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.05)}.xl-card h4{margin:.7rem 0}.xl-access-badge{display:inline-block;padding:.3rem .55rem;border-radius:999px;background:#f1f5f9;font-size:.8rem;font-weight:700}.xl-state-open_access .xl-access-badge{background:#dcfce7}.xl-state-premium .xl-access-badge{background:#fef3c7}.xl-simple-list{padding-inline-start:1.2rem}.xl-form-message{min-height:1.4em}.xl-form-message.is-error{color:#b91c1c}.xl-form-message.is-success{color:#166534}.xl-low-data video,.xl-low-data audio{background:#f8fafc}.xl-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.xl-dashboard section{margin:2rem 0}@media(max-width:800px){.xl-grid-2,.xl-card-grid{grid-template-columns:1fr}}
.xl-actions{display:flex;gap:.75rem;flex-wrap:wrap}.xl-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.xl-learning-item{padding:1rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff}.xl-progress{height:.5rem;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:.75rem 0 .35rem}.xl-progress span{display:block;height:100%;background:currentColor}.xl-empty-state{padding:1rem;border:1px dashed #cbd5e1;border-radius:.8rem}.xl-muted{color:#64748b}@media(max-width:800px){.xl-learning-grid{grid-template-columns:1fr}}


/* Academy course catalogue/detail */
.xl-academy-detail{max-width:1180px;margin:0 auto;padding:8px 0 32px}
.xl-academy-detail-header{margin-bottom:24px}
.xl-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.xl-course-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.xl-course-card .xl-button{margin-top:auto}
.xl-back-link{text-decoration:none;font-weight:600}

/* Academy descriptions (v0.7.13) */
.xl-academy-card{display:flex;flex-direction:column}
.xl-academy-card .xl-academy-description{margin:.15rem 0 1.1rem;color:#475569;line-height:1.55}
.xl-academy-card>.xl-button{margin-top:auto;align-self:flex-start}
.xl-academy-detail-header .xl-academy-description{max-width:760px;margin:.45rem 0 0;color:#475569;line-height:1.6}

/* Learning Paths (v0.8.0) */
.xl-discovery-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.5rem;padding:.35rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:max-content;max-width:100%}.xl-discovery-nav a{padding:.55rem .85rem;border-radius:.55rem;text-decoration:none;font-weight:700;color:#334155}.xl-discovery-nav a.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.1)}
.xl-learning-paths-header,.xl-learning-path-detail{max-width:1180px;margin-inline:auto}.xl-learning-paths-header{margin-bottom:1.25rem}.xl-learning-paths-header h2{margin:.2rem 0}.xl-path-category-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem}.xl-path-category-filter a,.xl-category-chips span{display:inline-flex;padding:.35rem .65rem;border:1px solid #dbe4ee;border-radius:999px;background:#fff;color:#475569;text-decoration:none;font-size:.82rem;font-weight:600}.xl-path-category-filter a.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.xl-category-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.75rem 0 1rem}.xl-learning-path-card{display:flex;flex-direction:column}.xl-learning-path-card h3{margin:.75rem 0 .35rem}.xl-learning-path-description{color:#475569;line-height:1.55}.xl-learning-path-card>.xl-button{margin-top:auto;align-self:flex-start}.xl-path-meta{color:#64748b;font-size:.9rem;font-weight:600}.xl-learning-path-detail-header{margin-bottom:1.25rem}.xl-learning-path-detail-header h2{margin:.4rem 0}.xl-learning-path-copy{max-width:820px;margin:0 0 1.5rem;line-height:1.7}.xl-learning-path-sequence{display:grid;gap:1rem;margin-top:1rem}.xl-learning-path-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center}.xl-path-step-number{width:2.4rem;height:2.4rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;font-weight:800}.xl-path-step-body h4{margin:.15rem 0}.xl-state-included .xl-access-badge{background:#dbeafe}.xl-price-list{padding-inline-start:1.2rem}.xl-price-list li{margin:.35rem 0}@media(max-width:800px){.xl-learning-path-step{grid-template-columns:auto minmax(0,1fr)}.xl-learning-path-step>.xl-button,.xl-learning-path-step>.xl-access-badge{grid-column:2}.xl-discovery-nav{width:100%}}

/* Learning Paths RTL metadata isolation (v0.8.2) */
.xl-path-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.xl-path-meta-item{unicode-bidi:isolate}
.xl-path-meta-separator{unicode-bidi:isolate}
.xl-skill-chips span{background:#f8fafc}.xl-path-progress-panel{margin:1.25rem 0;padding:1rem 1.15rem;border:1px solid #dbe4ee;border-radius:14px;background:#fff}.xl-path-progress-panel h3{margin-top:0}.xl-academy-coming-soon .xl-notice{max-width:820px}.xl-state-coming_soon .xl-access-badge{background:#e0f2fe;color:#075985}

/* Goals, recommendations and unified discovery (v0.11.0) */
.xl-recommendations{padding:1.25rem;border:1px solid #dbe4ee;border-radius:1rem;background:#f8fbff}
.xl-recommendation-intro{max-width:780px;margin-bottom:1rem}.xl-recommendation-intro p{margin:.35rem 0}
.xl-recommendation-skills{margin:.65rem 0 1.15rem}.xl-recommendation-grid{margin:.65rem 0 1.25rem}
.xl-recommendation-grid .xl-card{display:flex;flex-direction:column;align-items:flex-start}.xl-recommendation-grid .xl-card>.xl-button{margin-top:auto}
.xl-explore-learning{max-width:1180px;margin-inline:auto}.xl-explore-header{margin-bottom:1rem}.xl-explore-header h2{margin:.2rem 0}
.xl-explore-form{max-width:none;margin:0 0 1.35rem;padding:1rem;border:1px solid #dbe4ee;border-radius:1rem;background:#fff}
.xl-explore-form .xl-search-field{width:100%}.xl-explore-form .xl-search-field input{font-size:1rem}
.xl-explore-learning>section{margin:2rem 0}.xl-result-count{margin:.25rem 0 1rem}
.xl-course-discovery-card{display:flex;flex-direction:column;align-items:flex-start}.xl-course-discovery-card>.xl-button{margin-top:auto}
.xl-skill-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.xl-skill-result{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem;border:1px solid #dbe4ee;border-radius:.75rem;background:#fff}.xl-skill-result span{color:#64748b;font-size:.85rem}
.xl-preferences-form select[multiple]{min-height:9rem}
@media(max-width:800px){.xl-recommendations{padding:1rem}.xl-skill-result-grid{grid-template-columns:1fr}.xl-explore-form{padding:.85rem}}

/* Academy discovery UX hardening (v0.12.1) */
.xl-pillar-filter{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 1.35rem;padding:.2rem 0}.xl-pillar-filter a{display:inline-flex;align-items:center;padding:.55rem .85rem;border:1px solid #dbe4ee;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-size:.88rem;font-weight:700;line-height:1.2}.xl-pillar-filter a:hover{border-color:#94a3b8}.xl-pillar-filter a.is-active{background:#0f3b77;border-color:#0f3b77;color:#fff}.xl-course-grid-rich{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.xl-course-card-rich{padding:0;overflow:hidden;gap:0;align-items:stretch}.xl-course-card-image{display:block;aspect-ratio:16/9;background:#eef2f7;overflow:hidden}.xl-course-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.xl-course-card-image:hover img{transform:scale(1.015)}.xl-course-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1rem 1.05rem 1.1rem}.xl-course-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;width:100%}.xl-course-card-topline .xl-eyebrow{margin:.2rem 0}.xl-course-card-topline .xl-access-badge{font-size:.72rem;white-space:nowrap}.xl-course-card-rich h3{margin:.5rem 0 .55rem;font-size:1.12rem;line-height:1.35}.xl-course-card-rich h3 a{color:inherit;text-decoration:none}.xl-course-card-rich h3 a:hover{text-decoration:underline}.xl-course-pillar{display:inline-flex;margin:0 0 .75rem;color:#1d4ed8;text-decoration:none;font-size:.84rem;font-weight:700}.xl-course-pillar:hover{text-decoration:underline}.xl-course-meta{display:flex;gap:.35rem .75rem;flex-wrap:wrap;color:#64748b;font-size:.82rem;margin-bottom:.55rem}.xl-course-meta span+span:before{content:'·';margin-inline-end:.75rem;color:#94a3b8}.xl-course-rating{font-size:.85rem;font-weight:700;color:#b45309;margin:.05rem 0 .45rem}.xl-course-card-progress{width:100%;margin:.25rem 0 .65rem}.xl-course-card-progress small{color:#64748b}.xl-course-card-action{margin-top:auto;padding-top:.45rem}.xl-course-card-action .xl-button{min-width:120px}.xl-course-card-progress .xl-progress span{background:#1677ff}
@media(max-width:980px){.xl-course-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.xl-course-grid-rich{grid-template-columns:1fr}.xl-pillar-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.45rem;scrollbar-width:thin}.xl-pillar-filter a{flex:0 0 auto}.xl-course-card-body{padding:1rem}.xl-course-card-topline{gap:.4rem}}


/* Visual consistency & image-first cards (v0.12.2) */
.xl-card-grid,.xl-learning-grid,.xl-course-grid-rich{grid-template-columns:repeat(3,minmax(0,1fr))}
.xl-media-card{padding:0!important;overflow:hidden}
.xl-media-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.05rem 1.1rem 1.15rem;width:100%;box-sizing:border-box}
.xl-media-card-body>.xl-button,.xl-media-card-body>p:last-child{margin-top:auto}
.xl-card-image{display:block;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0b2d5c,#1d63bd);overflow:hidden;text-decoration:none}
.xl-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.xl-card-image-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-size:2.4rem;font-weight:900;letter-spacing:.04em;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,#09244c,#1769d2)}
.xl-learning-course-card h4,.xl-learning-path-progress-card h4{margin:.1rem 0 .65rem;line-height:1.35}
.xl-learning-course-card .xl-progress,.xl-learning-path-progress-card .xl-progress{width:100%}
.xl-learning-course-card .xl-progress span,.xl-learning-path-progress-card .xl-progress span{background:#1677ff}
.xl-learning-course-card .xl-button,.xl-learning-path-progress-card .xl-button{align-self:flex-start}
.xl-academy-card .xl-media-card-body>.xl-button,.xl-learning-path-card .xl-media-card-body>.xl-button{margin-top:auto}
.xl-learning-path-hero-image{width:min(520px,100%);aspect-ratio:16/9;border-radius:1rem;overflow:hidden;margin:0 0 1rem;background:#eef2f7}
.xl-learning-path-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.xl-learning-path-step{grid-template-columns:120px auto minmax(0,1fr) auto}
.xl-path-step-image{width:120px;aspect-ratio:16/9;border-radius:.65rem;align-self:center}
.xl-path-step-image .xl-card-image-fallback{font-size:1.35rem}
@media(max-width:980px){.xl-card-grid,.xl-learning-grid,.xl-course-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.xl-learning-path-step{grid-template-columns:96px auto minmax(0,1fr)}.xl-path-step-image{width:96px}.xl-learning-path-step>.xl-button,.xl-learning-path-step>.xl-access-badge{grid-column:3}}
@media(max-width:640px){.xl-card-grid,.xl-learning-grid,.xl-course-grid-rich{grid-template-columns:1fr}.xl-learning-path-step{grid-template-columns:72px minmax(0,1fr);gap:.75rem}.xl-path-step-image{width:72px;grid-row:1/3}.xl-learning-path-step>.xl-path-step-number{grid-column:2}.xl-learning-path-step>.xl-path-step-body{grid-column:2}.xl-learning-path-step>.xl-button,.xl-learning-path-step>.xl-access-badge{grid-column:2}.xl-media-card-body{padding:1rem}}

/* Learning Path sequence card redesign (v0.15.8) */
.xl-learning-path-step{
  grid-template-columns:120px minmax(0,1fr) auto;
  grid-template-areas:"top top top" "image body action";
  align-items:center;
  gap:.65rem 1rem;
  padding:1rem;
}
.xl-path-step-topline{grid-area:top;display:flex;align-items:center;gap:.75rem;min-width:0}
.xl-path-step-topline .xl-eyebrow{margin:0;color:#0758b7;line-height:1.3}
.xl-path-step-number{flex:0 0 auto}
.xl-path-step-image{grid-area:image;width:120px;min-width:0}
.xl-path-step-body{grid-area:body;min-width:0}
.xl-path-step-body h4{margin:0 0 .3rem;line-height:1.32}
.xl-path-step-body>.xl-muted{margin:.2rem 0 0}
.xl-path-step-action{grid-area:action;display:flex;align-items:center;justify-content:flex-end;min-width:138px}
.xl-path-step-action .xl-button{min-height:44px;white-space:nowrap}

@media(max-width:980px){
  .xl-learning-path-step{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"top top" "image body" "action action"}
  .xl-path-step-image{width:96px}
  .xl-path-step-action{justify-content:flex-end}
}
@media(max-width:640px){
  .xl-learning-path-step{
    grid-template-columns:84px minmax(0,1fr);
    grid-template-areas:"top top" "image body" "action action";
    gap:.55rem .75rem;
    padding:12px;
    align-items:start;
  }
  .xl-path-step-topline{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.6rem;align-items:center}
  .xl-path-step-number{width:34px;height:34px;font-size:.95rem}
  .xl-path-step-topline .xl-eyebrow{font-size:.76rem;letter-spacing:.07em;white-space:normal}
  .xl-path-step-image{grid-area:image!important;width:84px!important;aspect-ratio:4/3;grid-row:auto!important;align-self:start}
  .xl-path-step-body{grid-area:body!important;grid-column:auto!important}
  .xl-path-step-body h4{
    margin:.05rem 0 .28rem;
    font-size:1.02rem;
    line-height:1.28;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .xl-path-step-body>.xl-muted{margin:0;font-size:.86rem;line-height:1.35}
  .xl-path-step-progress{margin-top:.45rem}
  .xl-path-step-action{grid-area:action!important;grid-column:1/-1!important;min-width:0;justify-content:flex-end;padding-top:.15rem}
  .xl-path-step-action .xl-button{min-width:132px;padding:.6rem .8rem}
  .xl-path-step-action .xl-access-badge{max-width:100%;text-align:center}
}

/* 0.27.2 — data-efficient discovery pagination */
.xl-pagination,.xl-catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}
.xl-pagination{justify-content:center}
.xl-pagination .xl-button{min-width:110px;text-align:center}
.xl-catalogue-toolbar{padding:10px 0;color:#5f6f82}
.xl-catalogue-toolbar strong{color:#12345b}
@media(max-width:640px){.xl-pagination{justify-content:space-between}.xl-pagination .xl-button{flex:1}.xl-catalogue-toolbar{font-size:.9rem}}