.learning-path{width:min(720px,100%);color:var(--color-text-on-ink)}.learning-path-course{--surface-bg:var(--color-paper);--surface-text:var(--color-learning-muted);--surface-heading:var(--color-learning-ink);--surface-link:var(--color-violet);--surface-focus:var(--color-violet);border:1px solid var(--color-learning-rule);border-radius:var(--radius-learning);background:var(--surface-bg);color:var(--surface-text);box-shadow:var(--shadow-learning);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;padding:22px;display:grid}.learning-path-course .learning-cover{border-radius:var(--radius-card)}.learning-path-course-body{gap:6px;min-width:0;display:grid}.learning-path-course-body>p{margin:0}.learning-path-eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--text-eyebrow--letter-spacing);text-transform:uppercase;font-weight:800}.learning-path-title{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1.6rem;font-weight:800;line-height:1.2}.learning-path-blurb{line-height:1.55}.learning-path-action{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.learning-path-action>p{margin:0}.learning-path-module{margin-top:28px}.learning-path-pin{z-index:2;background:color-mix(in srgb, var(--color-ink) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px 0 10px;position:sticky;top:0}.learning-path-empty{margin:12px 0 0}@media (width<=700px){.learning-path-course{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.learning-path-action{flex-direction:column;align-items:stretch}}.learning-hero{border-radius:var(--radius-learning);background:var(--color-rule-on-ink);color:var(--color-paper);display:grid;overflow:hidden}.learning-hero>*{grid-area:1/1;min-width:0}.learning-hero .learning-cover{aspect-ratio:2;background:color-mix(in srgb, var(--color-violet) 24%, var(--color-ink));height:100%}.learning-hero .cover-shadow{fill:color-mix(in srgb, var(--color-ink) 40%, transparent)}.learning-hero .cover-orbit{fill:color-mix(in srgb, var(--color-violet) 35%, transparent)}.learning-hero .cover-book{fill:color-mix(in srgb, var(--color-paper) 10%, transparent);stroke:var(--color-violet-soft)}.learning-hero .cover-lines{stroke:var(--color-violet-soft)}.learning-hero .cover-spark{fill:var(--color-violet-soft)}.learning-hero-body{background:linear-gradient(to top, color-mix(in srgb, var(--color-ink) 92%, transparent) 0%, color-mix(in srgb, var(--color-ink) 82%, transparent) 38%, color-mix(in srgb, var(--color-ink) 45%, transparent) 70%, transparent 100%);align-self:end;gap:8px;padding:104px 28px 26px;display:grid}.learning-hero-body>p{margin:0}.learning-hero-eyebrow{font-size:var(--text-eyebrow);font-weight:var(--text-eyebrow--font-weight);letter-spacing:var(--text-eyebrow--letter-spacing);font-variant-numeric:tabular-nums;text-transform:uppercase;color:color-mix(in srgb, var(--color-paper) 80%, transparent)}.learning-hero-title{letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(1.6rem,1.1rem + 1.4vw,2.2rem);font-weight:800;line-height:1.1}.learning-hero progress{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-paper) 22%, transparent);width:100%;height:6px;color:var(--color-success-on-ink);appearance:none;border:0;margin-top:6px;overflow:hidden}.learning-hero progress::-webkit-progress-bar{background:color-mix(in srgb, var(--color-paper) 22%, transparent)}.learning-hero progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--color-success-on-ink)}.learning-hero progress::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--color-success-on-ink)}.learning-hero-action{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:12px;display:flex}.learning-hero-action>p{margin:0}.learning-hero-next{min-width:0;font-size:var(--text-small);color:var(--color-text-on-ink);overflow-wrap:anywhere}.learning-hero-done{color:var(--color-success-on-ink);font-weight:700}.learning-spine-panel{scrollbar-width:thin;scrollbar-color:var(--color-rule-on-ink) transparent;max-height:max(440px,100svh - 48px);margin-top:24px;overflow-y:auto}.learning-spine-panel[data-more]{-webkit-mask-image:linear-gradient(to bottom, var(--color-ink) calc(100% - 56px), transparent);mask-image:linear-gradient(to bottom, var(--color-ink) calc(100% - 56px), transparent)}.learning-spine-panel:focus-visible{outline:var(--focus-ring-on-ink);outline-offset:4px;border-radius:var(--radius-control)}.learning-spine-pin{z-index:2;border-bottom:1px solid var(--color-rule-on-ink);background:var(--color-ink);justify-content:space-between;align-items:baseline;gap:4px 16px;padding:14px 4px 12px 0;display:flex;position:sticky;top:0}.learning-spine-module-title{overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:800;line-height:1.35}.learning-spine-pin>p{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-violet-soft);margin:0;font-size:12px;font-weight:700}.learning-spine-pin[data-state=completed]>p{color:var(--color-success-on-ink)}.learning-spine-pin[data-state=coming-soon]>p{color:var(--color-text-on-ink)}.learning-spine-empty{font-size:var(--text-small);margin:0;padding:16px 0 24px}@media (width<=700px){.learning-hero .learning-cover{aspect-ratio:4/5}.learning-hero-body{padding:96px 20px 20px}.learning-spine-panel{max-height:max(420px,100svh - 120px)}}[data-surface=site] .learning-path{color:var(--color-text-on-paper)}[data-surface=site] .learning-path-pin{background:color-mix(in srgb, var(--color-site-bg) 94%, transparent);top:76px}