.learn-prose img{border:1px solid var(--border);background:#fff;border-radius:1rem;max-width:100%;height:auto;margin-inline:auto;padding:.5rem;display:block}.learn-prose img.external-favicon{background:0 0;border:0;border-radius:.125rem;width:1em;height:1em;margin-block:0;margin-inline:.25rem .375rem;padding:0;display:inline-block}.learn-prose p:has(>img){text-align:center}.learn-prose p:has(>img:only-child)+p:has(>em:only-child){text-align:center;color:var(--muted-foreground);margin-top:-.75rem;font-size:.875rem}.learn-prose p:has(>img)>em{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem;display:block}.learn-prose table{max-width:100%;display:block;overflow-x:auto}.learn-prose pre.mermaid{border:1px solid var(--border);background:0 0;border-radius:1rem;justify-content:center;display:flex;overflow-x:auto}.learn-route{gap:.875rem;display:grid}.learn-route-stop{grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:start;column-gap:.75rem;display:grid;position:relative}.learn-route-stop:before{content:"";background:color-mix(in srgb, var(--accent) 30%, var(--border));width:2px;position:absolute;top:1.15rem;bottom:-.875rem;left:calc(.75rem - 1px)}.learn-route-stop:last-child:before{display:none}.learn-route-node{z-index:1;border:2px solid var(--accent);background:var(--card);border-radius:9999px;justify-self:center;width:.875rem;height:.875rem;margin-top:.2rem;position:relative}.learn-route-stop[data-edge=start] .learn-route-node{border-color:var(--brand-coral);background:var(--brand-coral);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-coral) 22%, transparent)}.learn-route-stop[data-edge=end] .learn-route-node{background:var(--accent)}.learn-faq summary{list-style:none}.learn-faq summary::-webkit-details-marker{display:none}.learn-faq-icon{transition:transform .2s}.learn-faq details[open] .learn-faq-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.learn-faq-icon{transition:none}}.learn-landing [id]{scroll-margin-top:5rem}@media (width>=64rem){.learn-shell{grid-template-columns:14rem minmax(0,45rem);justify-content:center;column-gap:2rem;width:100%;padding-inline:1.5rem;display:grid}.learn-shell>main{min-width:0;max-width:none;margin-inline:0;padding-inline:0}.learn-shell-aside{padding-block:2.5rem}}@media (width>=80rem){.learn-shell{grid-template-columns:16rem minmax(0,45rem);column-gap:3rem}}@media (width>=96rem){.learn-shell{grid-template-columns:16rem minmax(0,45rem) 16rem}}.learn-contents summary{cursor:pointer;list-style:none}.learn-contents summary::-webkit-details-marker{display:none}.learn-contents summary:focus-visible,.learn-contents a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:.5rem}.learn-contents-chevron{width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0;transition:transform .2s}details[open]>summary>.learn-contents-chevron{transform:rotate(90deg)}.learn-contents--disclosure .learn-contents-box{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--card);border-radius:1rem}.learn-contents-toggle{align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.learn-contents--disclosure .learn-contents-body{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);padding:0 .75rem .75rem}.learn-contents--disclosure .learn-contents-head{padding:.75rem .5rem .25rem}.learn-contents--disclosure .learn-contents-kicker,.learn-contents--disclosure .learn-contents-progress,.learn-contents--disclosure .learn-contents-bar{display:none}.learn-contents--rail{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-muted) transparent;max-height:calc(100svh - 6.5rem);padding-inline-end:.25rem;position:sticky;top:5.5rem;overflow-y:auto}.learn-contents--rail .learn-contents-toggle,.learn-contents--rail .learn-contents-minutes{display:none}.learn-contents-head{padding:0 .5rem .75rem}.learn-contents-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:600}.learn-contents-path{color:var(--foreground);margin-top:.25rem;font-size:.875rem;font-weight:700;line-height:1.35;transition:color .15s;display:block}.learn-contents-path:hover{color:var(--accent)}.learn-contents-progress{color:var(--muted-foreground);margin-top:.5rem;font-size:.75rem;font-weight:500}.learn-contents-bar{background:color-mix(in srgb, var(--accent) 12%, var(--border));border-radius:9999px;height:.25rem;margin-top:.375rem;overflow:hidden}.learn-contents-bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.learn-contents-stage{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.learn-contents-stage>summary{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.35;transition:color .15s;display:flex}.learn-contents-stage>summary:hover,.learn-contents-stage:has([aria-current=page])>summary{color:var(--foreground)}.learn-contents-list{gap:.125rem;padding-bottom:.5rem;display:grid}.learn-contents-list a{color:var(--muted-foreground);border-inline-start:2px solid #0000;border-radius:.5rem;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:baseline;gap:.25rem;padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;transition:color .15s,background-color .15s;display:grid}.learn-contents-list a:hover{color:var(--foreground);background:color-mix(in srgb, var(--muted) 60%, transparent)}.learn-contents-list a[aria-current=page]{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-inline-start-color:var(--accent);border-start-start-radius:0;border-end-start-radius:0;font-weight:600}.learn-contents-part{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.learn-contents-minutes{white-space:nowrap;font-size:.75rem}@media (prefers-reduced-motion:reduce){.learn-contents-chevron,.learn-contents-path,.learn-contents-stage>summary,.learn-contents-list a{transition:none}}.learn-progress-note{border:1px solid var(--border);background:var(--card);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000a}@media (width>=640px){.learn-progress-note{gap:1.25rem;padding:.875rem 1.25rem}}.learn-progress-note:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.learn-progress-note[hidden],.learn-progress-status[hidden],.learn-progress-complete[hidden],.learn-continue[hidden]{display:none}.learn-progress-complete{flex-direction:column;align-items:center;gap:.5rem;display:flex}.learn-contents-list a[data-learn-status=completed] .learn-contents-part:after{content:" ✓";color:var(--accent)}a[data-learn-lesson-link][data-learn-status=completed]>span:first-child:not(.learn-contents-part){background:var(--accent);color:var(--background)}a[data-learn-lesson-link][data-learn-status=in_progress]>span:first-child:not(.learn-contents-part){box-shadow:inset 0 0 0 2px var(--accent)}.learn-contents-list a[data-learn-status=in_progress] .learn-contents-part:after{content:" •";color:var(--accent)}.learn-progress-summary[hidden]{display:none}@keyframes learn-skel-in{to{opacity:1}}@keyframes learn-shimmer{to{background-position:-200% 0}}@keyframes learn-pulse{50%{opacity:.45}}[data-learn-loading] [data-learn-summary-text],[data-learn-loading] [data-learn-continue-title],[data-learn-loading] [data-learn-continue-meta]{color:#0000;user-select:none;background:linear-gradient(90deg, var(--muted) 25%, color-mix(in srgb, var(--muted) 35%, transparent) 50%, var(--muted) 75%);opacity:0;background-size:200% 100%;border-radius:.375rem;min-width:7rem;max-width:100%;min-height:1em;animation:10ms linear .15s forwards learn-skel-in,1.4s linear .15s infinite learn-shimmer;display:inline-block}[data-learn-loading] [data-learn-continue-title]{min-width:55%;min-height:1.25rem}[data-learn-loading] [data-learn-summary-bar],[data-learn-loading] [data-learn-continue-bar]{opacity:0}[data-learn-loading] .learn-contents-bar{animation:1.2s ease-in-out .15s infinite learn-pulse}[data-learn-loading] [data-learn-continue-link],[data-learn-loading] [data-learn-complete]{pointer-events:none;opacity:.6;cursor:progress}@media (prefers-reduced-motion:reduce){[data-learn-loading] [data-learn-summary-text],[data-learn-loading] [data-learn-continue-title],[data-learn-loading] [data-learn-continue-meta]{animation:10ms linear .15s forwards learn-skel-in}[data-learn-loading] .learn-contents-bar{animation:none}}[data-learn-start][hidden]{display:none}
