.learn-progress{z-index:30;background:color-mix(in srgb, var(--border) 60%, transparent);height:3px;position:sticky;top:0}.learn-progress__bar{background:var(--primary);height:100%;transition:width .15s linear}@media (prefers-reduced-motion:reduce){.learn-progress__bar{transition:none}}.learn-article-page{--learn-reading-width:42rem;min-height:100%;container:learn-article/inline-size}@media (min-width:640px){.learn-article-page{--learn-reading-width:44rem}}@media (min-width:1280px){.learn-article-page{--learn-reading-width:46rem}}.learn-shell{grid-template-columns:1fr;gap:0;width:100%;max-width:90rem;margin:0 auto;padding:0 clamp(1rem,4vw,2rem) 4rem;display:grid}.learn-article{width:100%;min-width:0;max-width:var(--learn-reading-width);margin-inline:auto}@media (min-width:640px){.learn-shell{padding-bottom:4.5rem}}@container learn-article (min-width:56rem){.learn-shell{grid-template-columns:minmax(10.5rem,13.5rem) minmax(0,1fr);align-items:start;gap:clamp(1.75rem,3vw,2.75rem)}.learn-article{margin-inline:0}}@container learn-article (min-width:72rem){.learn-shell{grid-template-columns:minmax(11.5rem,15rem) minmax(0,1fr);gap:clamp(2rem,3.5vw,3.25rem)}}.learn-article__head{padding:.25rem 0 1.25rem}.learn-article__crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.75rem;line-height:1.4;display:flex}.learn-article__crumbs a{min-height:2.75rem;color:var(--primary);align-items:center;display:inline-flex}.learn-article__crumbs a:hover{text-underline-offset:2px;text-decoration:underline}.learn-article__title{font-family:var(--font-ibm-plex), system-ui, sans-serif;letter-spacing:-.02em;color:var(--foreground);overflow-wrap:break-word;margin-top:.5rem;font-size:clamp(1.5rem,1.2rem + 1.6vw,2rem);font-weight:600;line-height:1.2}.learn-article__summary{color:var(--muted);margin-top:.625rem;font-size:clamp(.9375rem,.9rem + .2vw,1.0625rem);line-height:1.65}.learn-article__meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.875rem;display:flex}.learn-article__metaitem{color:var(--muted);white-space:nowrap;align-items:center;gap:.3125rem;font-size:.8125rem;display:inline-flex}.learn-article__metaitem--done{color:var(--success);font-weight:500}.learn-article__body{min-width:0}@media (min-width:640px){.learn-article__head{padding:.75rem 0 1.5rem}}.learn-heading{scroll-margin-top:5rem}html:has(.learn-article-page){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.learn-article-page){scroll-behavior:auto}}.learn-prereq{border:1px solid color-mix(in srgb, var(--warning) 40%, var(--border));background:color-mix(in srgb, var(--warning) 8%, var(--reading-surface));border-radius:.75rem;margin-top:1rem;padding:.75rem .9375rem}.learn-prereq__title{letter-spacing:.06em;text-transform:uppercase;color:var(--warning);font-size:.75rem;font-weight:700}.learn-prereq__list{gap:.125rem;margin:.375rem 0 0;padding:0;list-style:none;display:grid}.learn-prereq__list a{min-height:2.25rem;color:var(--primary);align-items:center;font-size:.875rem;line-height:1.45;display:inline-flex}.learn-prereq__list a:hover{text-underline-offset:2px;text-decoration:underline}.learn-badge{border:1px solid var(--border);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.learn-badge--fresher{background:var(--surface);color:var(--muted)}.learn-badge--intermediate{border-color:color-mix(in srgb, var(--primary) 25%, var(--border));background:var(--card);color:var(--primary)}.learn-badge--advanced{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--primary-soft);color:var(--primary-strong)}.learn-badge--expert{border-color:color-mix(in srgb, var(--warning) 50%, var(--border));background:color-mix(in srgb, var(--warning) 12%, var(--reading-surface));color:var(--warning)}.learn-path .learn-badge--advanced{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:var(--warning-soft);color:var(--warning-strong)}.learn-path .learn-badge--expert{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:var(--danger-soft);color:var(--danger-strong)}.learn-path .learn-badge--intermediate{background:var(--primary-soft);color:var(--primary-strong)}.learn-badge--design-type{border-color:color-mix(in srgb, var(--text-secondary) 35%, var(--border));background:color-mix(in srgb, var(--text-secondary) 8%, var(--reading-surface));color:var(--text-secondary)}.learn-streamhub{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--primary) 4%, var(--reading-surface));margin-top:1.25rem;padding:1rem 1.125rem}.learn-streamhub__label{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.375rem;margin:0 0 .75rem;font-size:.75rem;font-weight:600;display:flex}.learn-streamhub__list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.learn-streamhub__item{font-size:.8125rem;line-height:1.4}.learn-streamhub__item--done a{color:var(--text-secondary);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--text-secondary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--text-secondary) 40%, transparent)}.learn-streamhub__item--done a:hover{color:var(--primary);text-decoration:none}.learn-streamhub__item--current span{color:var(--text-primary);font-weight:600}.learn-streamhub__upcoming{color:color-mix(in srgb, var(--text-secondary) 65%, transparent)}.learn-track-bridge{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-radius:.625rem;margin-top:1rem;padding:.875rem 1rem}.learn-track-bridge__text{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0;font-size:.875rem;line-height:1.5;display:flex}.learn-track-bridge__label{color:var(--text-secondary);font-weight:600}.learn-track-bridge__link{color:var(--accent);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;display:inline-flex}.learn-track-bridge__link:hover{text-decoration:underline}.learn-toc{display:none}@container learn-article (min-width:56rem){.learn-toc{overscroll-behavior:contain;align-self:start;max-height:calc(100vh - 3rem);padding:1.5rem 0 2rem;display:block;position:sticky;top:1.5rem;overflow-y:auto}}.learn-toc__title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-light);margin-bottom:.625rem;font-size:.6875rem;font-weight:700}.learn-toc__list{border-left:2px solid var(--border);gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.learn-toc__link{color:var(--muted);overflow-wrap:break-word;border-left:2px solid #0000;margin-left:-2px;padding:.4375rem .75rem;font-size:.8125rem;line-height:1.45;transition:color .15s,border-color .15s;display:block}.learn-toc__link:hover{color:var(--foreground)}.learn-toc__link[aria-current=true]{border-left-color:var(--primary);color:var(--primary);font-weight:600}.learn-toc__link--sub{padding-left:1.5rem;font-size:.78125rem}.learn-toc-fab{right:1rem;bottom:calc(5.25rem + env(safe-area-inset-bottom,0px));z-index:40;border:1px solid var(--border);background:var(--reading-surface);min-height:2.75rem;color:var(--foreground);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:fixed}@container learn-article (min-width:56rem){.learn-toc-fab{display:none}}.learn-sheet{z-index:60;background:#0a0f1c8c;align-items:flex-end;display:flex;position:fixed;inset:0}.learn-sheet__panel{overscroll-behavior:contain;background:var(--reading-surface);width:100%;max-height:72vh;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-xl);border-top-left-radius:1.125rem;border-top-right-radius:1.125rem;overflow-y:auto}.learn-sheet__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.learn-sheet__title{color:var(--foreground);font-size:.9375rem;font-weight:600}.learn-sheet__close{width:2.75rem;height:2.75rem;color:var(--muted);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.learn-sheet__close:hover{background:var(--surface);color:var(--foreground)}.learn-sheet__list{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.learn-sheet__link{min-height:2.75rem;color:var(--muted);overflow-wrap:break-word;border-radius:.5rem;align-items:center;padding:.625rem .75rem;font-size:.9375rem;line-height:1.45;display:flex}.learn-sheet__link--sub{padding-left:1.75rem;font-size:.875rem}.learn-sheet__link[aria-current=true]{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);font-weight:600}.learn-toolbar{border-top:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.learn-chip{border:1px solid var(--border);background:var(--reading-surface);min-height:2.75rem;color:var(--foreground);border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.learn-chip:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--surface)}.learn-chip:disabled{cursor:default}.learn-chip--active{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--reading-surface));color:var(--primary)}.learn-chip--done{border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--reading-surface));color:var(--success)}.learn-practice{border:1px solid var(--border);background:var(--reading-surface);border-radius:.875rem;margin:2rem 0 0;padding:1.125rem 1.25rem}.learn-practice__head{align-items:flex-start;gap:.75rem;margin-bottom:.875rem;display:flex}.learn-practice__title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.learn-practice__hint{color:var(--muted);margin:.125rem 0 0;font-size:.8125rem;line-height:1.5}.learn-practice__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.learn-practice__item{border:1px solid var(--border-light);background:var(--surface);min-height:2.75rem;color:var(--foreground);border-radius:.625rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.45;transition:border-color .15s,background .15s;display:flex}.learn-practice__item:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--surface-alt)}.learn-practice__arrow{color:var(--primary);flex-shrink:0}.learn-checkpoint{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:var(--reading-surface);border-radius:.875rem;margin:2rem 0 0;padding:1.125rem 1.25rem}.learn-checkpoint__progress{color:var(--muted);margin:0 0 .5rem;font-size:.75rem;font-weight:500}.learn-checkpoint__prompt{color:var(--foreground);margin:0 0 .75rem;font-size:.9375rem;line-height:1.55}.learn-checkpoint__options{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.learn-checkpoint__option{text-align:left;border:1px solid var(--border-light);background:var(--surface);width:100%;color:var(--foreground);border-radius:.625rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.45;transition:border-color .15s,background .15s}.learn-checkpoint__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.learn-checkpoint__option--selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.learn-checkpoint__option--correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.learn-checkpoint__option--wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.learn-checkpoint__status{align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;font-weight:500;display:flex}.learn-checkpoint__status--pass{color:var(--success)}.learn-checkpoint__status--fail{color:var(--danger)}.learn-prevnext{grid-template-columns:1fr;gap:.75rem;margin-top:2rem;display:grid}@media (min-width:640px){.learn-prevnext{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-prevnext__link{border:1px solid var(--border);background:var(--reading-surface);border-radius:.75rem;flex-direction:column;gap:.25rem;min-height:3.75rem;padding:.875rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}.learn-prevnext__link:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:var(--shadow-sm)}.learn-prevnext__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.learn-prevnext__title{color:var(--foreground);overflow-wrap:break-word;font-size:.9375rem;font-weight:500;line-height:1.4}.learn-prevnext__link--next{text-align:right}.learn-prevnext__link--next .learn-prevnext__label{justify-content:flex-end}.learn-path{width:100%;max-width:90rem;margin:0 auto;padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) 5rem;container:learn-path/inline-size}.learn-path__crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.375rem .5rem;margin-bottom:1.25rem;font-size:.8125rem;display:flex}.learn-path__crumb-link{min-height:2.75rem;color:var(--primary);align-items:center;padding:.25rem 0;font-weight:500;display:inline-flex}.learn-path__crumb-link:hover{color:var(--primary-dark)}.learn-path__crumb-current{color:var(--foreground);font-weight:600}.learn-hero{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:1rem;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.25rem 1.5rem;display:grid}@container learn-path (min-width:52rem){.learn-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem;padding:1.5rem 1.75rem 1.75rem}}.learn-hero__eyebrow{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .5rem;display:flex}.learn-hero__eyebrow-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-strong);background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:999px;align-items:center;padding:.2rem .5rem;font-size:.625rem;font-weight:800;display:inline-flex}.learn-hero__eyebrow-range{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:700}.learn-hero__title{letter-spacing:-.03em;color:var(--foreground);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.learn-hero__subtitle{letter-spacing:-.02em;max-width:44rem;color:color-mix(in srgb, var(--foreground) 88%, var(--muted));margin:.5rem 0 0;font-size:clamp(1.0625rem,2.5vw,1.25rem);font-weight:600;line-height:1.45}.learn-hero__lede{max-width:42rem;color:var(--muted);margin:.75rem 0 0;font-size:.9375rem;line-height:1.65}.learn-hero__assessments{color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.learn-hero__assessments li{align-items:center;gap:.35rem;display:inline-flex}.learn-hero__assessments strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:700}.learn-hero__assessments svg{color:var(--primary)}.learn-hero__facts{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.375rem 1.25rem;margin:.875rem 0 0;font-size:.8125rem;display:flex}.learn-hero__facts>span{align-items:center;gap:.3rem;display:inline-flex}.learn-hero__facts strong,.learn-hero__facts-pace strong{font-variant-numeric:tabular-nums;color:var(--foreground);font-weight:700}.learn-hero__reviewed{font-weight:500}.learn-hero__reviewed svg{color:var(--success)}.learn-contract{border:1px solid var(--border-light);background:var(--surface);color:var(--muted);border-radius:.75rem;gap:.375rem;margin-top:1rem;padding:.75rem .875rem;font-size:.8125rem;line-height:1.5;display:grid}@container learn-path (min-width:40rem){.learn-contract{grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem}}.learn-contract p{margin:0}.learn-contract__free,.learn-contract__pro{letter-spacing:.02em;vertical-align:1px;border-radius:.3rem;align-items:center;gap:.2rem;margin-right:.4rem;padding:.0625rem .375rem;font-size:.6875rem;font-weight:700;display:inline-flex}.learn-contract__free{background:var(--success-soft);color:var(--success-strong)}.learn-contract__pro{background:var(--primary-soft);color:var(--primary-strong)}.learn-contract__link{white-space:nowrap;min-height:2.25rem;color:var(--primary);align-items:center;gap:.125rem;font-weight:600;display:inline-flex}.learn-contract__link:hover{text-underline-offset:2px;text-decoration:underline}.learn-hero__next{border-top:1px solid var(--border-light);flex-direction:column;gap:.875rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}@container learn-path (min-width:36rem){.learn-hero__next{flex-direction:row;justify-content:space-between;align-items:center}}.learn-hero__nextlabel{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.375rem;margin:0;font-size:.6875rem;font-weight:700;display:inline-flex}.learn-hero__nexttitle{color:var(--foreground);margin:.25rem 0 0;font-size:1rem;font-weight:600;line-height:1.35}.learn-hero__nextmeta{color:var(--muted);margin:.25rem 0 0;font-size:.8125rem}.learn-hero__cta{background:var(--primary);color:#fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.learn-hero__cta:hover{background:var(--primary-dark)}.learn-plan{border:1px solid var(--border);background:var(--surface);border-radius:.875rem;gap:.75rem;padding:1rem;display:grid}@container learn-path (min-width:52rem){.learn-plan{width:19rem}}.learn-plan__head{color:var(--primary);align-items:center;gap:.5rem;display:flex}.learn-plan__title{color:var(--foreground);margin:0;font-size:.875rem;font-weight:700}.learn-plan__pace{background:color-mix(in srgb, var(--border) 45%, transparent);border-radius:.625rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding:.1875rem;display:grid}.learn-plan__paceopt{font-variant-numeric:tabular-nums;min-height:2.25rem;color:var(--muted);border-radius:.5rem;font-size:.8125rem;font-weight:600;transition:background .12s,color .12s}.learn-plan__paceopt span{font-size:.6875rem;font-weight:500}.learn-plan__paceopt:hover{color:var(--foreground)}.learn-plan__paceopt--on{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-sm)}.learn-plan__cadence{text-align:center;color:var(--muted-light);margin:-.375rem 0 0;font-size:.6875rem}.learn-plan__eta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.375rem;margin:0;font-size:.8125rem;display:flex}.learn-plan__eta strong{letter-spacing:-.02em;color:var(--foreground);font-size:1.375rem;font-weight:700}.learn-plan__week{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--card);text-align:left;min-height:2.75rem;color:var(--primary);border-radius:.625rem;grid-template-columns:1fr auto;align-items:center;gap:0 .5rem;padding:.5rem .75rem;display:grid}.learn-plan__week:hover{background:color-mix(in srgb, var(--primary) 5%, var(--card))}.learn-plan__weeklabel{letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.learn-plan__weekbody{color:var(--foreground);grid-column:1;font-size:.875rem;font-weight:600}.learn-plan__week svg{grid-area:1/2/span 2}.learn-plan__weeks{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.learn-plan__dot{background:color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;flex:1;height:.375rem}.learn-plan__dot--done{background:var(--success)}.learn-plan__dot--now{background:var(--primary)}.learn-plan__stats{border-top:1px solid var(--border-light);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem .75rem;margin:0;padding-top:.75rem;display:grid}.learn-plan__stats dt{color:var(--muted-light);font-size:.6875rem}.learn-plan__stats dd{font-variant-numeric:tabular-nums;color:var(--foreground);margin:.125rem 0 0;font-size:.9375rem;font-weight:700}.learn-plan__stats dd span{color:var(--muted);font-weight:500}.learn-plan__streak{align-items:center;gap:.25rem;display:inline-flex}.learn-plan__streak svg{color:var(--warning)}.learn-plan__rule{color:var(--muted-light);margin:0;font-size:.6875rem;line-height:1.5}.learn-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.learn-ring__track{stroke:color-mix(in srgb, var(--border) 80%, transparent)}.learn-ring__value{stroke:var(--primary);transition:stroke-dashoffset .35s}.learn-ring__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.learn-ring__value{transition:none}}.learn-nudge{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:color-mix(in srgb, var(--primary) 5%, var(--card));border-radius:.875rem;margin-bottom:1.25rem;padding:.875rem 1rem}.learn-nudge__label{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.learn-nudge__list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.learn-nudge__list a{border:1px solid var(--border);background:var(--card);min-height:2.25rem;color:var(--foreground);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.learn-nudge__list a span{color:var(--muted);font-size:.6875rem}.learn-path__body{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@container learn-path (min-width:56rem){.learn-path__body{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);gap:2rem}}.learn-path__aside{display:none}@container learn-path (min-width:56rem){.learn-path__aside{max-height:calc(100dvh - 6.5rem);display:block;position:sticky;top:5.25rem;overflow:auto}}.learn-path__asideinner{border:1px solid var(--border);background:var(--card);border-radius:.875rem;padding:.875rem .75rem}.learn-path__asidetitle{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);margin:0 0 .625rem;padding:0 .375rem;font-size:.6875rem;font-weight:700}.learn-path__content{min-width:0}.learn-pathbar{gap:.75rem;margin:0 0 1.25rem;display:grid}.learn-pathbar__row{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.learn-pathbar__row--meta{justify-content:space-between;align-items:center}.learn-pathbar__tools{gap:.5rem;display:flex}.learn-search{flex:14rem;align-items:center;min-width:0;display:flex;position:relative}.learn-search__icon{color:var(--muted-light);pointer-events:none;position:absolute;left:.75rem}.learn-search__input{border:1px solid var(--input-border);background:var(--card);width:100%;min-height:2.75rem;color:var(--foreground);border-radius:.625rem;padding:.5rem 2.5rem .5rem 2.25rem;font-size:.9375rem}.learn-search__input:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.learn-search__clear,.learn-search__kbd{min-width:2rem;min-height:2rem;color:var(--muted);border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:.5rem}.learn-search__clear:hover{background:var(--surface);color:var(--foreground)}.learn-search__kbd{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);padding:0 .375rem;font-size:.6875rem}.learn-pathbar__btn{border:1px solid var(--border);background:var(--card);min-height:2.75rem;color:var(--foreground);border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.learn-pathbar__btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--surface)}.learn-pathbar__btn:disabled{opacity:.45;cursor:not-allowed}.learn-select{flex:0 15rem;min-width:0;display:flex;position:relative}.learn-select--compact{flex:none}.learn-select__input{border:1px solid var(--input-border);background:var(--card);width:100%;min-height:2.75rem;color:var(--foreground);text-overflow:ellipsis;border-radius:.625rem;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem}.learn-select__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.learn-routes{scrollbar-width:none;gap:.375rem;margin:0 -.25rem;padding:.125rem .25rem;display:flex;overflow-x:auto}.learn-routes::-webkit-scrollbar{display:none}.learn-route{border:1px solid var(--border);background:var(--card);min-height:2.5rem;color:var(--foreground);border-radius:999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .12s,background .12s;display:inline-flex}.learn-route:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.learn-route:disabled{opacity:.5;cursor:not-allowed}.learn-route__count{background:var(--surface);font-variant-numeric:tabular-nums;text-align:center;min-width:1.375rem;color:var(--muted);border-radius:999px;padding:.0625rem .375rem;font-size:.6875rem;font-weight:700}.learn-route--on{border-color:var(--primary);background:var(--primary);color:#fff}.learn-route--on .learn-route__count{color:#fff;background:#ffffff38}.learn-route--weak:not(:disabled):not(.learn-route--on) .learn-route__count{background:var(--danger-soft);color:var(--danger-strong)}.learn-pathbar__summary{color:var(--muted);margin:0;font-size:.8125rem}.learn-pathbar__clear{font-size:inherit;color:var(--primary);text-underline-offset:2px;margin-left:.5rem;font-weight:600;text-decoration:underline}.learn-outline{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.learn-outline__item{text-align:left;width:100%;min-height:2.5rem;color:var(--muted);border-radius:.5rem;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.375rem .5rem;padding:.375rem .5rem;font-size:.8125rem;transition:background .12s;display:grid}.learn-outline__item:hover:not(:disabled){background:var(--surface);color:var(--foreground)}.learn-outline__week>ol{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.learn-outline__week+.learn-outline__week{margin-top:.5rem}.learn-outline__weeklabel{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);margin:0 0 .125rem;padding:0 .5rem;font-size:.625rem;font-weight:700}.learn-outline__weeklabel--now{color:var(--primary)}.learn-outline__weeklabel--done{color:var(--success-strong)}.learn-outline__item--dim{opacity:.45}.learn-outline__item--active{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);font-weight:600}.learn-outline__dot{background:conic-gradient(var(--primary) var(--pct,0deg), color-mix(in srgb, var(--border) 70%, transparent) 0);width:1.125rem;height:1.125rem;box-shadow:inset 0 0 0 2px var(--card);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.learn-outline__dot--done{background:var(--success);color:#fff}.learn-outline__code{font-family:var(--font-mono);color:var(--muted-light);font-size:.6875rem}.learn-outline__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.learn-outline__count{font-variant-numeric:tabular-nums;color:var(--muted-light);font-size:.6875rem}.learn-modules{gap:.75rem;display:grid}.learn-module{border:1px solid var(--border);background:var(--card);border-radius:.875rem;scroll-margin-top:5.75rem;overflow:hidden}.learn-module--open{box-shadow:var(--shadow-sm)}.learn-module--mastered{border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.learn-module__h{margin:0}.learn-module__toggle{text-align:left;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;width:100%;padding:.875rem 1rem;display:grid}.learn-module__code{background:var(--surface);min-width:2.25rem;height:2.25rem;font-family:var(--font-mono);color:var(--muted);border-radius:.5rem;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.learn-module__title{color:var(--foreground);font-size:1rem;font-weight:600;line-height:1.35;display:block}.learn-module__goal{color:var(--muted);margin-top:.125rem;font-size:.8125rem;line-height:1.45;display:block}.learn-module__meta{color:var(--muted-light);flex-wrap:wrap;gap:.375rem;margin-top:.5rem;font-size:.75rem;display:flex}.learn-module__chip{background:var(--surface);border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;display:inline-flex}.learn-module__chip--now{background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.learn-module__chip--weak{background:var(--danger-soft);color:var(--danger-strong);font-weight:600}.learn-module__covers{color:var(--foreground);font-weight:600}.learn-module__coversmore{white-space:nowrap;color:var(--muted-light)}.learn-module__pro{align-items:center;display:inline-flex}.learn-module__range{white-space:nowrap;font-family:var(--font-mono);color:var(--muted);font-size:.6875rem;font-weight:600}.learn-module__pro{color:var(--primary);gap:.2rem;font-weight:600}.learn-module--mastered .learn-module__code{background:var(--success);color:#fff}.learn-module__chip--next{color:var(--primary);font-weight:600}.learn-module__chip--done{border-color:color-mix(in srgb, var(--success) 40%, var(--border));background:var(--success-soft);color:var(--success-strong);font-weight:600}.learn-module__chip--quiz{border:1px solid var(--border);color:var(--primary-strong);font-weight:600}.learn-module__quizmode{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--primary-soft);color:var(--primary-strong);cursor:pointer;border-radius:999px;align-items:center;padding:.125rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.learn-module__quizmode:hover{background:color-mix(in srgb, var(--primary-soft) 70%, var(--primary) 30%)}.learn-gcsim{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:1.5rem 0;padding:1rem 1.125rem}.learn-gcsim__head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.learn-gcsim__title{margin:0;font-size:1rem;font-weight:700}.learn-gcsim__sub{color:var(--muted);margin:.125rem 0 0;font-size:.75rem}.learn-gcsim__log{border-radius:var(--radius-md);background:var(--background);margin:0 0 .75rem;padding:.75rem;font-size:.6875rem;line-height:1.45;overflow-x:auto}.learn-gcsim__prompt{margin:0 0 .5rem;font-size:.875rem;font-weight:600}.learn-gcsim__options{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.learn-gcsim__opt{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);cursor:pointer;width:100%;padding:.5rem .625rem;font-size:.8125rem}.learn-gcsim__opt:hover:not(:disabled){border-color:var(--primary)}.learn-gcsim__opt--correct{border-color:var(--success);background:var(--success-soft)}.learn-gcsim__opt--wrong{border-color:var(--danger);background:var(--danger-soft)}.learn-gcsim__feedback{color:var(--muted);flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-top:.75rem;font-size:.8125rem;display:flex}.learn-gcsim__feedback--ok{color:var(--success-strong)}.learn-gcsim__next{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.learn-tricky{margin:1.75rem 0 2.5rem}.learn-tricky__hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 55%, var(--surface)) 0%, var(--surface) 55%);grid-template-columns:auto 1fr;grid-template-areas:"icon text""progress progress";align-items:start;gap:1rem;margin-bottom:1.25rem;padding:1.125rem 1.25rem;display:grid}@media (min-width:640px){.learn-tricky__hero{grid-template-columns:auto 1fr auto;grid-template-areas:"icon text progress";align-items:center}}.learn-tricky__hero .learn-block__icon{grid-area:icon}.learn-tricky__hero-text{grid-area:text;min-width:0}.learn-tricky__title{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:800}.learn-tricky__lede{color:var(--muted);margin:.35rem 0 0;font-size:.875rem;line-height:1.5}.learn-tricky__progress{flex-direction:column;grid-area:progress;gap:.35rem;min-width:8.5rem;display:flex}.learn-tricky__progress-bar{background:color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;height:6px;overflow:hidden}.learn-tricky__progress-bar:after{content:"";height:100%;width:var(--pct,0%);border-radius:inherit;background:var(--primary);transition:width .35s;display:block}.learn-tricky__progress-label{color:var(--muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.learn-tricky__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.learn-tricky__filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.learn-tricky__select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);padding:.35rem .5rem;font-size:.8125rem}.learn-tricky__list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.learn-tricky__card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .2s,box-shadow .2s;overflow:hidden}.learn-tricky__card--open{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:0 1px 0 color-mix(in srgb, var(--primary) 12%, transparent)}.learn-tricky__card--done{border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.learn-tricky__card-head{margin:0}.learn-tricky__card-toggle{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;display:flex}.learn-tricky__num{border-radius:var(--radius-md);background:var(--background);width:2rem;height:2rem;font-size:.8125rem;font-weight:700;font-family:var(--font-mono);color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.learn-tricky__card--done .learn-tricky__num{background:var(--success-soft);color:var(--success-strong)}.learn-tricky__card-titles{flex:1;min-width:0}.learn-tricky__card-title{color:var(--foreground);font-size:.9375rem;font-weight:700;display:block}.learn-tricky__card-meta{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:.25rem;font-size:.6875rem;display:flex}.learn-tricky__topic{background:var(--background);color:var(--muted);border-radius:999px;padding:.1rem .45rem;font-weight:600}.learn-tricky__diff{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.1rem .45rem;font-weight:700}.learn-tricky__diff--classic{background:color-mix(in srgb, var(--primary-soft) 80%, transparent);color:var(--primary-strong)}.learn-tricky__diff--hard{background:color-mix(in srgb, var(--warning-soft,#fef3c7) 90%, transparent);color:var(--warning-strong,#b45309)}.learn-tricky__diff--killer{background:var(--danger-soft);color:var(--danger-strong)}.learn-tricky__asked{color:var(--muted-light)}.learn-tricky__chev{color:var(--muted);flex-shrink:0;transition:transform .2s}.learn-tricky__chev--open{transform:rotate(180deg)}.learn-tricky__card-body{border-top:1px solid var(--border);padding:0 1rem 1.125rem}.learn-tricky__prompt{margin:1rem 0 .75rem;font-size:.875rem;font-weight:600}.learn-tricky__actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.learn-tricky__btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border);background:var(--background);color:var(--foreground);align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.learn-tricky__btn--primary{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--primary);color:#fff}.learn-tricky__btn--ghost{color:var(--muted)}.learn-tricky__btn--solve-on{border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:var(--success-soft);color:var(--success-strong)}.learn-tricky__answer-block{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--success) 30%, var(--border));background:color-mix(in srgb, var(--success-soft) 40%, var(--surface));margin-top:1rem;padding:.875rem 1rem}.learn-tricky__answer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--success-strong);margin:0 0 .35rem;font-size:.6875rem;font-weight:700}.learn-tricky__answer{border-radius:var(--radius-sm);background:var(--background);font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:.625rem .75rem;font-size:.8125rem;line-height:1.45}.learn-tricky__explain{color:var(--muted);gap:.5rem;margin-top:.75rem;font-size:.8125rem;line-height:1.5;display:flex}.learn-tricky__explain--solo{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--primary-soft) 35%, var(--surface));margin-top:1rem;padding:.75rem 1rem}.learn-tricky__empty{color:var(--muted);text-align:center;margin:1rem 0;font-size:.875rem}.learn-module__text,.learn-lesson__main,.learn-hero__nexttext{min-width:0}.learn-module__status{align-items:center;gap:.375rem;display:flex}.learn-module__mastered{color:var(--success);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.learn-module__ringtext{color:var(--muted);font-size:.6875rem;font-weight:600}.learn-module__chevron{color:var(--muted-light);transition:transform .2s}.learn-module--open .learn-module__chevron{transform:rotate(180deg)}.learn-module__panel{border-top:1px solid var(--border-light);padding:0 .5rem .75rem}.learn-module__filtered{color:var(--muted);margin:.75rem .5rem 0;font-size:.8125rem}.learn-module__articles{gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.learn-lesson{min-height:3.25rem;color:inherit;border-radius:.625rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.625rem .5rem;transition:background .12s;display:grid}.learn-lesson:hover{background:var(--surface)}.learn-lesson--next{background:color-mix(in srgb, var(--primary) 6%, transparent);outline:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}.learn-lesson__state{border:2px solid var(--border);width:1.75rem;height:1.75rem;color:var(--muted-light);border-radius:999px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.learn-lesson__state--partial{background:conic-gradient(var(--primary) calc(var(--read,0%) * 3.6), var(--surface) 0);color:var(--primary-strong);border:none}.learn-lesson__state--done{background:var(--success);color:#fff;border:none}.learn-lesson__title{color:var(--foreground);font-size:.9375rem;font-weight:600;line-height:1.35;display:block}.learn-lesson__summary{color:var(--muted);margin-top:.125rem;font-size:.8125rem;line-height:1.45;display:block}.learn-lesson__meta{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.375rem;display:flex}.learn-badge__full{display:none}@container learn-path (min-width:40rem){.learn-badge__full{display:inline}}.learn-lesson__meta{color:var(--muted-light);gap:.25rem .75rem;font-size:.6875rem}.learn-lesson__star{vertical-align:-2px;fill:var(--warning);color:var(--warning);margin-left:.375rem;display:inline-block}.learn-lesson__pro{color:var(--primary);align-items:center;gap:.2rem;font-weight:600;display:inline-flex}.learn-lesson__score{color:var(--success-strong);font-weight:600}.learn-lesson__score--weak{color:var(--danger-strong)}.learn-lesson--deep{box-shadow:inset 3px 0 0 var(--level-accent,var(--warning));border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.learn-lesson--advanced{--level-accent:color-mix(in srgb, var(--warning) 70%, transparent)}.learn-lesson--expert{--level-accent:var(--danger)}.learn-checklist{background:var(--surface);border-radius:.625rem;margin:.75rem .5rem .25rem;padding:.75rem .875rem}.learn-checklist__list{gap:.375rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}@container learn-path (min-width:44rem){.learn-checklist__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-checklist__item{color:var(--foreground);grid-template-columns:1.75rem 1fr;align-items:baseline;gap:.5rem;font-size:.8125rem;line-height:1.45;display:grid}.learn-checklist__level{font-family:var(--font-mono);text-align:center;background:var(--card);color:var(--muted);border-radius:.25rem;padding:.0625rem 0;font-size:.625rem;font-weight:700}.learn-checklist__item--L2 .learn-checklist__level{background:var(--primary-soft);color:var(--primary-strong)}.learn-checklist__item--L3 .learn-checklist__level{background:var(--warning-soft);color:var(--warning-strong)}.learn-checklist__item--L4 .learn-checklist__level{background:var(--danger-soft);color:var(--danger-strong)}.learn-lesson__end{align-items:center;gap:.375rem;display:flex}.learn-lesson__next{text-transform:uppercase;letter-spacing:.04em;color:var(--primary);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:700;display:none}@container learn-path (min-width:36rem){.learn-lesson--next .learn-lesson__next{display:inline-flex}}.learn-lesson__arrow{color:var(--muted-light)}.learn-lesson mark{background:color-mix(in srgb, var(--warning) 35%, transparent);border-radius:.125rem;padding:0 .125rem}.learn-module__footer{border-top:1px dashed var(--border-light);gap:1rem;margin:.75rem .5rem .25rem;padding-top:.75rem;display:grid}.learn-module__footlabel{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.learn-module__questions{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.learn-module__questions a{border:1px solid var(--border-light);min-height:2.5rem;color:var(--foreground);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.learn-module__questions a:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--surface)}.learn-module__more{color:var(--primary);align-items:center;gap:.25rem;margin-top:.375rem;font-size:.8125rem;font-weight:600;display:inline-flex}.learn-module__checkcta{border:1px solid var(--border);background:var(--surface);border-radius:.625rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.learn-module__checkhint{color:var(--muted);margin:.25rem 0 0;font-size:.8125rem;line-height:1.45}.learn-module__checkbtn{background:var(--primary);color:#fff;border-radius:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.learn-module__checkbtn:hover{background:var(--primary-dark)}.learn-qc{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:var(--card);border-radius:.625rem;padding:.875rem 1rem}.learn-qc__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.6875rem;font-weight:700}.learn-qc__best{color:var(--muted);text-transform:none;letter-spacing:normal;font-weight:500}.learn-qc__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.learn-qc__steps{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.learn-qc__step{background:var(--border);border-radius:999px;width:.5rem;height:.5rem}.learn-qc__step--current{background:var(--primary)}.learn-qc__step--right{background:var(--success)}.learn-qc__step--wrong{background:var(--danger)}.learn-qc__step--tier{margin-left:.125rem}.learn-qc__tier{letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.learn-qc__tier--easy{color:var(--success)}.learn-qc__tier--medium{color:var(--primary)}.learn-qc__tier--hard{color:var(--danger)}.learn-qc__prompt{color:var(--foreground);margin:0 0 .75rem;font-size:.9375rem;line-height:1.5}.learn-qc__options{gap:.5rem;display:grid}.learn-qc__option{border:1px solid var(--border-light);background:var(--surface);text-align:left;width:100%;min-height:2.75rem;color:var(--foreground);border-radius:.5rem;align-items:flex-start;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.learn-qc__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.learn-qc__option--correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.learn-qc__option--wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.learn-qc__option--dim{opacity:.55}.learn-qc__key{background:var(--card);border:1px solid var(--border);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.learn-qc__explain{background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--muted);border-radius:.5rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.5}.learn-qc__explain--right{background:color-mix(in srgb, var(--success) 10%, var(--surface))}.learn-qc__code{font-family:var(--font-mono);background:var(--surface);border-radius:.25rem;padding:.0625rem .25rem;font-size:.85em}.learn-qc__actions{margin-top:.875rem}.learn-qc__primary,.learn-qc__secondary{border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.learn-qc__primary{background:var(--primary);color:#fff}.learn-qc__primary:disabled{opacity:.45;cursor:not-allowed}.learn-qc__secondary{border:1px solid var(--border);background:var(--card);color:var(--foreground)}.learn-qc__result{border-radius:.5rem;align-items:flex-start;gap:.75rem;margin:.75rem 0;padding:.75rem;display:flex}.learn-qc__result--pass{background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success-strong)}.learn-qc__result--fail{background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger)}.learn-qc__score{margin:0;font-size:1rem;font-weight:700}.learn-qc__verdict{margin:.25rem 0 0;font-size:.8125rem;line-height:1.45}.learn-empty{text-align:center;color:var(--muted);justify-items:center;gap:.5rem;padding:2.5rem 1rem;display:grid}.learn-empty__title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.learn-empty__body{max-width:22rem;margin:0;font-size:.875rem;line-height:1.5}.learn-mapfab{z-index:25;border:1px solid var(--border);background:var(--card);min-height:2.75rem;color:var(--foreground);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:fixed;bottom:1.25rem;right:1rem}.learn-mapfab--app{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}@container learn-path (min-width:56rem){.learn-mapfab{display:none}}.learn-mapsheet{background:0 0;border:none;border-radius:1rem;width:min(100%,24rem);max-height:min(85vh,32rem);margin:auto;padding:0}.learn-mapsheet::backdrop{background:color-mix(in srgb, var(--navy) 55%, transparent)}.learn-mapsheet__inner{border:1px solid var(--border);background:var(--card);border-radius:1rem;flex-direction:column;max-height:min(85vh,32rem);display:flex;overflow:hidden}.learn-mapsheet__head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.learn-mapsheet__title{color:var(--foreground);margin:0;font-size:.875rem;font-weight:600}.learn-mapsheet__close{width:2.75rem;height:2.75rem;color:var(--muted);border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.learn-mapsheet__close:hover{background:var(--surface);color:var(--foreground)}.learn-mapsheet .learn-outline{padding:.5rem .75rem 1rem;overflow:auto}
:root{--diagram-fill:#fff;--diagram-fill-alt:#f4f6f9;--diagram-border:#cbd5e5;--diagram-text:#1a2332;--diagram-muted:#5c6578;--diagram-line:#94a3b8;--diagram-node:var(--diagram-fill);--diagram-panel:var(--diagram-fill);--diagram-arch-fill:var(--surface)}html.dark{--diagram-fill:#16203400;--diagram-fill-alt:#1a2438;--diagram-border:#31405d;--diagram-text:#e5ecf6;--diagram-muted:#94a3b8;--diagram-line:#5a6b8a;--diagram-node:var(--surface-alt);--diagram-panel:color-mix(in srgb, var(--surface-alt) 60%, transparent);--diagram-arch-fill:var(--surface-alt)}.prose-reading .not-prose,.prose-reading .not-prose *{font-family:var(--font-ibm-plex), system-ui, sans-serif}.prose-reading .not-prose p{margin-bottom:.625rem}.prose-reading .not-prose p:last-child{margin-bottom:0}.learn-block{border:1px solid var(--border);background:var(--surface);border-left-width:3px;border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.125rem}.learn-block__icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.learn-block__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:600}.learn-block__body{color:var(--foreground);font-size:.9375rem;line-height:1.65}.learn-block__body ul,.learn-block__body ol{margin:.375rem 0 0;padding-left:1.125rem}.learn-block__body li{margin-bottom:.3125rem;font-size:.9375rem;line-height:1.6}.learn-block--model,.learn-block--analogy{border-left-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--reading-surface))}.learn-block--tip{border-left-color:var(--primary)}.learn-block--warning{border-left-color:var(--warning);background:color-mix(in srgb, var(--warning) 8%, var(--reading-surface))}.learn-block--pitfall{border-left-color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, var(--reading-surface))}.learn-block--interview{border-left-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--reading-surface))}.learn-concepts{border:1px solid var(--border-light);background:var(--reading-surface);border-radius:.75rem;margin:1.25rem 0;padding:1rem 1.125rem}.learn-concepts__title{color:var(--foreground);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.learn-concepts__body ul,.learn-concepts__body ol{margin:0;padding-left:1.125rem}.learn-concepts__body li{color:var(--foreground);margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.learn-concepts__body li:last-child{margin-bottom:0}.learn-concepts__body li::marker{color:var(--primary)}.learn-concepts__body ol{list-style-type:decimal}.learn-concepts__body ol li::marker{font-weight:600}.learn-why{border:1px solid var(--border-light);border-left-width:3px;border-left-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--reading-surface));border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.125rem}.learn-why__title{color:var(--foreground);margin:0 0 .625rem;font-size:1.125rem;font-weight:600;line-height:1.35}.learn-why__body ul,.learn-why__body ol{margin:0;padding-left:1.125rem}.learn-why__body li{color:var(--foreground);margin-bottom:.5rem;font-size:.9375rem;line-height:1.65}.learn-why__body li:last-child{margin-bottom:0}.learn-why__body li::marker{color:var(--primary)}.learn-why__body ol{list-style-type:decimal}.learn-why__body ol li::marker{font-weight:600}.learn-code{border:1px solid var(--border);background:var(--navy);border-radius:.75rem;margin:1.5rem 0;overflow:hidden}.learn-code__bar{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.learn-code__lang{letter-spacing:.08em;text-transform:uppercase;color:#93a4bf;font-size:.6875rem;font-weight:600}.learn-code__copy{color:#d7dfeb;background:#ffffff14;border-radius:.375rem;align-items:center;gap:.375rem;min-height:2.25rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;transition:background .15s;display:inline-flex}.learn-code__copy:hover,.learn-code__copy:focus-visible{background:#ffffff29}.learn-code__actions{align-items:center;gap:.375rem;display:flex}.learn-code__run{color:#86efac;background:#22c55e33;border-radius:.375rem;align-items:center;gap:.375rem;min-height:2.25rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:600;transition:background .15s;display:inline-flex}.learn-code__run:hover,.learn-code__run:focus-visible{background:#22c55e52}.learn-code__run--open{color:#d7dfeb;background:#ffffff1f}.learn-code__output{background:#00000038;border-top:1px solid #ffffff14}.learn-code__output-head{justify-content:space-between;align-items:center;padding:.5rem 1.125rem;display:flex}.learn-code__output-label{letter-spacing:.08em;text-transform:uppercase;color:#86efac;font-size:.6875rem;font-weight:700}.learn-code__output-chev{color:#86efac;transform:rotate(180deg)}.learn-code__output-pre{font-family:var(--font-mono);color:#e2e8f0;white-space:pre-wrap;margin:0;padding:0 1.125rem 1rem;font-size:.8125rem;line-height:1.55}.learn-code__pre{font-family:var(--font-mono);color:#e2e8f0;-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--navy), transparent) left center / 1.5rem 100% no-repeat local, linear-gradient(to left, var(--navy), transparent) right center / 1.5rem 100% no-repeat local, linear-gradient(to right, #00000059, transparent) left center / 1rem 100% no-repeat scroll, linear-gradient(to left, #00000059, transparent) right center / 1rem 100% no-repeat scroll;margin:0;padding:1rem 1.125rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.learn-code__pre code{font-size:inherit;color:inherit;white-space:pre;background:0 0;border:none;padding:0}.learn-code__caption{color:#93a4bf;border-top:1px solid #ffffff14;padding:.625rem 1.125rem;font-size:.8125rem;line-height:1.55}@media (min-width:640px){.learn-code__pre{padding:1.125rem 1.375rem;font-size:.875rem}}.learn-compare{margin:1.5rem 0}.learn-compare__table{display:none}.learn-compare__cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.learn-compare__card{border:1px solid var(--border);background:var(--reading-surface);border-radius:.75rem;padding:.875rem 1rem}.learn-compare__aspect{color:var(--foreground);margin-bottom:.625rem;font-size:.8125rem;font-weight:600}.learn-compare__side+.learn-compare__side{border-top:1px dashed var(--border);margin-top:.5rem;padding-top:.5rem}.learn-compare__name{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-size:.6875rem;font-weight:600;display:block}.learn-compare__value{color:var(--muted);margin-top:.1875rem;font-size:.9375rem;line-height:1.55;display:block}.learn-compare__caption{color:var(--muted);margin-top:.625rem;font-size:.8125rem;line-height:1.55}@media (min-width:640px){.learn-compare__cards{display:none}.learn-compare__table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:.75rem;width:100%;font-size:.875rem;display:table;overflow:hidden}.learn-compare__table thead th{background:var(--surface);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:.625rem .875rem;font-size:.75rem;font-weight:600}.learn-compare__table tbody th{width:22%;color:var(--foreground);font-weight:600}.learn-compare__table tbody th,.learn-compare__table tbody td{border-top:1px solid var(--border-light);text-align:left;vertical-align:top;color:var(--muted);padding:.75rem .875rem;line-height:1.6}}.learn-table{margin:1.5rem 0}.learn-table__scroll{display:none}.learn-table__cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.learn-table__card{border:1px solid var(--border);background:var(--reading-surface);border-radius:.75rem;padding:.875rem 1rem}.learn-table__card-title{color:var(--foreground);margin:0 0 .625rem;font-size:.9375rem;font-weight:600}.learn-table__field+.learn-table__field{border-top:1px dashed var(--border);margin-top:.5rem;padding-top:.5rem}.learn-table__field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-size:.6875rem;font-weight:600;display:block}.learn-table__field-value{color:var(--muted);margin-top:.1875rem;font-size:.9375rem;line-height:1.55;display:block}.learn-table__caption{color:var(--muted);margin-top:.625rem;font-size:.8125rem;line-height:1.55}@media (min-width:640px){.learn-table__cards{display:none}.learn-table__scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:.75rem;display:block;overflow-x:auto}.learn-table__grid{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.learn-table__grid thead th{background:var(--surface);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:.625rem .875rem;font-size:.75rem;font-weight:600}.learn-table__grid tbody th{color:var(--foreground);white-space:nowrap;font-weight:600}.learn-table__grid tbody th,.learn-table__grid tbody td{border-top:1px solid var(--border-light);text-align:left;vertical-align:top;color:var(--muted);padding:.75rem .875rem;line-height:1.6}.learn-table__grid tbody tr:first-child th,.learn-table__grid tbody tr:first-child td{border-top:none}}.learn-recall{border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));background:color-mix(in srgb, var(--success) 7%, var(--reading-surface));border-radius:.875rem;margin:2rem 0 0;padding:1.125rem 1.25rem}.learn-recall__head{align-items:flex-start;gap:.75rem;display:flex}.learn-recall__title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.learn-recall__hint{color:var(--muted);margin:.125rem 0 0;font-size:.8125rem}.learn-recall__body{margin-top:.875rem}.learn-recall__body ul,.learn-recall__body ol{margin:0;padding-left:1.125rem}.learn-recall__body li{color:var(--foreground);margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.learn-recall__body li:last-child{margin-bottom:0}.learn-recall__body li::marker{color:var(--success)}.learn-status{border:1px solid var(--border);background:var(--surface);border-radius:.625rem;margin:1.25rem 0;padding:.75rem .875rem}.learn-status__head{flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;display:flex}.learn-status__label{letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.learn-status__since{background:var(--surface-alt);color:var(--muted);border-radius:999px;padding:.0625rem .4375rem;font-size:.6875rem;font-weight:600}.learn-status__body{color:var(--muted);margin-top:.375rem;font-size:.875rem;line-height:1.6}.learn-status--stable{border-color:color-mix(in srgb, var(--success) 40%, var(--border))}.learn-status--stable .learn-status__head{color:var(--success)}.learn-status--preview{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:color-mix(in srgb, var(--warning) 8%, var(--reading-surface))}.learn-status--preview .learn-status__head{color:var(--warning)}.learn-status--deprecated{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.learn-status--deprecated .learn-status__head{color:var(--danger)}.learn-diagram{border:1px solid var(--border);background:var(--diagram-fill-alt);box-sizing:border-box;border-radius:.875rem;width:100%;max-width:100%;margin:1.75rem 0;padding:1rem}.learn-diagram__fit{width:100%;min-width:0;max-width:100%}.learn-diagram__scroll{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--diagram-fill-alt), transparent) left center / 1.5rem 100% no-repeat local, linear-gradient(to left, var(--diagram-fill-alt), transparent) right center / 1.5rem 100% no-repeat local, linear-gradient(to right, #00000024, transparent) left center / 1rem 100% no-repeat scroll, linear-gradient(to left, #00000024, transparent) right center / 1rem 100% no-repeat scroll;width:100%;min-width:0;max-width:100%;padding-bottom:.25rem;overflow-x:auto}.learn-diagram__caption{border-top:1px dashed var(--diagram-border);color:var(--diagram-muted);margin-top:.875rem;padding-top:.625rem;font-size:.8125rem;line-height:1.55}.learn-diagram__note{color:var(--diagram-muted);margin:.625rem 0 0;font-size:.8125rem;line-height:1.5}@media (min-width:640px){.learn-diagram{padding:1.5rem}}.learn-node{border:2px solid var(--diagram-border);background:var(--diagram-node);text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;gap:.125rem;min-height:2.75rem;padding:.5rem .75rem;display:flex}.learn-node__label{color:var(--diagram-text);font-size:.8125rem;font-weight:600;line-height:1.35}.learn-node__sub{color:var(--diagram-muted);font-size:.75rem;line-height:1.35}.learn-node--dashed{border-style:dashed}.learn-node--primary{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--diagram-fill))}.learn-node--success{border-color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--diagram-fill))}.learn-node--warning{border-color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--diagram-fill))}.learn-node--danger{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--diagram-fill))}.learn-node--accent{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--diagram-fill))}.learn-node--muted{border-color:var(--diagram-border);background:var(--diagram-fill-alt)}.learn-flow{align-items:stretch;gap:0;display:flex}.learn-flow--column,.learn-flow--row{flex-direction:column}.learn-flow>.learn-node{flex:auto}.learn-arrow{flex-direction:column;justify-content:center;align-items:center;gap:.1875rem;padding:.4375rem 0;display:flex}.learn-arrow__line{background:var(--diagram-line);width:2px;height:1.125rem;position:relative}.learn-arrow__line:after{content:"";border-top:6px solid var(--diagram-line);border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.learn-arrow__label{letter-spacing:.02em;color:var(--diagram-muted);text-align:center;font-size:.6875rem;font-weight:600}@media (min-width:640px){.learn-flow--row{flex-direction:row;align-items:center}.learn-flow--row>.learn-arrow{padding:0 .4375rem}.learn-flow--row>.learn-arrow .learn-arrow__line{width:1.5rem;height:2px}.learn-flow--row>.learn-arrow .learn-arrow__line:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--diagram-line);border-right:none;inset:50% -1px auto auto;transform:translateY(-50%)}}.learn-stack{border:2px solid var(--diagram-border);background:var(--diagram-panel);border-radius:.625rem;padding:.625rem}.learn-stack+.learn-stack{margin-top:.625rem}.learn-stack__label{letter-spacing:.04em;text-transform:uppercase;color:var(--diagram-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.learn-stack__body{gap:.5rem;display:grid}.learn-stack--primary{border-color:var(--primary)}.learn-stack--primary>.learn-stack__label{color:var(--primary)}.learn-stack--success{border-color:var(--success)}.learn-stack--success>.learn-stack__label{color:var(--success)}.learn-stack--accent{border-color:var(--primary)}.learn-stack--accent>.learn-stack__label{color:var(--primary)}.learn-stack--warning{border-color:var(--warning)}.learn-stack--warning>.learn-stack__label{color:var(--warning)}.learn-stack--danger{border-color:var(--danger)}.learn-stack--danger>.learn-stack__label{color:var(--danger)}.learn-grid{grid-template-columns:1fr;gap:.625rem;display:grid}@media (min-width:560px){.learn-grid--2,.learn-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.learn-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.learn-column{border:2px solid var(--diagram-border);background:var(--diagram-panel);border-radius:.625rem;padding:.75rem}.learn-column__label{letter-spacing:.04em;text-transform:uppercase;color:var(--diagram-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.learn-column__body{gap:.5rem;display:grid}.learn-column--primary{border-color:var(--primary)}.learn-column--primary>.learn-column__label{color:var(--primary)}.learn-column--success{border-color:var(--success)}.learn-column--success>.learn-column__label{color:var(--success)}.learn-column--warning{border-color:var(--warning)}.learn-column--warning>.learn-column__label{color:var(--warning)}.learn-column--danger{border-color:var(--danger)}.learn-column--danger>.learn-column__label{color:var(--danger)}.learn-column--accent{border-color:var(--primary)}.learn-column--accent>.learn-column__label{color:var(--primary)}.learn-tree{justify-items:stretch;gap:0;display:grid}.learn-tree>.learn-node{min-width:11rem;margin:0 auto}.learn-tree__branch{grid-template-columns:1fr;gap:.5rem;margin-top:1.125rem;display:grid;position:relative}.learn-tree__branch:before{content:"";background:var(--diagram-line);width:2px;height:1.125rem;position:absolute;top:-1.125rem;left:50%}@media (min-width:560px){.learn-tree__branch{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.625rem}}@media (prefers-reduced-motion:reduce){.learn-code__copy{transition:none}}.learn-article__body{overflow-wrap:break-word;width:100%;min-width:0;font-size:clamp(1rem,.95rem + .3vw,1.0625rem);line-height:1.8}.learn-article__body.prose-reading{max-width:none}.learn-article__body .learn-block,.learn-article__body .learn-concepts,.learn-article__body .learn-recall,.learn-article__body .learn-practice,.learn-article__body .learn-diagram,.learn-article__body .arch-diagram,.learn-article__body .arch-grid,.learn-article__body .learn-table,.learn-article__body .learn-compare,.learn-article__body .learn-code,.learn-article__body .learn-status{max-width:100%}.learn-article__body .learn-diagram{width:100%;max-width:100%}.learn-article__body h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:clamp(1.25rem,1.1rem + .8vw,1.5rem)}.learn-article__body h3{margin-top:1.75rem;margin-bottom:.5rem;font-size:clamp(1.0625rem,1rem + .4vw,1.1875rem)}.learn-article__body code{overflow-wrap:anywhere}.learn-article__body pre code,.learn-article__body .learn-code code{overflow-wrap:normal}.learn-article__body .learn-table--mdx .learn-table__scroll{display:block}.learn-article__body .learn-table--mdx .learn-table__cards{display:none}@container learn-article (min-width:56rem) and (max-width:71.99rem){.learn-grid--3,.learn-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.arch-diagram,.arch-grid{--diagram-fill:var(--diagram-arch-fill)}.arch-diagram__title{color:var(--diagram-text);text-align:center;margin:0 0 .75rem;font-size:.9375rem;font-weight:700;line-height:1.35}.arch-diagram__viewport{background:var(--diagram-fill);border-radius:.625rem;width:100%;min-width:0;max-width:100%;line-height:0}.arch-diagram__svg{vertical-align:top;width:100%;max-width:100%;height:auto;display:block}.arch-diagram__edges path{transition:stroke-width .15s}.arch-grid__inner{gap:.625rem;width:100%;min-width:0;display:grid}.arch-grid__inner--2,.arch-grid__inner--3{grid-template-columns:repeat(1,minmax(0,1fr))}.arch-grid__inner--4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.arch-grid__inner--2{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-grid__inner--3{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-grid__inner--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.arch-grid__tile{text-align:center;border:2px solid;border-radius:.625rem;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:.75rem .5rem;transition:transform .15s,box-shadow .15s;display:flex}.arch-grid__tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.arch-grid__badge{border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.125rem;display:inline-flex}.arch-grid__cat{letter-spacing:.06em;text-transform:uppercase;font-size:.625rem;font-weight:700}.arch-grid__label{overflow-wrap:anywhere;font-size:.8125rem;font-weight:600;line-height:1.3}.arch-grid__sub{opacity:.85;overflow-wrap:anywhere;font-size:.6875rem;line-height:1.35}@container learn-article (min-width:56rem) and (max-width:71.99rem){.arch-grid__inner--4{grid-template-columns:repeat(3,minmax(0,1fr))}}.learn-syllabus{border:1px solid var(--learn-border,#00000014);background:linear-gradient(135deg, rgb(var(--primary-rgb,59 130 246) / .06), rgb(var(--primary-rgb,59 130 246) / .02));border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.125rem}.learn-syllabus__head{color:rgb(var(--primary-rgb,59 130 246));align-items:flex-start;gap:.625rem;margin-bottom:.75rem;display:flex}.learn-syllabus__eyebrow{letter-spacing:.02em;font-size:.8125rem;font-weight:700;line-height:1.3}.learn-syllabus__meta{opacity:.75;margin-top:.125rem;font-size:.75rem}.learn-syllabus__list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.learn-syllabus__list li{align-items:baseline;gap:.5rem;font-size:.8125rem;line-height:1.45;display:flex}.learn-syllabus__tag{letter-spacing:.04em;border:1px solid #00000014;border-radius:.25rem;flex-shrink:0;padding:.125rem .375rem;font-size:.625rem;font-weight:800}.learn-syllabus__tag--l1{color:#15803d;background:#22c55e1f}.learn-syllabus__tag--l2{color:#1d4ed8;background:#3b82f61f}.learn-syllabus__tag--l3{color:#c2410c;background:#f9731624}.learn-syllabus__tag--l4{color:#6b21a8;background:#a855f724}.learn-syllabus__note{opacity:.9;margin-top:.75rem;font-size:.8125rem}.learn-concept{border-left:3px solid rgb(var(--primary-rgb,59 130 246) / .35);margin:2rem 0 1.5rem;padding:.25rem 0 .25rem 1rem}.learn-concept__head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;display:flex}.learn-concept__title{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.35}.learn-concept__badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #00000014;border-radius:999px;padding:.2rem .5rem;font-size:.625rem;font-weight:800}.learn-concept__badge--fresher{color:#15803d;background:#22c55e1f}.learn-concept__badge--intermediate{color:#1d4ed8;background:#3b82f61f}.learn-concept__badge--advanced{color:#c2410c;background:#f9731624}.learn-concept__badge--expert{color:#6b21a8;background:#a855f724}.learn-concept__body{font-size:.9375rem;line-height:1.65}.learn-concept__body>:first-child{margin-top:0}.learn-concept__body>:last-child{margin-bottom:0}.learn-kata,.learn-explain{border:1px solid var(--border-light);background:var(--reading-surface);border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.125rem 1.125rem}.learn-kata__head,.learn-explain__head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.learn-kata__title,.learn-explain__title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.learn-kata__meta,.learn-explain__meta{color:var(--muted-foreground);margin:.2rem 0 0;font-size:.8125rem}.learn-kata__problem,.learn-explain__prompt{margin:0 0 .75rem;font-size:.9375rem;line-height:1.6}.learn-kata__hints{margin:.75rem 0}.learn-kata__toggle,.learn-explain__reveal{border:1px solid var(--border-light);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:.5rem;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.learn-kata__toggle--primary{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-light));background:color-mix(in srgb, var(--primary) 8%, var(--background))}.learn-kata__chev{transition:transform .15s}.learn-kata__chev--open{transform:rotate(180deg)}.learn-kata__hint-list{margin:.5rem 0 0;padding-left:1.125rem;font-size:.875rem;line-height:1.55}.learn-kata__actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.learn-kata__done{border:1px dashed var(--border-light);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8125rem;display:inline-flex}.learn-kata__done--on{border-style:solid;border-color:color-mix(in srgb, var(--primary) 40%, var(--border-light));color:var(--primary)}.learn-explain__reveal{margin-top:.25rem}.learn-explain__score{color:var(--foreground);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.learn-explain__rubric{margin:0;padding:0;list-style:none}.learn-explain__item{border:1px solid var(--border-light);background:var(--background);text-align:left;cursor:pointer;border-radius:.5rem;gap:.5rem;width:100%;margin-bottom:.35rem;padding:.5rem .65rem;font-size:.875rem;line-height:1.45;display:flex}.learn-explain__item--on{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-light));background:color-mix(in srgb, var(--primary) 6%, var(--background))}.learn-explain__check{border:1px solid var(--border-light);width:1.25rem;height:1.25rem;color:var(--primary);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.learn-explain__detail{color:var(--muted-foreground);font-weight:400}.learn-explain__practice{color:var(--primary);align-items:center;gap:.35rem;margin-top:.75rem;font-size:.8125rem;font-weight:500;display:inline-flex}