.learn{--l-bg:oklch(13.5% .014 272);--l-bg-2:oklch(16% .016 270);--l-surface:oklch(19% .016 270);--l-surface-2:oklch(23.5% .018 270);--l-surface-3:oklch(28% .02 270);--l-line:oklch(42% .025 270/.42);--l-line-soft:oklch(42% .025 270/.22);--l-ink:oklch(96% .006 270);--l-ink-2:oklch(84% .012 270);--l-quiet:oklch(70% .014 270);--l-faint:oklch(56% .016 270);--l-cyan:oklch(85% .135 195);--l-violet:oklch(64% .21 293);--l-blue:oklch(66% .19 258);--l-green:oklch(80% .17 155);--l-green-ink:oklch(86% .15 155);--l-red:oklch(70% .19 25);--l-red-ink:oklch(80% .13 25);--l-amber:oklch(84% .16 75);--l-ease:cubic-bezier(.16, 1, .3, 1);--l-ease-quint:cubic-bezier(.22, 1, .36, 1);--l-ease-quart:cubic-bezier(.25, 1, .5, 1);--l-radius:18px;--l-radius-sm:12px;--l-mono:ui-monospace, "Cascadia Code", "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;color:var(--l-ink);-webkit-tap-highlight-color:transparent}.learn :where(h1,h2,h3,h4){color:var(--l-ink);letter-spacing:-.01em}.learn :where([dir=rtl],:root[dir=rtl] :scope){--l-leading:1.95}.learn{--l-leading:1.7}.learn .l-prose{line-height:var(--l-leading);color:var(--l-ink-2);max-width:68ch;font-size:1rem}.learn .l-prose :where(p+p,p+ul,ul+p,p+ol,ol+p){margin-top:.85em}.learn .l-prose :where(ul,ol){gap:.35em;padding-inline-start:1.25em;display:grid}.learn .l-prose ul{list-style:outside}.learn .l-prose ol{list-style:decimal}.learn .l-prose :where(li)::marker{color:var(--l-a,var(--l-cyan))}.learn .l-prose :where(strong){color:var(--l-ink);font-weight:650}.learn .l-prose :where(a){color:var(--l-a,var(--l-cyan));text-underline-offset:3px;text-decoration:underline}.learn :where(.l-prose,.l-inline) code{font-family:var(--l-mono);color:oklch(92% .06 200);white-space:break-spaces;unicode-bidi:isolate;background:oklch(30% .03 270/.7);border-radius:6px;padding:.12em .42em;font-size:.88em}.learn :where(.l-prose,.l-inline) kbd{font-family:var(--l-mono);border:1px solid var(--l-line);background:var(--l-surface-2);unicode-bidi:isolate;border-bottom-width:2px;border-radius:6px;padding:.1em .45em;font-size:.8em}.learn .kbd-plus{color:var(--l-faint);padding-inline:.2em}.learn .t-kw{color:oklch(78% .15 305)}.learn .t-ty{color:oklch(84% .12 195)}.learn .t-fn{color:oklch(87% .13 88)}.learn .t-st{color:oklch(82% .15 148)}.learn .t-nu{color:oklch(82% .14 55)}.learn .t-co{color:oklch(62% .03 265);font-style:italic}.learn .t-bi{color:oklch(79% .16 20)}.learn .t-at{color:oklch(80% .12 245)}.learn .t-tg{color:oklch(77% .15 22)}.learn .t-an{color:oklch(85% .11 82)}.learn .t-va{color:oklch(83% .13 335)}.learn .t-pr{color:oklch(82% .1 225)}.learn .t-pu{color:oklch(72% .02 265)}.learn .l-btn{min-height:48px;transition:transform .16s var(--l-ease), background-color .2s var(--l-ease), box-shadow .2s var(--l-ease), color .2s var(--l-ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.4rem;font-size:.98rem;font-weight:650;line-height:1;display:inline-flex}.learn .l-btn:focus-visible{outline:2px solid var(--l-cyan);outline-offset:3px}.learn .l-btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.learn .l-btn:disabled{cursor:not-allowed;opacity:.55}.learn .l-btn-primary{color:oklch(16% .02 270);background:var(--l-a,var(--l-cyan));box-shadow:0 0 0 1px oklch(100% 0 0/.08) inset, 0 8px 24px -10px var(--l-a,var(--l-cyan))}.learn .l-btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--l-a,var(--l-cyan)) 86%, white)}.learn .l-btn-quiet{color:var(--l-ink);background:var(--l-surface-2);box-shadow:0 0 0 1px var(--l-line) inset}.learn .l-btn-quiet:hover:not(:disabled){background:var(--l-surface-3)}.learn .l-btn-ghost{color:var(--l-ink-2);background:0 0}.learn .l-btn-ghost:hover:not(:disabled){color:var(--l-ink);background:oklch(100% 0 0/.05)}.learn .l-icon-btn{block-size:44px;inline-size:44px;color:var(--l-ink-2);transition:background-color .16s var(--l-ease), color .16s var(--l-ease);border-radius:12px;place-items:center;display:inline-grid}.learn .l-icon-btn:hover{color:var(--l-ink);background:oklch(100% 0 0/.06)}.learn .l-icon-btn:focus-visible{outline:2px solid var(--l-cyan);outline-offset:2px}.learn .l-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--l-a,var(--l-cyan));font-size:.74rem;font-weight:700}:root[dir=rtl] .learn .l-eyebrow{letter-spacing:0;font-size:.82rem}.learn .l-chip{min-height:28px;color:var(--l-ink-2);box-shadow:0 0 0 1px var(--l-line-soft) inset;white-space:nowrap;background:oklch(100% 0 0/.05);border-radius:999px;align-items:center;gap:.35rem;padding:0 .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.learn .l-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes l-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes l-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes l-draw{to{stroke-dashoffset:0}}@keyframes l-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.learn .l-rise{animation:l-rise .56s var(--l-ease) both;animation-delay:calc(var(--l-i,0) * 55ms)}@media (prefers-reduced-motion:reduce){.learn .l-rise{animation:none}}@property --l-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}@property --l-fill{syntax:"<number>";inherits:false;initial-value:0}