.learn-app{--bg-page:var(--bg-primary);--bg-shell:var(--bg-elevated);--bg-panel:var(--bg-panel-solid);--bg-panel-strong:var(--bg-panel-solid);--bg-soft:var(--bg-card-subtle);--bg-code:#0f1218;--bg-code-inline:color-mix(in srgb, var(--brand-bright) 8%, transparent);--text-body:color-mix(in srgb, var(--text-strong) 84%, var(--text-muted));--text-soft:var(--text-muted);--brand:var(--brand-bright);--brand-strong:var(--brand-deep);--brand-soft:color-mix(in srgb, var(--brand-bright) 9%, transparent);--line:var(--glass-border);--line-strong:var(--border-tech);--warning:var(--accent);--shadow-lg:var(--shadow-soft);--shadow-md:0 5px 20px #0000000a;--link:var(--brand-bright);--link-hover:var(--brand-bright);--max-shell:1200px;--max-copy:760px;--scrollbar-size:6px;--scrollbar-track:transparent;--scrollbar-thumb:color-mix(in srgb, var(--text-muted) 35%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--text-muted) 55%, transparent);color:var(--text-body)}[data-theme=light] .learn-app{--brand-bright:#006dae}.learn-app a{color:inherit;text-decoration:none}.learn-app button,.learn-app input,.learn-app textarea,.learn-app select{font:inherit}.learn-app img{max-width:100%;display:block}.learn-app :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid var(--brand-bright);outline-offset:4px}.learn-app *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.learn-app ::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.learn-app ::-webkit-scrollbar-track{background:var(--scrollbar-track)}.learn-app ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px}.learn-app ::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.learn-app code,.learn-app pre{font-family:var(--font-mono)}.learn-app .shell{width:min(calc(100% - 4rem), var(--max-shell));margin-inline:auto}.learn-app .surface{background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--shadow-md)}.learn-app .prose{color:var(--text-body);overflow-wrap:break-word;font-size:.9375rem;line-height:1.85}.learn-app .prose>:first-child{margin-top:0}.learn-app .prose :is(h1,h2,h3,h4){color:var(--text-strong);line-height:1.35;font-family:var(--font-sans);text-wrap:balance;scroll-margin-top:130px}.learn-app .prose h1{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(1.6rem,3vw,2rem);font-weight:500}.learn-app .prose h2{letter-spacing:-.03em;margin:2.75rem 0 1rem;font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:500}.learn-app .prose h3{letter-spacing:-.02em;margin:2rem 0 .85rem;font-size:1.1rem;font-weight:600}.learn-app .prose h4{margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.learn-app .prose :is(p,ul,ol,pre,table,blockquote){margin:0 0 1.2rem}.learn-app .prose :is(ul,ol){padding-left:1.4rem}.learn-app .prose li+li{margin-top:.45rem}.learn-app .prose strong{color:var(--text-strong);font-weight:600}.learn-app .prose a{color:var(--link);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--link) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--link) 35%, transparent);text-underline-offset:.18em}.learn-app .prose a:hover{text-decoration-color:currentColor}.learn-app .prose hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}.learn-app .prose blockquote{border-left:2px solid var(--brand);background:var(--brand-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.2rem}.learn-app .prose blockquote>:last-child{margin-bottom:0}.learn-app .prose :not(pre)>code{background:var(--bg-code-inline);color:var(--text-strong);border-radius:.4rem;padding:.15rem .4rem;font-size:.875em}.learn-app .prose pre{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-code);color:#ddedff;max-width:100%;padding:1.1rem 1.2rem;line-height:1.7;overflow-x:auto}.learn-app .prose table{border-collapse:collapse;border-spacing:0;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;font-size:.85rem;display:block;overflow-x:auto}.learn-app .prose :is(th,td){border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.85rem .9rem}.learn-app .prose th{color:var(--text-strong);font-weight:600}.learn-app .prose :not(.shiki)>code{font-size:.875em}.learn-app .prose .shiki{border:1px solid var(--line);border-radius:var(--radius-md);margin:0 0 1.2rem;padding:1.1rem 1.2rem;font-size:.8rem;line-height:1.7;overflow-x:auto;background:var(--bg-code)!important}.learn-app .prose .shiki code{border-radius:0;padding:0;background:0 0!important}.learn-app .sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=860px){.learn-app .shell{width:calc(100% - 2rem)}.learn-app .prose :is(h1,h2,h3,h4){scroll-margin-top:100px}}@media (width<=480px){.learn-app .prose{font-size:.875rem;line-height:1.85}.learn-app .prose :is(th,td){padding:.7rem}}