@layer components{.post-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 0%,var(--sun-soft) 0,transparent 30%),radial-gradient(circle at 0% 100%,var(--lake) 0,transparent 34%);position:relative;overflow:hidden}.post-hero-inner{padding-top:72px;padding-bottom:64px}.post-hero .eyebrow a{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.post-hero .eyebrow a:before{content:"";background:var(--sun);border-radius:50%;width:8px;height:8px}.post-hero .eyebrow a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.post-hero h1{text-wrap:balance;max-width:20ch;margin-top:20px;font-size:clamp(40px,5.6vw,72px);font-weight:800;line-height:1.02}.post-lede{max-width:56ch;color:var(--ink-2);text-wrap:pretty;margin:24px 0 0;font-size:20px;line-height:1.55}.post-cover{margin-top:48px}.post-cover .figure{margin:0}.post-cover .figure-box{border-radius:28px;box-shadow:0 30px 60px -36px #0b254573}.post-layout{gap:40px;padding-top:56px;padding-bottom:72px;display:grid}.toc-desktop{display:none}@media (min-width:1024px){.post-layout{grid-template-columns:minmax(0,1fr) 250px;gap:80px;padding-top:72px}.toc-mobile{display:none}.toc-desktop{grid-area:1/2;display:block}.toc-desktop .toc{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 136px);padding-right:6px;position:sticky;top:112px;overflow-y:auto}.post-layout .prose{grid-area:1/1}}.toc{font-size:15px;line-height:1.4}.toc-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px;font-size:12.5px}.toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc>ol{border-left:2px solid var(--line)}.toc ol ol{margin:2px 0 4px}.toc a{color:var(--ink-2);border-left:2px solid #0000;margin-left:-2px;padding:6px 0 6px 16px;text-decoration:none;display:block}.toc ol ol a{padding-left:30px;font-size:14.5px}.toc a:hover{color:var(--ink);border-left-color:var(--sun)}.toc-mobile{border:1px solid var(--line);background:#fff;border-radius:18px}.toc-mobile summary{cursor:pointer;font-weight:700;font-family:var(--display);justify-content:space-between;align-items:center;padding:16px 20px;font-size:18px;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"";border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);width:9px;height:9px;transition:transform .2s;transform:rotate(45deg)translateY(-3px)}.toc-mobile[open] summary:after{transform:rotate(225deg)translate(-2px,-2px)}.toc-mobile summary:focus-visible{border-radius:18px}.toc-mobile .toc{padding:0 20px 18px}.prose{min-width:0;max-width:68ch;color:var(--ink);font-size:18px;line-height:1.7}.prose>*{margin-top:0;margin-bottom:0}.prose>*+*{margin-top:1.25em}.prose h2,.prose h3,.prose h4{text-wrap:balance;scroll-margin-top:104px}.prose h2{font-size:clamp(28px,3.2vw,36px);font-weight:800;line-height:1.12}.prose>h2{margin-top:2.1em}.prose h3{letter-spacing:-.02em;font-size:clamp(22px,2.4vw,25px);font-weight:700;line-height:1.2}.prose>h3{margin-top:1.8em}.prose h4{font-family:var(--display);letter-spacing:-.01em;font-size:19px;font-weight:700;line-height:1.3}.prose>h4{margin-top:1.6em}.prose>:is(h2,h3,h4)+*,.prose>.heading-anchor+*{margin-top:.65em}.prose>:first-child{margin-top:0}:is(h2,h3,h4):has(+.heading-anchor){vertical-align:baseline;max-width:calc(100% - 1.6em);display:inline-block}.heading-anchor{color:var(--ink-2);margin-left:.35em;font-weight:600;text-decoration:none}.heading-anchor:hover{color:var(--navy)}@media (hover:hover){.heading-anchor{opacity:0;transition:opacity .15s}:is(h2,h3,h4):hover+.heading-anchor,.heading-anchor:hover,.heading-anchor:focus-visible{opacity:1}}.prose a:not(.btn):not(.heading-anchor){color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:4px;font-weight:500;text-decoration-thickness:2px}.prose a:not(.btn):not(.heading-anchor):hover{-webkit-text-decoration-color:var(--navy);text-decoration-color:var(--navy)}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:1.4em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:.45em}.prose ul>li::marker{color:var(--navy-3)}.prose ol>li::marker{font-family:var(--mono);color:var(--ink-2);font-size:.85em}.prose li{padding-left:.25em}.prose blockquote{border-left:4px solid var(--sun);font-family:var(--display);letter-spacing:-.01em;margin-left:0;margin-right:0;padding:4px 0 4px 24px;font-size:23px;font-weight:600;line-height:1.4}.prose blockquote p{margin:0}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;font-size:16px;line-height:1.5;overflow:hidden}.prose th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-align:left;background:var(--lake-wash);border-bottom:1px solid var(--line);padding:12px 16px;font-size:12.5px;font-weight:500}.prose td{border-bottom:1px solid var(--line);padding:12px 16px}.prose tr:last-child td{border-bottom:0}.prose :not(pre)>code{font-family:var(--mono);background:var(--lake-wash);border:1px solid var(--line);border-radius:6px;padding:.1em .4em;font-size:.84em}.prose figure[data-rehype-pretty-code-figure]{margin-left:0;margin-right:0}.prose pre{background:#f4f7fb;border:1px solid #dce4ee;border-radius:18px;margin:0;padding:20px 24px;font-size:15px;line-height:1.65;overflow-x:auto}.prose pre code{font-family:var(--mono);min-width:max-content;display:grid}.prose pre:focus-visible{outline-offset:2px}.figure{margin:2em 0}.prose>.figure{margin-top:2em;margin-bottom:2em}.prose>.figure+*{margin-top:0}.figure-box{background:var(--lake-wash);border-radius:20px;position:relative;overflow:hidden}.figure-box .figure-img{object-fit:cover}.figure>.figure-img{border-radius:20px;width:100%;height:auto}.figure figcaption{color:var(--ink-2);margin-top:12px;font-size:15px;line-height:1.5}.callout{border:1.5px solid;border-radius:18px;align-items:flex-start;gap:14px;padding:18px 22px;font-size:17px;line-height:1.6;display:flex}.callout-icon{flex:none;margin-top:3px}.callout-body>:first-child,.callout-body>.sr-only+*{margin-top:0}.callout-body>:last-child{margin-bottom:0}.callout-body>*+:not(.sr-only+*){margin-top:.6em}.callout-note{background:var(--lake-wash);border-color:var(--lake)}.callout-note .callout-icon{color:var(--navy-3)}.callout-tip{background:var(--sun-wash);border-color:var(--sun-soft)}.callout-tip .callout-icon{color:#8a5a00}.callout-warning{background:#fde8e4;border-color:#a3260f}.callout-warning .callout-icon{color:#a3260f}.prose>.callout+.callout{margin-top:.85em}.youtube{aspect-ratio:16/9;background:var(--navy);border-radius:20px;position:relative;overflow:hidden}.youtube iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.youtube-poster{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;background:linear-gradient(to top,var(--navy-2) 0,var(--navy-2) 24%,transparent 24%),radial-gradient(circle at 0% 100%,#bfe3f229 0,transparent 50%),var(--navy);flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(18px,4vw,32px);display:flex;position:absolute;inset:0;overflow:hidden}.youtube-poster>*{position:relative}.youtube-poster:focus-visible{outline:4px solid var(--sun);outline-offset:-4px;border-radius:20px}.youtube-poster>.youtube-play{aspect-ratio:1;background:var(--sun);width:clamp(56px,13%,104px);color:var(--navy);border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:absolute;top:11%;right:7%;box-shadow:0 0 0 10px #bfe3f21f}.youtube-play svg{margin-left:4px}.youtube-poster:hover .youtube-play{transform:scale(1.06)}.youtube-title{font-family:var(--display);letter-spacing:-.015em;max-width:30ch;font-size:clamp(17px,2.4vw,23px);font-weight:700;line-height:1.2}@media (max-width:540px){.youtube-note{display:none}}.youtube-note{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lake);font-size:12px}.compare{gap:16px;display:grid}@media (min-width:640px){.compare{grid-template-columns:1fr 1fr}}.compare-side{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px 24px}.compare-right{background:var(--lake-wash);border-color:var(--lake)}.prose .compare h3{margin:0;font-size:20px}.prose .compare ul{margin:12px 0 0;padding-left:1.2em;font-size:17px}.demo-cta{background:var(--sun-soft);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:32px clamp(24px,4vw,44px);display:flex}.demo-cta .demo-cta-title{max-width:20ch;margin:0;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.08}.demo-cta .demo-cta-text{color:#3a3000;max-width:46ch;margin:10px 0 0}.prose>.post-faq{margin-top:2.6em}.post-faq>h2{margin-bottom:.6em}.post-end{gap:48px;padding-bottom:96px;display:grid}.post-pager{gap:16px;display:grid}@media (min-width:768px){.post-pager{grid-template-columns:1fr 1fr}}.pager-link{border:1px solid var(--line);background:#fff;border-radius:20px;gap:8px;padding:22px 24px;text-decoration:none;transition:border-color .2s;display:grid}.pager-link:hover{border-color:var(--navy)}.pager-older{text-align:right;justify-items:end}.pager-dir{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pager-title{font-family:var(--display);letter-spacing:-.015em;font-size:20px;font-weight:700;line-height:1.2}.post-related h2{font-size:32px;font-weight:800}}.post-related .blog-grid{margin-top:24px}