@layer components{.blog-hyphens{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:11 5 5}@media (max-width:720px){.blog-topics{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-mask:linear-gradient(90deg, var(--navy) calc(100% - 48px), transparent);mask:linear-gradient(90deg, var(--navy) calc(100% - 48px), transparent);overflow-x:auto}.blog-topics::-webkit-scrollbar{display:none}.blog-topics.is-end{-webkit-mask:none;mask:none}}.blog-grid{grid-template-columns:144px minmax(0,720px) 240px;column-gap:48px;display:grid}@media (max-width:1055px){.blog-grid{max-width:720px;margin-inline:auto;display:block}}.blog-prose{letter-spacing:-.012em;text-wrap:pretty;font-size:18px;line-height:1.65}.blog-prose>*+*{margin-top:1.25em}.blog-prose>.blog-short+p{margin-top:32px}.blog-prose h2{letter-spacing:-.03em;text-wrap:balance;margin-top:56px;margin-bottom:24px;scroll-margin-top:88px;font-size:28px;line-height:1.15}.blog-prose h3{letter-spacing:-.03em;margin-top:36px;margin-bottom:12px;scroll-margin-top:88px;font-size:20px;line-height:1.2}.blog-prose h2+*,.blog-prose h3+*{margin-top:0}.blog-prose a{color:var(--blue-ink);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.blog-prose strong{font-weight:700}.blog-prose ul,.blog-prose ol{padding-left:1.5em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4em}.blog-prose li::marker{color:var(--blue-ink)}.blog-prose figcaption{letter-spacing:-.03em;color:var(--ink-3);margin-top:8px;font-size:13px;line-height:1.35}.blog-prose :not(pre)>code{font-family:var(--mono);letter-spacing:0;font-size:.85em}.blog-prose .blog-short{background:var(--lb);border-radius:12px;padding:20px}.blog-short b{margin-bottom:8px;font-size:17px;font-weight:700;display:block}.blog-prose .blog-short ul{padding-left:0;list-style:none}.blog-short li{letter-spacing:-.015em;padding-left:18px;font-size:17px;line-height:1.5;position:relative}.blog-prose .blog-short li+li{margin-top:6px}.blog-short li:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:2px}.blog-quote{border-left:3px solid var(--lb-2);background:var(--white);border-radius:12px;padding:20px 24px}.blog-quote p{font:500 18px/1.4 var(--serif);letter-spacing:-.02em}.blog-quote footer{letter-spacing:-.03em;color:var(--ink-3);margin-top:10px;font-size:13px;line-height:1.3}.blog-callout{background:var(--lb);border-radius:12px;padding:20px;font-size:17px;line-height:1.5}.blog-callout b{margin-bottom:4px;font-weight:700;display:block}.blog-code{position:relative}.blog-code pre{font:500 14px/1.6 var(--mono);letter-spacing:0;background:var(--surface);border-radius:12px;margin:0;padding:20px;overflow-x:auto}.blog-code code{font:inherit}.blog-code button{letter-spacing:-.03em;background:var(--white);height:32px;box-shadow:var(--sh-soft);border:0;border-radius:100px;padding:0 12px;font-size:13px;position:absolute;top:8px;right:8px}.blog-code button:hover{background:var(--lb)}.blog-steps{background:var(--white);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;display:grid}.blog-steps>div{background:var(--lb);border-radius:8px;padding:16px}.blog-steps>div:nth-child(2){background:var(--surface)}.blog-steps>div:nth-child(3){background:var(--lime)}.blog-steps b{font:500 24px/1.1 var(--serif);letter-spacing:-.03em;display:block}.blog-steps span{letter-spacing:-.03em;color:var(--ink-2);margin-top:8px;font-size:15px;line-height:1.3;display:block}.blog-table{background:var(--white);border-radius:12px;scroll-padding-inline:16px;overflow-x:auto}.blog-table table{border-collapse:collapse;letter-spacing:-.03em;width:100%;min-width:640px;font-size:15px;line-height:1.35}.blog-table th{text-align:left;color:var(--ink-3);padding:14px 16px 10px;font-size:13px;font-weight:500}.blog-table td{vertical-align:top;border-top:1px solid var(--surface);padding:12px 16px}@media (max-width:720px){.blog-prose{font-size:17px;line-height:1.6}.blog-prose h2{margin-top:44px;margin-bottom:16px;font-size:24px}.blog-quote{padding:16px 16px 16px 18px}.blog-code pre{padding:48px 16px 16px}.blog-code button{height:36px}.blog-steps{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}}}