.learning-library{--learning-bg:#f6f7fa;--learning-surface:#fff;--learning-surface-2:#f0f2f6;--learning-ink:#1b2334;--learning-ink-2:#4b5568;--learning-ink-3:#8a93a6;--learning-line:#e6e9f0;--learning-line-2:#d6dbe6;--learning-blue:#2a52c8;--learning-blue-ink:#1e3f9e;--learning-blue-soft:#e9effc;--learning-plum:#6650a8;--learning-plum-soft:#efebfb;--learning-coral:#a94738;--learning-coral-soft:#fbe9e7;--learning-warn:#8f5420;--learning-error:#b14a5e;--learning-success:var(--color-success);--learning-display:var(--font-source-serif), var(--font-eb-garamond), Georgia, serif;--learning-body:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--learning-sp-1:8px;--learning-sp-2:14px;--learning-sp-3:22px;--learning-sp-4:32px;--learning-sp-5:44px;--learning-sp-6:60px;--learning-radius-sm:8px;--learning-radius-md:12px;--learning-radius-lg:16px;--learning-shadow-1:0 1px 2px #1b23340d;--learning-shadow-2:0 12px 28px -16px #1b23342e;--learning-sidebar-radius:18px;--learning-sidebar-shadow:0 1px 2px #1018280a, 0 16px 40px -16px #10182824;background:var(--learning-bg);min-height:calc(100vh - 4.9rem);color:var(--learning-ink);font-family:var(--learning-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.dark .learning-library{--learning-bg:#15171a;--learning-surface:#24272d;--learning-surface-2:#30343c;--learning-ink:#f4f5f7;--learning-ink-2:#c4c9d2;--learning-ink-3:#aab2bf;--learning-line:#414852;--learning-line-2:#68717f;--learning-blue:#9bbcff;--learning-blue-ink:#d7e3ff;--learning-blue-soft:#293650;--learning-plum:#c3afff;--learning-plum-soft:#3b3154;--learning-coral:#f0a3b1;--learning-coral-soft:#4a2f38;--learning-warn:#d8a35f;--learning-error:#f0a3b1;--learning-shadow-1:0 1px 2px #00000057;--learning-shadow-2:0 18px 38px -18px #0000009e;--learning-sidebar-shadow:0 1px 2px #00000057, 0 18px 44px -18px #000000ad}.learning-library *,.learning-library :before,.learning-library :after{box-sizing:border-box}:where(.learning-library) :where(button,input,select,textarea){font:inherit}:where(.learning-library) :where(button),:where(.learning-library) :where(a){color:inherit}.learning-library :focus-visible{outline:2px solid var(--learning-blue);outline-offset:2px;border-radius:4px}.learning-page{width:100%;max-width:1320px;padding:var(--learning-sp-4) 28px 100px;grid-template-columns:320px minmax(0,1fr);gap:40px;margin:0 auto;display:grid}.learning-page--no-sidebar{grid-template-columns:minmax(0,1fr)}.learning-page--no-sidebar .learning-main{width:100%;max-width:900px;margin:0 auto}.learning-page--detail{padding-top:var(--learning-sp-4)}.learning-main{min-width:0}.learning-sidebar{scrollbar-width:thin;scrollbar-color:var(--learning-line-2) transparent;align-self:start;max-height:calc(100vh - 4.9rem - 48px);padding:0 0 12px;position:sticky;top:calc(4.9rem + 24px);overflow-y:auto}.learning-sidebar-panel{--learning-sidebar-pointer-x:50%;--learning-sidebar-pointer-y:-40px;border:1px solid var(--learning-line);border-radius:var(--learning-sidebar-radius);background:var(--learning-surface);width:100%;box-shadow:var(--learning-sidebar-shadow);isolation:isolate;position:relative;overflow:hidden}.learning-sidebar-panel:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(440px circle at var(--learning-sidebar-pointer-x) var(--learning-sidebar-pointer-y), color-mix(in oklab, var(--learning-blue) 6%, transparent), transparent 62%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.learning-sidebar-panel:hover:before{opacity:1}.learning-sidebar-panel>*{z-index:1;position:relative}.learning-kicker,.learning-sidebar-label{color:var(--learning-ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.35}.learning-title,.learning-detail-title{font-family:var(--learning-display);letter-spacing:-.005em;margin:0;font-size:32px;font-weight:600;line-height:1.12}.learning-description,.learning-detail-description{max-width:62ch;color:var(--learning-ink-2);margin:8px 0 0;font-size:14px;line-height:1.5}.learning-toolbar{margin:0 0 var(--learning-sp-4);padding-bottom:var(--learning-sp-2);border-bottom:1px solid var(--learning-line);flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.learning-breadcrumb{min-width:0}.learning-breadcrumb ol{white-space:nowrap;align-items:baseline;min-width:0;margin:0;padding:0;list-style:none;display:flex}.learning-breadcrumb li{align-items:baseline;min-width:0;display:inline-flex}.learning-breadcrumb li+li:before{content:"›";color:var(--learning-ink-3);margin:0 8px;font-weight:400}.learning-breadcrumb .learning-kicker{color:var(--learning-blue)}.learning-toolbar .learning-title{text-overflow:ellipsis;font-size:20px;line-height:1.2;overflow:hidden}.learning-toolbar-count{color:var(--learning-ink-3);font-size:12.5px}.learning-toolbar-spacer{flex:auto}.learning-sort,.learning-toolbar-action,.learning-filter-trigger{border:1px solid var(--learning-line-2);border-radius:var(--learning-radius-sm);background:var(--learning-surface);color:var(--learning-ink-2);font-size:12.5px}.learning-sort{max-width:15rem;padding:7px 28px 7px 9px}.learning-toolbar-action,.learning-filter-trigger{color:var(--learning-blue-ink);justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.learning-toolbar-action:hover,.learning-filter-trigger:hover{border-color:var(--learning-blue-soft);background:var(--learning-blue-soft)}.learning-filter-trigger{display:none}.learning-view-toggle{border:1px solid var(--learning-line-2);border-radius:var(--learning-radius-sm);background:var(--learning-surface);display:inline-flex;overflow:hidden}.learning-view-toggle button{color:var(--learning-ink-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:7px 10px;transition:background-color .15s,color .15s;display:inline-flex}.learning-view-toggle button+button{border-left:1px solid var(--learning-line)}.learning-view-toggle button.is-active{background:var(--learning-blue);color:var(--color-accent-contrast,#fff)}.learning-sidebar-section{border-bottom:1px solid var(--learning-line);padding:15px 18px;position:relative}.learning-sidebar-section:last-child{border-bottom:0}.learning-sidebar-label{letter-spacing:.15em;margin:0;font-size:10.5px}.learning-sidebar-heading{align-items:center;gap:8px;min-height:20px;padding:2px 0 9px;display:flex}.learning-sidebar-heading-spacer{flex:auto}.learning-sidebar-clear,.learning-sidebar-fold{cursor:pointer;background:0 0;border:0;border-radius:6px}.learning-sidebar-clear{color:var(--learning-blue-ink);white-space:nowrap;padding:2px 4px;font-size:11px;font-weight:700;line-height:16px;animation:.17s ease-out learning-clear-in}@keyframes learning-clear-in{0%{opacity:0}}.learning-sidebar-clear:hover{text-underline-offset:2px;text-decoration:underline}.learning-sidebar-fold{color:var(--learning-ink-3);place-items:center;padding:3px;display:grid}.learning-sidebar-fold:hover{color:var(--learning-ink)}.learning-sidebar-fold svg{transition:transform .3s var(--ease-standard,ease), color .18s ease}.learning-sidebar-section.is-collapsed .learning-sidebar-fold svg{transform:rotate(-90deg)}.learning-sidebar-section-body{opacity:1;transition:grid-template-rows .36s var(--ease-standard,ease), opacity .22s ease;grid-template-rows:1fr;margin:0 -9px;padding:4px 9px 2px;display:grid}.learning-sidebar-section-body>div{min-height:0;overflow:hidden}.learning-sidebar-section.is-collapsed .learning-sidebar-section-body{opacity:0;grid-template-rows:0fr}.learning-sidebar-section:not(:has(.learning-sidebar-heading)) .learning-sidebar-section-body{padding-top:0}.learning-search{border:1.5px solid var(--learning-line);background:color-mix(in oklab, var(--learning-surface) 92%, var(--learning-surface-2) 8%);height:40px;color:var(--learning-ink-3);border-radius:12px;align-items:center;gap:8px;padding:0 10px 0 12px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex;position:relative}.learning-search:focus-within{border-color:var(--learning-blue);background:var(--learning-surface);box-shadow:0 0 0 4px color-mix(in oklab, var(--learning-blue) 16%, transparent)}.learning-search input{width:100%;min-width:0;color:var(--learning-ink);background:0 0;border:0;outline:0;flex:auto;font-size:13.5px}.learning-search input::placeholder{color:var(--learning-ink-3)}.learning-search kbd{border:1px solid var(--learning-line-2);background:var(--learning-surface);color:var(--learning-ink-3);font-family:var(--learning-body);border-radius:6px;flex:none;padding:2px 6px;font-size:10.5px;font-weight:700;line-height:1.3;transition:opacity .18s}.learning-search:has(input:not(:placeholder-shown)) kbd{opacity:0}.learning-sidebar-row{width:calc(100% + 18px);min-height:34px;color:var(--learning-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:10px;margin:1px -9px;padding:7px 9px;font-size:13.5px;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .12s,color .12s;display:flex;position:relative}.learning-sidebar-row:hover{background:var(--learning-surface-2);color:var(--learning-ink)}.learning-sidebar-row:focus-within{box-shadow:inset 0 0 0 2px var(--learning-blue);outline:0}.learning-sidebar-row.is-active{background:color-mix(in oklab, var(--learning-blue-soft) 72%, var(--learning-surface) 28%);color:var(--learning-blue-ink);font-weight:600}.learning-sidebar-row.is-active:before{content:"";background:var(--learning-blue);border-radius:3px;width:2.5px;position:absolute;top:7px;bottom:7px;left:0}.learning-sidebar-row.is-disabled,.learning-sidebar-row:disabled{color:var(--learning-ink-3);cursor:not-allowed;opacity:.38}.learning-sidebar-row>svg:last-child{color:var(--learning-ink-3);transition:color .18s ease, transform .28s var(--ease-standard,ease);flex:none;margin-top:2px}.learning-sidebar-row:hover>svg:last-child{color:var(--learning-blue);transform:translate(3px)}.learning-sidebar-nav-icon{width:18px;height:18px;color:var(--learning-ink-3);flex:0 0 18px;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.learning-sidebar-row.is-active .learning-sidebar-nav-icon{color:var(--learning-blue)}.learning-sidebar-count{min-width:34px;color:var(--learning-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;margin-left:auto;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.learning-sidebar-row.is-active .learning-sidebar-count,.learning-sidebar-row.is-checked .learning-sidebar-count{background:var(--learning-blue-soft);min-width:34px;color:var(--learning-blue-ink);border-radius:999px;padding:0 8px}.library-collection-nav{position:relative}.library-collection-row>*{z-index:1;position:relative}.library-collection-row.is-active{background:0 0}.library-collection-row.is-active:before{display:none}.library-collection-glide{z-index:0;border-radius:inherit;background:color-mix(in oklab, var(--learning-blue-soft) 72%, var(--learning-surface) 28%);pointer-events:none;position:absolute;inset:0}.library-collection-glide:before{content:"";background:var(--learning-blue);border-radius:3px;width:2.5px;position:absolute;top:7px;bottom:7px;left:0}.learning-checkbox{border:1.5px solid var(--learning-line-2);background:var(--learning-surface);color:#0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.learning-sidebar-row.is-checked .learning-checkbox{border-color:var(--learning-blue);background:var(--learning-blue);color:var(--color-accent-contrast,#fff)}.learning-sidebar-note{background:color-mix(in oklab, var(--learning-blue-soft) 72%, var(--learning-surface) 28%);color:var(--learning-ink-2);border-radius:12px;margin:0;padding:12px 13px;font-size:12.5px;line-height:1.6}.learning-sidebar-note-row{align-items:flex-start;gap:10px;display:flex}.learning-sidebar-note-row>svg{color:var(--learning-blue);flex:none;margin-top:1px}.learning-sidebar-note strong{color:var(--learning-ink);font-weight:700}.learning-sidebar-stat{align-items:baseline;gap:10px;padding:6px 0 5px;display:flex}.learning-sidebar-stat strong{font-family:var(--learning-display);font-variant-numeric:tabular-nums;white-space:nowrap;order:3;font-size:25px;font-style:italic;font-weight:600;line-height:1}.learning-sidebar-stat span{color:var(--learning-ink-2);white-space:nowrap;order:1;font-size:12.5px;font-weight:500}.learning-sidebar-stat .learning-sidebar-stat-leader{border-bottom:1.5px dotted var(--learning-line-2);flex:auto;order:2;min-width:12px;transform:translateY(-4px)}.learning-sidebar-dev-tag{background:var(--learning-blue-soft);color:var(--learning-blue-ink);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;margin-top:2px;padding:2px 6px;font-size:9.5px;font-weight:700;line-height:1.35}.learning-section-head{margin:var(--learning-sp-6) 0 var(--learning-sp-2);align-items:center;gap:9px;display:flex}.learning-section-head:first-child{margin-top:0}.learning-section-head h2{font-family:var(--learning-display);margin:0;font-size:19px;font-weight:600;line-height:1.2}.learning-section-head--shelf{flex-wrap:wrap;align-items:baseline;margin-bottom:8px}.learning-section-head--shelf:after{content:"";background:var(--learning-line);flex-basis:100%;width:100%;height:1px;margin-top:8px}.learning-section-head--shelf .learning-section-icon{display:none}.learning-section-icon{background:var(--learning-blue-soft);width:26px;height:26px;color:var(--learning-blue-ink);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.learning-section-stack>section+section{margin-top:var(--learning-sp-4)}.walkthrough-learning-library .learning-card-media-image{object-position:center}.learning-grid,.learning-book-grid{gap:var(--learning-sp-2);grid-template-columns:repeat(auto-fill,minmax(228px,1fr));margin:0;padding:0;list-style:none;display:grid}.learning-grid>[data-learning-reveal],.learning-book-grid>[data-learning-reveal]{min-width:0;height:100%}.learning-book-grid{grid-template-columns:repeat(auto-fill,minmax(214px,1fr))}.learning-card-shell{min-width:0;position:relative}.learning-card{border:1px solid var(--learning-line);border-radius:var(--learning-radius-md);background:var(--learning-surface);height:100%;color:var(--learning-ink);text-align:left;box-shadow:var(--learning-shadow-1);cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .18s cubic-bezier(.22,.9,.24,1),box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.learning-card:hover{border-color:var(--learning-line-2);box-shadow:var(--learning-shadow-2);transform:translateY(-3px)}.learning-card-media{background:var(--learning-surface-2);justify-content:center;align-items:center;height:82px;display:flex;position:relative;overflow:hidden}.learning-card-media--watercolor,.learning-book-card .learning-card-media{height:130px}.learning-card-media-image,.learning-row-image{object-fit:cover;width:100%;height:100%}.learning-card-media--watercolor .learning-card-media-image{object-fit:contain}.learning-card-body{flex-direction:column;flex:auto;gap:7px;min-width:0;padding:12px 14px 13px;display:flex}.learning-card-chips{flex-wrap:wrap;gap:6px;display:flex}.learning-pill{background:var(--learning-blue-soft);height:21px;color:var(--learning-blue-ink);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:10.5px;font-weight:700;line-height:1.2;display:inline-flex}.learning-type-pill[data-learning-type=course],.learning-type-pill[data-learning-type=walkthrough]{background:var(--learning-coral-soft);color:var(--learning-coral)}.learning-type-pill[data-learning-type=micro-course],.learning-type-pill[data-learning-type=microcourse]{background:var(--learning-plum-soft);color:var(--learning-plum)}.learning-type-pill[data-learning-type=mini-project],.learning-type-pill[data-learning-type=project],.learning-type-pill[data-learning-type=path],.learning-type-pill[data-learning-type=guide]{background:var(--learning-blue-soft);color:var(--learning-blue-ink)}.learning-level-pill[data-learning-level=beginner]{background:var(--learning-plum-soft);color:var(--learning-plum)}.learning-level-pill[data-learning-level=intermediate]{background:var(--learning-blue-soft);color:var(--learning-blue-ink)}.learning-level-pill[data-learning-level=advanced]{background:var(--learning-coral-soft);color:var(--learning-coral)}.learning-status-pill[data-learning-status=alpha]{background:var(--learning-plum-soft);color:var(--learning-plum)}.learning-status-pill[data-learning-status=free]{background:var(--learning-blue-soft);color:var(--learning-blue-ink)}.learning-status-pill[data-learning-status=dev]{background:var(--learning-coral-soft);color:var(--learning-coral)}.learning-pill-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.learning-card-title{font-family:var(--learning-display);margin:0;font-size:15.5px;font-weight:600;line-height:1.3}.learning-card-description{color:var(--learning-ink-2);-webkit-line-clamp:var(--learning-description-lines,2);-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.learning-card-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.learning-meta{color:var(--learning-ink-3);align-items:center;gap:5px;font-size:12px;line-height:1.3;display:inline-flex}.learning-progress{background:var(--learning-surface-2);border-radius:999px;height:4px;overflow:hidden}.learning-progress>span{border-radius:inherit;background:var(--learning-blue);height:100%;display:block}.learning-book-progress{width:100%;color:var(--learning-ink-3);cursor:help;gap:6px;font-size:12px;line-height:1.3;display:grid}.learning-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.learning-rows>[data-learning-reveal],.learning-rows>.learning-row-shell{min-width:0}.learning-row-shell:has(>.learning-row){border:1px solid var(--learning-line);border-radius:var(--learning-radius-md);background:var(--learning-surface);box-shadow:var(--learning-shadow-1)}.learning-row-shell{position:relative}.learning-row{border-radius:inherit;width:100%;color:var(--learning-ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 14px;text-decoration:none;transition:background-color .12s;display:grid}.learning-row:hover{background:color-mix(in oklab, var(--learning-surface) 72%, var(--learning-surface-2) 28%)}.learning-row-media{background:var(--learning-surface-2);border-radius:9px;width:32px;height:32px;position:relative;overflow:hidden}.learning-row-main{min-width:0}.learning-row-title{font-family:var(--learning-display);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.learning-row-description{color:var(--learning-ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;line-height:1.45;display:block;overflow:hidden}.learning-row-side{color:var(--learning-ink-3);align-items:center;gap:14px;display:flex}.learning-row-tag{width:148px;color:var(--learning-ink-3);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.learning-row-meta{align-items:center;gap:12px;display:inline-flex}.learning-row-chevron{flex:none;transition:color .18s}.learning-row:hover .learning-row-chevron{color:var(--learning-blue)}.learning-shelf-row{border:1px solid var(--learning-line);background:var(--learning-surface);width:100%;min-height:88px;color:var(--learning-ink);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:14px 16px 14px 22px;text-decoration:none;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s,border-color .32s,background-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1b23340a}.learning-shelf-row:hover{border-color:color-mix(in oklab, var(--learning-blue) 26%, var(--learning-line));box-shadow:var(--learning-shadow-1), var(--learning-shadow-2);transform:translateY(-2px)}.learning-shelf-row:focus-visible{outline-offset:3px;border-radius:14px}.learning-shelf-spine{background:linear-gradient(180deg, var(--learning-blue), var(--learning-warn));opacity:.55;transform-origin:50%;border-radius:0 3px 3px 0;width:3px;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s;position:absolute;top:13px;bottom:13px;left:0;transform:scaleY(.32)}.learning-shelf-row:hover .learning-shelf-spine,.learning-shelf-row:focus-visible .learning-shelf-spine{opacity:1;transform:scaleY(1)}.learning-shelf-media{width:46px;height:58px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--learning-ink) 7%, transparent);border-radius:8px;flex:0 0 46px;place-items:center;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:grid;position:relative;overflow:hidden}.learning-shelf-media[data-learning-shelf-tone=blue]{background:linear-gradient(150deg, var(--learning-blue-soft), var(--learning-surface-2));color:var(--learning-blue-ink)}.learning-shelf-media[data-learning-shelf-tone=plum]{background:linear-gradient(150deg, var(--learning-plum-soft), var(--learning-surface-2));color:var(--learning-plum)}.learning-shelf-media[data-learning-shelf-tone=coral]{background:linear-gradient(150deg, var(--learning-coral-soft), var(--learning-surface-2));color:var(--learning-coral)}.learning-shelf-row:hover .learning-shelf-media{transform:translateY(-1px)rotate(-2.5deg)}.learning-shelf-letter{font-family:var(--learning-display);font-size:20px;font-weight:600;line-height:1}.learning-shelf-image,.learning-shelf-media[data-learning-shelf-media=image]>img,.learning-shelf-media[data-learning-shelf-media=image]>.learning-row-media,.learning-shelf-media[data-learning-shelf-media=image]>.learning-card-media{width:100%;height:100%}.learning-shelf-image,.learning-shelf-media[data-learning-shelf-media=image] img{object-fit:cover}.learning-shelf-media[data-learning-shelf-media=image]>.learning-row-media,.learning-shelf-media[data-learning-shelf-media=image]>.learning-card-media{border-radius:inherit}.learning-shelf-body{flex:auto;min-width:0}.learning-shelf-overline{min-height:12px;color:var(--learning-ink-3);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;align-items:center;margin-bottom:3px;font-size:9.5px;font-weight:600;line-height:1.2;display:flex}.learning-shelf-overline>span+span:before,.learning-shelf-flags>span+span:before{content:"·";color:var(--learning-ink-3);margin:0 6px}.learning-shelf-flags{align-items:center;display:inline-flex}.learning-shelf-flags [data-learning-shelf-flag=alpha]{color:var(--learning-warn)}.learning-shelf-flags [data-learning-shelf-flag=free]{color:var(--learning-blue-ink)}.learning-shelf-flags [data-learning-shelf-flag=dev]{color:var(--learning-coral)}.learning-shelf-title{color:var(--learning-ink);font-family:var(--learning-display);font-size:16.5px;font-weight:600;line-height:1.3;transition:color .25s;display:block}.learning-shelf-row:hover .learning-shelf-title{color:var(--learning-blue-ink)}.learning-shelf-description{color:var(--learning-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.learning-shelf-audience{color:var(--learning-ink-3);font-family:var(--learning-display);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;font-style:italic;font-weight:500;line-height:1.5;display:block;overflow:hidden}.learning-shelf-metrics{flex:none;align-self:center;display:flex}.learning-shelf-metric{border-left:1px solid var(--learning-line);text-align:center;flex-direction:column;align-items:center;gap:4px;width:78px;min-width:0;padding:3px 0;display:flex}.learning-shelf-metric strong{min-height:15px;color:var(--learning-ink);font-family:var(--learning-body);font-variant-numeric:tabular-nums;align-items:center;font-size:14.5px;font-weight:600;line-height:1;display:flex}.learning-shelf-metric>span:last-child{color:var(--learning-ink-3);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:600;line-height:1.15}.learning-shelf-metric-indicator{display:flex}.learning-shelf-level{align-items:flex-end;gap:2.5px;height:12px;display:inline-flex}.learning-shelf-level i{background:var(--learning-line-2);border-radius:2px;width:3.5px}.learning-shelf-level i:first-child{height:5px}.learning-shelf-level i:nth-child(2){height:8.5px}.learning-shelf-level i:nth-child(3){height:12px}.learning-shelf-level[data-learning-shelf-level="1"] i:first-child,.learning-shelf-level[data-learning-shelf-level="2"] i:nth-child(-n+2),.learning-shelf-level[data-learning-shelf-level="3"] i{background:var(--learning-blue)}.learning-shelf-progress{background:var(--learning-line);border-radius:2px;width:46px;height:3px;overflow:hidden}.learning-shelf-progress>span{border-radius:inherit;background:var(--learning-blue);height:100%;display:block}.learning-shelf-arrow{width:26px;color:var(--learning-blue);opacity:.4;flex:0 0 26px;justify-content:center;transition:opacity .3s,transform .3s;display:inline-flex;transform:translate(-2px)}.learning-shelf-row:hover .learning-shelf-arrow,.learning-shelf-row:focus-visible .learning-shelf-arrow{opacity:1;transform:translate(2px)}.learning-empty{border:1px solid var(--learning-line);border-radius:var(--learning-radius-md);background:var(--learning-surface);padding:var(--learning-sp-4);text-align:center}.learning-empty h2{font-family:var(--learning-display);margin:0;font-size:19px}.learning-empty p{color:var(--learning-ink-2);margin:8px 0 0;font-size:12.5px}.learning-breadcrumbs{margin-bottom:var(--learning-sp-2);color:var(--learning-ink-3);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.learning-breadcrumbs a,.learning-breadcrumbs button{color:var(--learning-blue-ink);background:0 0;border:0;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.learning-detail-meta{margin-top:var(--learning-sp-2);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.learning-outcome{margin:var(--learning-sp-2) 0 0;color:var(--learning-ink-2);align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;display:flex}.learning-outcome strong{color:var(--learning-ink)}.learning-detail-section-title{margin:var(--learning-sp-5) 0 var(--learning-sp-2);font-family:var(--learning-display);font-size:21px;font-weight:600}.learning-glance{margin:0 0 var(--learning-sp-4);border:1px solid var(--learning-line);border-radius:var(--learning-radius-lg);background:var(--learning-surface);display:flex;overflow:hidden}.learning-glance-item{flex:1 1 0;align-items:flex-start;gap:10px;padding:13px 15px;display:flex}.learning-glance-item+.learning-glance-item{border-left:1px solid var(--learning-line)}.learning-glance-number,.learning-step-number{background:var(--learning-blue);color:var(--color-accent-contrast,#fff);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.learning-glance-number{width:22px;height:22px}.learning-glance-item span:last-child{font-size:12.5px;font-weight:600;line-height:1.35}.learning-steps,.learning-steps-list{margin:0;padding:0;list-style:none}.learning-step{padding-bottom:var(--learning-sp-5);grid-template-columns:42px minmax(0,1fr);column-gap:16px;display:grid;position:relative}.learning-step:before{content:"";background:var(--learning-line);width:2px;position:absolute;top:36px;bottom:8px;left:15px}.learning-step:last-child:before{display:none}.learning-step-number{z-index:1;width:32px;height:32px;position:relative}.learning-step-content{min-width:0}.learning-step-grid{gap:var(--learning-sp-3);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.learning-step-title{font-family:var(--learning-display);margin:3px 0 0;font-size:19px;font-weight:600;line-height:1.3}.learning-step-body{color:var(--learning-ink-2);margin:8px 0 0;font-size:14px;line-height:1.6}.learning-figure{border:1px solid var(--learning-line);border-radius:var(--learning-radius-md);background:var(--learning-surface);box-shadow:var(--learning-shadow-1);margin:0;overflow:hidden}.learning-figure-media{background:var(--learning-surface-2);min-height:150px;position:relative;overflow:hidden}.learning-figure-media img{object-fit:cover;width:100%;height:100%}.learning-figure-caption{border-top:1px solid var(--learning-line);color:var(--learning-ink-2);margin:0;padding:9px 12px;font-size:12px;line-height:1.45}.learning-sources{margin-top:var(--learning-sp-5);padding-top:var(--learning-sp-3);border-top:1px solid var(--learning-line);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.learning-sources a{color:var(--learning-blue-ink);align-items:center;gap:6px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.learning-detail-loading{width:100%;max-width:900px}.learning-detail-loading-agent{margin-top:var(--learning-sp-4);border:1px solid color-mix(in oklab, var(--learning-blue) 28%, var(--learning-line) 72%);border-radius:var(--learning-radius-lg);background:color-mix(in oklab, var(--learning-blue-soft) 46%, var(--learning-surface) 54%);grid-template-columns:minmax(0,1fr) 250px;gap:26px;padding:20px 22px;display:grid}.learning-drawer-scrim{z-index:80;cursor:default;background:#1b233461;border:0;width:100%;height:100%;position:fixed;inset:0}.learning-drawer-scrim[data-state=open]{animation:.18s cubic-bezier(.16,1,.3,1) both learning-drawer-scrim-in}.learning-drawer-scrim[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) both learning-drawer-scrim-out}.learning-drawer{z-index:81;background:var(--learning-bg);width:min(352px,94vw);box-shadow:var(--learning-shadow-2);padding:14px 14px 30px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.learning-drawer[data-state=open]{animation:.22s cubic-bezier(.16,1,.3,1) both learning-drawer-in}.learning-drawer[data-state=closed]{animation:.17s cubic-bezier(.4,0,1,1) both learning-drawer-out}.learning-drawer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.learning-drawer-header button{border-radius:var(--learning-radius-sm);background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.learning-library .course-cover-art-dark,.learning-library .learning-image-dark,.dark .learning-library .course-cover-art-light,.dark .learning-library .learning-image-light{display:none}.dark .learning-library .course-cover-art-dark,.dark .learning-library .learning-image-dark{display:block}.learning-library [data-learning-ready=true]:not([data-learning-visible=true]){opacity:0}.learning-library [data-learning-visible=true]{animation:.52s cubic-bezier(.22,.9,.24,1) both learning-rise;animation-delay:var(--learning-delay,0s)}@keyframes learning-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes learning-drawer-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes learning-drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}@keyframes learning-drawer-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes learning-drawer-scrim-out{0%{opacity:1}to{opacity:0}}@media (max-width:1080px){.learning-row-tag{display:none}}@media (max-width:960px){.learning-page{padding:var(--learning-sp-3) 16px 80px;grid-template-columns:minmax(0,1fr)}.learning-sidebar{display:none}.learning-filter-trigger{display:inline-flex}.learning-filter-trigger,.learning-sort,.learning-toolbar-action,.learning-view-toggle button,.learning-drawer .learning-sidebar-row,.learning-drawer .learning-search{min-height:44px}.learning-step-grid{grid-template-columns:minmax(0,1fr)}.learning-figure{max-width:42rem}}@media (max-width:860px){.learning-shelf-row{flex-wrap:wrap;align-items:flex-start;padding:14px 16px 12px 22px}.learning-shelf-body{flex-basis:0;padding-right:28px}.learning-shelf-metrics{border-top:1px solid var(--learning-line);align-self:auto;width:100%;margin-top:1px;padding-top:9px}.learning-shelf-metric{text-align:left;border-left:0;align-items:flex-start;width:auto;padding:0 26px 0 0}.learning-shelf-metric>span:last-child{text-align:left}.learning-shelf-arrow{position:absolute;top:15px;right:14px}}@media (max-width:780px){.learning-glance{flex-direction:column}.learning-glance-item+.learning-glance-item{border-top:1px solid var(--learning-line);border-left:0}.learning-row-side .learning-row-meta{display:none}.learning-detail-loading-agent{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.learning-toolbar{flex-wrap:wrap;align-items:stretch}.learning-breadcrumb,.learning-toolbar-spacer{flex-basis:100%}.learning-sort{flex:11rem;max-width:none}.learning-grid,.learning-book-grid{grid-template-columns:minmax(0,1fr)}.learning-row{grid-template-columns:32px minmax(0,1fr) auto}.learning-row-description,.learning-row-side>.learning-pill{display:none}.learning-step{grid-template-columns:36px minmax(0,1fr);column-gap:12px}}@media (max-width:480px){.learning-shelf-row{gap:12px;padding-left:18px}.learning-shelf-metric{padding-right:18px}}@media (prefers-reduced-motion:reduce){.learning-library *,.learning-library :before,.learning-library :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}