@import url('./publication.css');
/* Shared product patterns. Product adapters own data, shared modules own anatomy. */
.ds-visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.ds-catalog-usage{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;min-inline-size:0;color:var(--ds-text)}
.ds-catalog-usage-copy{display:grid;gap:4px;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--ds-type-caption);line-height:1.5}.ds-catalog-usage-copy strong{font-weight:600}.ds-catalog-usage-copy>span{color:var(--ds-muted)}
.ds-catalog-usage-action.button{flex:none;min-block-size:44px;max-inline-size:100%;padding:8px 10px;font-size:var(--ds-type-caption);background:transparent;border-color:transparent;color:var(--ds-brand-ink);box-shadow:none}
.ds-catalog-usage-action.button:hover{background:var(--ds-soft)}.ds-catalog-usage-action .ds-icon{inline-size:16px;block-size:16px}.ds-catalog-usage:dir(rtl) .ds-catalog-usage-action .ds-icon{transform:scaleX(-1)}
.ds-app-shell{min-block-size:100dvh;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr auto;background:var(--ds-canvas);color:var(--ds-text)}
.ds-app-sidebar{grid-column:1;grid-row:1/-1;position:sticky;inset-block-start:0;block-size:100dvh;min-inline-size:0;display:flex;flex-direction:column;gap:24px;padding:28px 16px 20px;background:var(--ds-surface);border-inline-end:1px solid var(--ds-line);overflow-y:auto;z-index:30}
.ds-app-brand{display:flex;align-items:center;gap:10px;padding:6px 20px;min-block-size:44px;text-decoration:none}
.ds-app-navigation{display:grid;gap:6px}.ds-app-navigation a{display:flex;align-items:center;gap:12px;min-block-size:48px;border-radius:14px;padding:10px 16px;text-decoration:none;color:var(--ds-muted);font-weight:500;line-height:1.4}
.ds-app-navigation a[aria-current=page]{color:var(--ds-brand-ink);background:var(--ds-soft)}
.ds-app-topbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:20px;min-block-size:80px;padding:14px clamp(20px,3vw,40px);border-block-end:1px solid var(--ds-line);background:var(--ds-canvas);z-index:20}
.ds-app-content{grid-column:2;inline-size:100%;max-inline-size:1260px;margin-inline:auto;padding:clamp(24px,3.4vw,48px) clamp(20px,3vw,40px) 48px;min-inline-size:0}
.ds-app-footer{grid-column:2;margin-block-start:auto;padding:20px clamp(20px,3vw,40px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--ds-muted);font-size:var(--ds-type-caption);border-block-start:1px solid var(--ds-line)}
.ds-app-footer p{margin:0}.ds-mobile-brand{display:none}
.ds-course-card,.ds-instructor-card{min-inline-size:0;display:flex;flex-direction:column;overflow:visible;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:24px;box-shadow:var(--ds-shadow-sm);color:var(--ds-text);isolation:isolate}
.ds-course-card{--ds-card-radius:24px;padding:0;border-radius:var(--ds-card-radius);box-shadow:none;container-type:inline-size;container-name:course-card}.ds-cover{display:block;position:relative;overflow:hidden;border-radius:16px;background:var(--ds-canvas);aspect-ratio:16/9;color:var(--ds-muted);text-decoration:none;min-inline-size:0}
.ds-course-card[data-variant=grid]>.ds-cover{border-radius:calc(var(--ds-card-radius) - 1px) calc(var(--ds-card-radius) - 1px) 0 0}
.ds-course-card[data-variant=grid]>.ds-card-body{padding:22px;gap:20px}
.ds-course-card[data-variant=grid] .ds-card-main{gap:12px}
.ds-course-card[data-variant=grid] .ds-card-eyebrow{margin-block-end:0}
.ds-course-card[data-variant=grid] .ds-card-title{font-size:calc(1.25rem * var(--ds-scale,1))}
.ds-course-card .ds-card-eyebrow span:first-child:not(:only-child){font-weight:600}
.ds-cover[data-ratio=portrait]{aspect-ratio:3/4}.ds-cover[data-ratio=square]{aspect-ratio:1}
.ds-cover-link{display:block;inline-size:100%;block-size:100%}
.ds-cover picture{display:block;inline-size:100%;block-size:100%}.ds-cover-image{display:block;inline-size:100%;block-size:100%;object-fit:contain;border-radius:inherit}.ds-cover-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;background:var(--ds-soft);color:var(--ds-brand-ink)}.ds-cover-fallback .ds-icon{inline-size:40px;block-size:40px}
.ds-card-body{display:flex;flex-direction:column;gap:20px;padding:20px 12px 12px;flex:1;min-inline-size:0}.ds-card-main{display:flex;flex-direction:column;gap:12px;min-inline-size:0}.ds-card-main>p,.ds-card-main>h2,.ds-card-main>h3{margin:0}
.ds-card-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:var(--ds-type-caption);line-height:var(--ds-leading);color:var(--ds-muted)}.ds-card-eyebrow span+span{border-inline-start:1px solid var(--ds-line);padding-inline-start:12px}
.ds-card-title{font-family:var(--ds-font-ui);font-size:clamp(calc(1.125rem * var(--ds-scale,1)),calc((1.05rem + .35vw) * var(--ds-scale,1)),calc(1.375rem * var(--ds-scale,1)));font-weight:700;line-height:var(--ds-title-leading,1.35);letter-spacing:var(--ds-title-tracking,-.025em);overflow-wrap:anywhere;text-wrap:pretty}
.ds-card-title a{color:var(--ds-ink);text-decoration:none}.ds-card-title a:hover{color:var(--ds-brand-ink)}
.ds-card-description{font-size:calc(1rem * var(--ds-scale,1));line-height:var(--ds-leading);color:var(--ds-muted);overflow-wrap:anywhere;max-inline-size:68ch}
.ds-card-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0;color:var(--ds-muted);font-size:var(--ds-type-caption);line-height:var(--ds-leading)}.ds-card-facts li{display:flex;align-items:center;gap:6px;min-inline-size:0}.ds-card-facts svg{inline-size:16px;block-size:16px}
.ds-card-instructor{display:flex;align-items:center;gap:8px;font-size:var(--ds-type-caption);line-height:var(--ds-leading);color:var(--ds-muted)}.ds-card-instructor img{inline-size:28px;block-size:28px;object-fit:cover;border-radius:50%}
.ds-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block-start:auto;min-inline-size:0}.ds-card-actions .button{font-size:calc(.9375rem * var(--ds-scale,1));min-block-size:44px;white-space:normal;text-align:center;flex:1}.ds-card-actions .icon-button{flex:0 0 auto}
.ds-card-status{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ds-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;background:var(--ds-canvas);color:var(--ds-muted);font-size:var(--ds-type-caption);line-height:var(--ds-leading)}.ds-status[data-tone=info]{background:var(--ds-soft);color:var(--ds-brand-ink)}.ds-status[data-tone=success]{background:var(--ds-success-soft);color:var(--ds-success)}.ds-status[data-tone=warning]{background:var(--ds-warning-soft);color:var(--ds-warning)}.ds-status[data-tone=error]{background:var(--ds-error-soft);color:var(--ds-error)}
.ds-tool-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-inline-size:0}.ds-tool-chip{display:inline-flex;align-items:center;gap:6px;min-inline-size:0;max-inline-size:100%;font-size:var(--ds-type-caption);line-height:1.5;color:var(--ds-text);padding:3px 8px;border:1px solid var(--ds-line);background:var(--ds-canvas);border-radius:8px}.ds-tool-chip img{inline-size:20px;block-size:20px;object-fit:contain;flex:none}.ds-tool-chip bdi{overflow-wrap:anywhere}.ds-tool-overflow{font-size:var(--ds-type-caption);position:relative}.ds-tool-overflow summary{min-block-size:44px;display:flex;align-items:center;cursor:pointer;color:var(--ds-brand-ink);padding:6px 10px;border-radius:10px;background:var(--ds-soft);list-style:none}.ds-tool-overflow summary::-webkit-details-marker{display:none}.ds-tool-overflow>div{display:flex;flex-wrap:wrap;gap:8px 12px;padding:12px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);margin-block-start:6px}
.ds-card-progress{display:grid;gap:6px;color:var(--ds-muted);font-size:var(--ds-type-caption);line-height:var(--ds-leading)}.ds-progress{height:6px;overflow:hidden;background:var(--ds-soft);border-radius:20px}.ds-progress>span{display:block;inline-size:var(--ds-progress);block-size:100%;border-radius:inherit;background:var(--ds-brand)}
.ds-course-card:is([data-variant=list],[data-variant=compact]){display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;padding:20px;align-items:start}
.ds-course-card:is([data-variant=list],[data-variant=compact])>.ds-cover{align-self:start;border-radius:12px}
.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-body{padding:0;display:flex;gap:16px;min-inline-size:0}
.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-main{gap:10px}
.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-actions{align-items:center;max-inline-size:100%;margin:0;justify-content:flex-start}
.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-actions .button{flex:0 1 auto;max-inline-size:100%}
.ds-course-card[data-variant=compact] .ds-card-description{display:none}
@container course-card (min-width:640px){
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,230px);align-items:center;gap:24px}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-footer{align-self:end;margin:0}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-actions{align-items:stretch;inline-size:100%;max-inline-size:none;justify-self:end}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-actions .button{flex:1 1 auto;min-inline-size:0}
}
.ds-course-card[data-variant=featured]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;overflow:hidden;gap:0}.ds-course-card[data-variant=featured]>.ds-cover{order:2;border-radius:0;block-size:100%;aspect-ratio:1;min-block-size:300px}.ds-course-card[data-variant=featured]>.ds-card-body{padding:clamp(24px,3vw,40px);justify-content:center;gap:24px}.ds-course-card[data-variant=featured] .ds-card-title{font-size:clamp(calc(1.75rem * var(--ds-scale,1)),calc((1.3rem + 1.1vw) * var(--ds-scale,1)),calc(2.25rem * var(--ds-scale,1)))}.ds-course-card[data-variant=featured] .ds-card-eyebrow{color:var(--ds-muted);font-weight:400}.ds-course-card[data-variant=featured] .ds-card-actions{margin:0;justify-content:flex-start}.ds-course-card[data-variant=featured] .ds-card-actions .button{flex:0 1 auto}
.ds-instructor-card{padding:24px;gap:18px}.ds-avatar-frame{position:relative;inline-size:96px;block-size:96px;flex:none;overflow:hidden;border-radius:24px;background:var(--ds-soft)}.ds-instructor-portrait{display:block;inline-size:100%;block-size:100%;object-fit:cover}.ds-instructor-card .ds-card-body{padding:0}.ds-instructor-specialty{color:var(--ds-brand-ink);font-size:calc(1rem * var(--ds-scale,1));line-height:var(--ds-leading)}.ds-instructor-card[data-variant=list],.ds-instructor-card[data-variant=compact]{flex-direction:row;align-items:flex-start}.ds-instructor-card[data-variant=list] .ds-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.ds-instructor-card[data-variant=compact] .ds-card-description{display:none}
.ds-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-block-start:28px;flex-wrap:wrap}.ds-page-count{color:var(--ds-muted);font-size:var(--ds-type-caption)}:dir(rtl)>.ds-pagination .ds-icon,.ds-pagination:dir(rtl) .ds-icon{transform:scaleX(-1)}
.ds-message{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--ds-line);border-radius:16px;padding:18px 20px;background:var(--ds-soft);color:var(--ds-brand-ink);line-height:var(--ds-leading)}.ds-message>.ds-icon{flex:none;margin-block-start:.2em}.ds-message strong{display:block;color:inherit}.ds-message p{margin:6px 0 0;color:var(--ds-text)}.ds-message[data-tone=success]{background:var(--ds-success-soft);color:var(--ds-success)}.ds-message[data-tone=warning]{background:var(--ds-warning-soft);color:var(--ds-warning)}.ds-message[data-tone=error]{background:var(--ds-error-soft);color:var(--ds-error)}
@media(hover:hover){.ds-course-card:has(.ds-card-title a:hover),.ds-instructor-card:has(.ds-card-title a:hover){border-color:color-mix(in srgb,var(--ds-brand) 36%,var(--ds-line))}.ds-app-navigation a:hover{background:var(--ds-soft);color:var(--ds-brand-ink)}}
@media(max-width:1100px){.ds-instructor-card[data-variant=list] .ds-card-body{display:flex}}
@media(max-width:760px){
 .ds-app-shell{display:flex;flex-direction:column;min-block-size:100dvh;padding-block-end:var(--ds-nav-space,calc(76px + env(safe-area-inset-bottom)))}.ds-app-sidebar{position:fixed;inset:auto 0 0;block-size:auto;inline-size:100%;padding:6px 12px calc(6px + env(safe-area-inset-bottom));border:0;border-block-start:1px solid var(--ds-line);background:var(--ds-surface);overflow:visible;z-index:50;display:block}.ds-app-sidebar>:not(.ds-app-navigation){display:none}.ds-app-navigation{display:flex;gap:4px;justify-content:space-around}.ds-app-navigation a{flex:1;min-inline-size:0;flex-direction:column;gap:5px;font-size:calc(.75rem * var(--ds-scale,1));padding:7px 4px;line-height:1.45;text-align:center;min-block-size:56px}.ds-app-navigation a span{overflow-wrap:anywhere}.ds-app-navigation .ds-icon{inline-size:21px;block-size:21px}.ds-app-topbar{min-block-size:68px;padding:10px 16px;gap:12px;position:relative;flex:none}.ds-mobile-brand{display:flex;align-items:center}.ds-mobile-brand .ds-brand{inline-size:96px;block-size:30px}.ds-app-content{padding:28px 16px 36px}.ds-app-footer{padding:20px 16px;gap:8px;flex-direction:column}
 .ds-course-card{--ds-card-radius:20px}.ds-course-card[data-variant=grid]>.ds-card-body{padding:20px;gap:20px}.ds-course-card[data-variant=grid] .ds-card-main{gap:12px}.ds-card-body{padding:18px 8px 8px;gap:18px}.ds-card-main{gap:10px}.ds-card-title{font-size:calc(1.25rem * var(--ds-scale,1))}.ds-course-card:is([data-variant=list],[data-variant=compact]){grid-template-columns:76px minmax(0,1fr);gap:14px;padding:16px;align-items:start}.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-title{font-size:calc(1.125rem * var(--ds-scale,1))}.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-eyebrow{gap:4px 8px}.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-eyebrow span+span{padding-inline-start:8px}.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-meta{gap:8px}.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-actions .button{font-size:calc(.875rem * var(--ds-scale,1));padding-inline:12px}.ds-course-card[data-variant=featured]{grid-template-columns:1fr}.ds-course-card[data-variant=featured]>.ds-card-body{order:2;padding:24px}.ds-course-card[data-variant=featured]>.ds-cover{order:1;min-block-size:0;aspect-ratio:16/9}.ds-course-card[data-variant=featured] .ds-card-title{font-size:calc(1.75rem * var(--ds-scale,1))}.ds-course-card[data-variant=featured] .ds-card-actions .button{flex:1 1 100%}.ds-instructor-card{padding:20px}.ds-instructor-card[data-variant=list]{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px}.ds-instructor-card[data-variant=list] .ds-avatar-frame{inline-size:72px;block-size:72px}.ds-instructor-card[data-variant=list] .ds-card-body{display:contents}.ds-instructor-card[data-variant=list] .ds-card-main{grid-column:2}.ds-instructor-card[data-variant=list] .ds-card-actions{grid-column:1/-1}.ds-pagination{gap:10px}.ds-pagination .button{padding:10px 12px;font-size:calc(.9375rem * var(--ds-scale,1))}
}
body.in-lesson.ds-app-shell,body.in-lesson .ds-app-shell{display:block;padding:0}body.in-lesson :is(.ds-app-sidebar,.ds-app-topbar,.ds-app-footer){display:none}body.in-lesson .ds-app-content{max-inline-size:none;inline-size:100%;padding:0;margin:0}
@media(prefers-reduced-motion:reduce){.ds-course-card,.ds-instructor-card,.ds-app-navigation a{transition:none}}

.ds-card-save[aria-pressed=true]{background:var(--ds-soft);color:var(--ds-brand-ink)}

/* Image inventory: native proportions, visible actions, details outside the tile. */
.ds-media-card{position:relative;min-inline-size:0;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);padding:56px 16px 16px;overflow:hidden}
.ds-media-preview{position:relative;display:flex;align-items:center;justify-content:center;block-size:200px;min-inline-size:0}
.ds-media-preview img{display:block;inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:100%;object-fit:contain}
.ds-media-actions{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;gap:6px}
.ds-media-actions .button{min-inline-size:44px;min-block-size:44px;padding:10px;background:var(--ds-surface)}
.ds-media-card:has(a:focus-visible){outline:3px solid var(--ds-brand);outline-offset:3px}
.ds-skill-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);min-inline-size:0}
.ds-skill-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--ds-muted);font-size:var(--ds-type-caption)}
.ds-skill-title{margin:0;font-size:calc(1.125rem * var(--ds-scale,1));line-height:1.5;overflow-wrap:anywhere}
.ds-skill-title a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:44px;color:var(--ds-text);text-decoration:none}
.ds-skill-title .ds-icon{flex:none;inline-size:20px;block-size:20px;color:var(--ds-muted)}
.ds-skill-description{margin:0;color:var(--ds-muted);font-size:calc(.9375rem * var(--ds-scale,1));line-height:1.65;overflow-wrap:anywhere}
.ds-skill-state{margin:0;padding-block-start:8px;color:var(--ds-muted);font-size:var(--ds-type-caption);line-height:1.6}
.ds-skill-card:has(a:focus-visible){outline:3px solid var(--ds-brand);outline-offset:3px}
@media(hover:hover){.ds-media-card:has(a:hover),.ds-skill-card:has(a:hover){border-color:var(--ds-brand)}}
@media(max-width:420px){.ds-skill-card{padding:20px}.ds-media-card{padding-inline:12px}.ds-media-preview{block-size:180px}}

/* Information hierarchy follows the card's task, not the number of available fields. */
.ds-card-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-block-start:2px;min-inline-size:0}
.ds-card-meta>.ds-tool-chips{gap:6px 12px}.ds-card-meta .ds-card-facts{gap:6px 12px}
.ds-course-card .ds-card-actions>.ds-card-secondary{background:transparent;border-color:transparent;color:var(--ds-brand-ink);flex:0 1 auto;padding-inline:4px}
.ds-course-card[data-variant=grid] .ds-card-actions{column-gap:14px;row-gap:2px}
.ds-course-card[data-variant=grid] .ds-card-actions:has(.ds-card-secondary)>.primary{flex-basis:100%}
.ds-course-card[data-variant=grid] .ds-card-actions>.ds-card-secondary{margin-inline:auto}

.ds-course-card[data-purpose=studio] .ds-card-eyebrow{margin:0}
.ds-course-card[data-purpose=discover] .ds-card-meta,.ds-course-card[data-purpose=resume] .ds-card-meta{margin-block-start:4px}
.ds-course-card[data-purpose=resume] .ds-card-progress{margin-block-start:2px}
.ds-course-card .ds-card-save{margin-inline-start:auto}
@container course-card (max-width:260px){
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-eyebrow{font-size:calc(.8125rem * var(--ds-scale,1))}
}

@container course-card (max-width:16rem){
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-body,.ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-main{display:contents}
 .ds-course-card:is([data-variant=list],[data-variant=compact])>.ds-cover{grid-row:1}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-eyebrow{grid-column:2;grid-row:1;align-self:center}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) :is(.ds-card-title,.ds-card-description,.ds-card-meta,.ds-card-progress,.ds-card-instructor,.ds-card-edition,.ds-card-status,.ds-card-footer){grid-column:1/-1}
}

.ds-message[data-tone=neutral]{background:var(--ds-canvas);color:var(--ds-muted)}

/* Paths use the same card anatomy; sequence is a genuine ordered list. */
.ds-path-card[data-variant=grid] .ds-card-actions .button{flex-basis:auto}
.ds-path-sequence{display:grid;gap:0;list-style:none;padding:0;margin:0;min-inline-size:0}
.ds-path-step{position:relative;display:flex;align-items:flex-start;gap:16px;padding-block:24px;border-block-end:1px solid var(--ds-line);min-inline-size:0}
.ds-path-step:first-child{padding-block-start:0}.ds-path-step:last-child{border-block-end:0;padding-block-end:0}
.ds-path-step-number{display:grid;place-items:center;inline-size:32px;block-size:32px;flex:none;border-radius:50%;background:var(--ds-soft);color:var(--ds-brand-ink);font-size:.875rem;font-weight:600;margin-block-start:4px}
.ds-path-step-cover{display:block;inline-size:60px;block-size:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px;flex:none}
.ds-path-step-content{display:grid;gap:8px;flex:1;min-inline-size:0;line-height:1.65}.ds-path-step-content h3{font-size:1.0625rem;line-height:1.6;margin:0;overflow-wrap:anywhere}.ds-path-step-content h3 a{color:var(--ds-text);text-decoration:none}.ds-path-step-content h3 a:hover{color:var(--ds-brand-ink);text-decoration:underline;text-underline-offset:3px}.ds-path-step-content p{margin:0;color:var(--ds-muted);font-size:.9375rem}.ds-path-step-meta{font-size:.8125rem;color:var(--ds-muted)}.ds-path-step-content .ds-status{justify-self:start}.ds-path-step-action{flex:none;align-self:center}
@media(max-width:600px){.ds-path-step{gap:12px;flex-wrap:wrap;padding-block:20px}.ds-path-step-number{inline-size:28px;block-size:28px}.ds-path-step-cover{inline-size:44px}.ds-path-step-content{flex-basis:calc(100% - 100px)}.ds-path-step-action{margin-inline-start:40px}.ds-path-step-content h3{font-size:1rem}}


/* Course and path cards: quiet artwork, compact edition context and anchored tools/actions. */
.ds-card-edition{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;min-inline-size:0}
.ds-card-edition .ds-card-status{gap:6px;flex-wrap:wrap;min-inline-size:0}
.ds-card-edition .ds-status{padding:2px 7px;border-radius:6px;font-size:calc(.8125rem * var(--ds-scale,1));line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.ds-card-language{display:inline-flex;align-items:center;gap:5px;color:var(--ds-muted);font-size:calc(.875rem * var(--ds-scale,1));line-height:1.5;min-inline-size:0}
.ds-card-language .ds-icon{inline-size:14px;block-size:14px;flex:none}.ds-card-language span{overflow-wrap:anywhere}
.ds-card-footer{display:flex;flex-direction:column;gap:14px;margin-block-start:auto;min-inline-size:0}
.ds-card-footer>.ds-tool-chips{gap:6px 10px}
.ds-course-card .ds-tool-chip{padding:2px 0;border:0;background:transparent;border-radius:0;font-size:calc(.875rem * var(--ds-scale,1))}
.ds-course-card .ds-tool-chip img{inline-size:18px;block-size:18px}
.ds-course-card .ds-tool-overflow summary{padding:2px 6px;background:transparent;border-radius:6px}
.ds-course-card .ds-card-actions{margin:0;gap:8px}
.ds-course-card .ds-card-actions .button{flex:1 1 auto;min-inline-size:0;min-block-size:44px;padding:10px 12px;font-size:calc(.875rem * var(--ds-scale,1));line-height:1.5;white-space:normal;overflow-wrap:normal}
.ds-course-card .ds-card-actions .button>span{min-inline-size:0}
.ds-course-card .ds-card-actions .ds-card-publication{color:var(--ds-brand-ink);border-color:var(--ds-line);background:var(--ds-surface)}
.ds-course-card .ds-card-actions .icon-button{flex:0 0 44px;inline-size:44px}
.ds-course-card[data-variant=grid] .ds-card-body{gap:20px}.ds-course-card[data-variant=grid] .ds-card-main{gap:10px}
.ds-course-card[data-variant=grid] .ds-card-actions:has(.ds-card-secondary)>.primary{flex:1 1 auto}
@container course-card (max-width:639px){
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-body{display:contents}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-main{grid-column:2;grid-row:1}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-footer{grid-column:1/-1;gap:12px;margin:0}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-edition{justify-content:flex-start}
}
@container course-card (max-width:16rem){
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-main{display:contents}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-edition{grid-column:2;grid-row:1;align-self:start}
 .ds-course-card:is([data-variant=list],[data-variant=compact]) .ds-card-eyebrow{grid-column:1/-1;grid-row:auto}
}
/* Explicit selection mode: one full-card native checkbox, no floating checkbox badge. */
.ds-selectable-card{position:relative;display:flex;flex-direction:column;min-inline-size:0;border-radius:24px}
.ds-selectable-card>.ds-course-card{flex:1}
.ds-selectable-card[data-selection-mode=true] .ds-card-actions{opacity:.35;filter:grayscale(.65)}
.ds-selectable-card[data-selection-mode=true] .ds-tool-overflow{opacity:.55}
.ds-selectable-card[data-selected=true]>.ds-course-card{border-color:var(--ds-brand);box-shadow:inset 0 0 0 1px var(--ds-brand)}
.ds-card-selection{position:absolute;inset:0;z-index:2;display:block;border-radius:inherit;cursor:pointer;min-block-size:44px}
.ds-card-selection input{position:absolute;inset:0;inline-size:100%;block-size:100%;padding:0;margin:0;opacity:0;cursor:pointer}
.ds-selectable-card:has(.ds-card-selection input:focus-visible){outline:3px solid var(--ds-brand);outline-offset:4px}
.ds-selectable-card[data-disabled=true]{opacity:.6}.ds-selectable-card[data-disabled=true] .ds-card-selection,.ds-card-selection input:disabled{cursor:not-allowed}
@media(hover:hover){.ds-selectable-card[data-selected=false]:has(input:not(:disabled)):hover>.ds-course-card{border-color:var(--ds-muted)}}
.ds-selection-entry{display:flex;justify-content:flex-end;margin-block:12px}.ds-selection-entry .button{min-block-size:44px}
.ds-selection-frame{min-inline-size:0;margin-block:16px}
.ds-selection-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:12px 16px;border:1px solid var(--ds-line);border-radius:16px;background:var(--ds-surface)}
.ds-selection-summary{display:grid;gap:0;min-inline-size:0;flex:1 1 230px}
.ds-select-all{display:flex;gap:10px;align-items:center;font-weight:600;min-block-size:44px;cursor:pointer;flex-wrap:wrap}
.ds-select-all input{inline-size:20px;block-size:20px;flex:none;accent-color:var(--ds-brand);margin:0}
.ds-selection-count{font-size:.8125rem;font-weight:500;border-radius:6px;padding:3px 7px;background:var(--ds-soft);color:var(--ds-brand-ink);white-space:nowrap}
.ds-selection-scope{font-size:var(--ds-type-caption);line-height:1.5;color:var(--ds-muted);min-block-size:1.5em}
.ds-selection-commands{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto;min-inline-size:0}
.ds-selection-primary,.ds-selection-secondary,.ds-selection-utilities{display:flex;gap:6px;align-items:center;min-inline-size:0}
.ds-selection-secondary{justify-content:space-between}
.ds-selection-utilities{margin-inline-start:auto}
.ds-selection-commands .button{min-block-size:44px;white-space:nowrap;padding:8px 12px;gap:8px;font-size:calc(.875rem * var(--ds-scale,1))}
.ds-selection-commands .ds-selection-secondary .button{padding-inline:8px;min-inline-size:44px;gap:6px}
.ds-selection-review-space{display:block;inline-size:86px;block-size:44px;flex:none}
.ds-selection-action-count{display:inline-grid;place-items:center;min-inline-size:1.5em;padding:1px 5px;border-radius:5px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:.875em;font-variant-numeric:tabular-nums}
.ds-selection-commands .ds-selection-review{color:var(--ds-warning);background:var(--ds-warning-soft);border-color:transparent}
.ds-selection-commands .ds-selection-done{border-color:transparent;background:transparent}
@media(max-width:600px){.ds-selectable-card{border-radius:20px}.ds-selection-toolbar{padding:10px 12px;gap:10px}.ds-selection-summary{flex-basis:100%}.ds-selection-scope{min-block-size:3em}.ds-selection-commands{display:grid;inline-size:100%;margin:0;gap:6px}.ds-selection-primary,.ds-selection-secondary{inline-size:100%}.ds-selection-primary>.button{flex:1 1 0;padding-inline:10px}.ds-selection-secondary{min-block-size:44px}.ds-selection-commands .ds-selection-secondary .button{padding-inline:6px}.ds-selection-utilities{gap:4px}}
@media(forced-colors:active){.ds-selectable-card[data-selected=true]>.ds-course-card{outline:3px solid Highlight;outline-offset:-3px}.ds-selectable-card:has(input:focus-visible){outline-color:Highlight}}
