.learn-prose{color:var(--color-primary-700);font-size:clamp(1.125rem, 1.25vw, var(--text-copy-24));letter-spacing:.02em;line-height:1.5}.learn-prose>p,.learn-prose>h2,.learn-prose>h3,.learn-prose>h4,.learn-prose>ul,.learn-prose>ol,.learn-prose>blockquote,.learn-prose>details{width:100%;max-width:928px;margin-inline:auto}.learn-prose p{white-space:pre-wrap;margin-block:20px}.learn-prose h2,.learn-prose h3,.learn-prose h4{font-family:var(--font-display);letter-spacing:0;color:var(--color-primary-900);margin-top:clamp(40px,3.33vw,64px);margin-bottom:clamp(20px,1.67vw,32px);font-weight:500;line-height:1.2}.learn-prose h2{font-size:clamp(1.5rem, 1.67vw, var(--text-sub-sm))}.learn-prose h3,.learn-prose h4{font-size:clamp(1.25rem, 1.25vw, var(--text-sub-xs));margin-top:clamp(32px,2.5vw,48px);margin-bottom:clamp(16px,1.25vw,24px)}.learn-body .learn-prose>:first-child{margin-top:0}.learn-prose a{text-underline-offset:.15em;text-decoration:underline}.learn-prose ul{padding-left:1.5em;list-style:outside}.learn-prose ol{padding-left:1.5em;list-style:decimal}.learn-prose blockquote{border-left:2px solid var(--color-primary-300);padding-left:24px}.learn-prose details{interpolate-size:allow-keywords}.learn-prose details::details-content{opacity:0;height:0;transition:height .3s var(--ease-out-strong), opacity .3s var(--ease-out-strong), content-visibility .3s allow-discrete;overflow:hidden}.learn-prose details[open]::details-content{opacity:1;height:auto}.learn-prose figure{margin-block:clamp(32px,2.5vw,48px)}.learn-prose figure img{border-radius:12px;width:100%;height:auto;display:block}.learn-prose figure video{border-radius:12px}.learn-prose audio{width:100%}.learn-prose hr{border-color:var(--color-primary-300);margin-block:48px}.learn-prose mark{background:var(--color-yellow-800);color:inherit}.learn-prose [data-color=gray]{color:var(--color-primary-500)}.learn-prose .notion-equation{margin-block:20px;overflow-x:auto}.learn-prose .notion-code{margin-block:clamp(32px,2.5vw,48px)}.learn-prose .notion-code figcaption,.learn-prose figcaption{color:var(--color-primary-600);margin-top:24px;font-size:12px}.learn-columns{gap:16px;margin-block:48px;display:flex}.learn-columns>div{flex:1;min-width:0}.learn-columns figure{margin:0}.learn-prose table{border-collapse:collapse;width:100%;font-size:16px}.learn-prose td,.learn-prose th{border:1px solid var(--color-primary-300);text-align:left;padding:12px}.learn-example{background:var(--color-primary-800);border-radius:16px;margin-block:clamp(48px,5vw,96px);overflow:clip}.learn-example figure{margin:0}.learn-example figure img{border-radius:0}.learn-example-controls{color:var(--color-invert-800);padding:32px;font-size:16px}.learn-example-controls p{font-family:var(--font-mono);margin:0;line-height:1.5}.learn-example-controls a{text-decoration:none}.learn-example-controls ul{margin-inline:0;padding:0;list-style:none}@media (min-width:640px){.learn-example figure>img,.learn-example .learn-video{max-height:75vh}.learn-example figure>img{object-fit:contain}.learn-example .learn-video{margin-inline:auto}}@media (max-width:639px){.learn-columns{flex-direction:column}.learn-example-controls{padding:24px}}@media (prefers-reduced-motion:reduce){.learn-prose details::details-content{transition:none}}.example-card{padding-block:3px}.example-card figure{margin:0}.example-card figure img{width:100%;height:auto;display:block}.example-card figure img,.example-card figure video{border-radius:var(--radius-sm)}.example-card figcaption{width:fit-content;color:var(--color-primary-600);letter-spacing:0;margin:24px auto 0;font-size:12px;font-weight:500;line-height:1.35}.blog-article .learn-prose{overflow-wrap:break-word;flex-direction:column;font-weight:400;display:flex}.blog-article .learn-prose h2,.blog-article .learn-prose h3,.blog-article .learn-prose h4{white-space:pre-wrap;padding:3px 2px}.blog-article .learn-prose h4{margin-block:1px;font-size:1.15em}.blog-article .learn-prose .notion-children{flex-direction:column;padding-left:1.5em;display:flex}.blog-article .learn-prose figure{padding-block:3px}.blog-article .learn-columns{margin-block:0}.blog-article .learn-columns figure{padding:0}.blog-article .learn-columns>div{flex-direction:column;display:flex}.blog-article .learn-columns>div>:first-child{margin-top:0}.blog-article .learn-columns>div>:last-child{margin-bottom:0}.blog-article .learn-prose figure:has(>audio){width:100%;max-width:928px;margin:0 auto;padding:0}.blog-article .learn-prose>hr,.blog-article .learn-prose>audio,.blog-article .learn-prose>.notion-code,.blog-article .learn-prose>.notion-equation{width:100%;max-width:928px;margin-inline:auto}.blog-article .learn-prose figcaption{max-width:928px;margin-inline:auto}.blog-article .learn-prose p{margin-block:1px;padding:.25em 0}.blog-article .learn-prose p:empty{padding:3px 0}.blog-article .learn-prose p:empty:before{content:" "}.blog-article .learn-prose ul,.blog-article .learn-prose ol{margin-block:0;padding:0 0 0 1.2em}.blog-article .learn-prose li{white-space:pre-wrap;padding:9px 0}.blog-article .learn-prose li>ul,.blog-article .learn-prose li>ol{margin-block:0}.blog-article .learn-prose h2+h2,.blog-article .learn-prose h2+h3,.blog-article .learn-prose h3+h3,.blog-article .learn-prose h3+h4{margin-top:0}.blog-article .learn-prose blockquote{white-space:pre-wrap;margin-block:6px;padding:.25em 0 .25em 1em}.blog-article .learn-prose details{padding:3px 2px}.blog-article .learn-prose details>summary{cursor:pointer}.blog-article .learn-prose details>:not(summary){margin-left:1.1em}.blog-article .learn-prose hr{margin-block:clamp(32px,2.5vw,48px)}.blog-article .learn-prose figure img,.blog-article .learn-prose figure video{border-radius:var(--radius-sm)}.blog-article .learn-prose figcaption{letter-spacing:0;width:fit-content;font-weight:500;line-height:1.35}.blog-article .learn-prose audio{width:100%;display:block}.blog-article .learn-prose :not(pre)>code{background:var(--color-primary-100);font-family:var(--font-mono);border-radius:3px;padding:.2em .4em;font-size:85%}.blog-article .learn-prose mark{background:#fbf3db}.blog-article .learn-prose span[data-color=gray]{color:#9b9a97}.blog-article .learn-prose mark[data-color=gray]{background:#ebeced}.blog-article .learn-prose span[data-color=brown]{color:#64473a}.blog-article .learn-prose mark[data-color=brown]{background:#e9e5e3}.blog-article .learn-prose span[data-color=orange]{color:#d9730d}.blog-article .learn-prose mark[data-color=orange]{background:#faebdd}.blog-article .learn-prose span[data-color=yellow]{color:#dfab01}.blog-article .learn-prose mark[data-color=yellow]{background:#fbf3db}.blog-article .learn-prose span[data-color=green]{color:#4d6461}.blog-article .learn-prose mark[data-color=green]{background:#ddedea}.blog-article .learn-prose span[data-color=teal]{color:#4d6461}.blog-article .learn-prose mark[data-color=teal]{background:#ddedea}.blog-article .learn-prose span[data-color=blue]{color:#0b6e99}.blog-article .learn-prose mark[data-color=blue]{background:#ddebf1}.blog-article .learn-prose span[data-color=purple]{color:#6940a5}.blog-article .learn-prose mark[data-color=purple]{background:#eae4f2}.blog-article .learn-prose span[data-color=pink]{color:#ad1a72}.blog-article .learn-prose mark[data-color=pink]{background:#f4dfeb}.blog-article .learn-prose span[data-color=red]{color:#e03e3e}.blog-article .learn-prose mark[data-color=red]{background:#fbe4e4}.blog-article .learn-prose .notion-code{width:100%;margin-block:.25em}.blog-article .learn-prose .notion-equation{text-align:center;margin-block:4px;padding:4px}.blog-article .learn-prose table{width:fit-content;max-width:min(928px,100%);font-size:var(--text-copy-16);border:0;margin-inline:auto;line-height:1.35;display:block;overflow-x:auto}.blog-article .learn-prose td,.blog-article .learn-prose th{white-space:pre-wrap;width:120px;padding:8px}.blog-article .learn-prose th{background:var(--color-primary-100);font-weight:inherit}