@layer components{.blog-cover svg{transition:transform .9s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-cover svg,.blog-card:focus-visible .blog-cover svg{transform:scale(1.06)}.blog-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px #0e2b228c}.blog-card:focus-visible{outline-offset:4px;outline:3px solid #1b7a5a}.blog-progress{transform-origin:100%;transform:scaleX(var(--blog-progress,0))}.blog-toc a{transition:color .25s;position:relative}.blog-toc a:before{content:"";opacity:0;background:#1b7a5a;border-radius:2px;width:2px;transition:opacity .25s,transform .35s;position:absolute;inset-block:.35em;inset-inline-start:-1px;transform:scaleY(.4)}.blog-toc a[aria-current=true]{color:#0e2b22;font-weight:700}.blog-toc a[aria-current=true]:before{opacity:1;transform:none}.blog-prose{color:#22362f;overflow-wrap:break-word;font-size:18px;font-weight:300;line-height:1.85}@media (min-width:640px){.blog-prose{font-size:19px}}.blog-prose>*+*{margin-top:1.25em}.blog-prose>p+p{margin-top:1.15em}.blog-prose h2,.blog-prose h3{color:#0e2b22;letter-spacing:-.012em;scroll-margin-top:7rem;font-weight:700}.blog-prose h2{margin-top:2.4em;margin-bottom:.2em;padding-top:.9em;font-size:28px;line-height:1.18;position:relative}.blog-prose h2:before{content:"";top:0;background:#c8a04a;border-radius:3px;width:44px;height:3px;position:absolute;inset-inline-start:0}.blog-prose>h2:first-child{margin-top:0}@media (min-width:640px){.blog-prose h2{font-size:36px}}.blog-prose h3{margin-top:1.9em;margin-bottom:0;font-size:22px;line-height:1.3}@media (min-width:640px){.blog-prose h3{font-size:25px}}.blog-prose h2+*,.blog-prose h3+*{margin-top:.7em}.blog-prose strong{color:#0e2b22;font-weight:700}.blog-prose a{color:#1b7a5a;text-underline-offset:5px;font-weight:700;-webkit-text-decoration:underline #1b7a5a59;text-decoration:underline #1b7a5a59;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.blog-prose a:hover{color:#0e2b22;text-decoration-color:#c8a04a}.blog-prose ul,.blog-prose ol{padding-inline-start:1.35em}.blog-prose ul{list-style:none}.blog-prose ul>li{position:relative}.blog-prose ul>li:before{content:"";inset-inline-start:-1.05em;background:#1b7a5a;border-radius:2px;width:7px;height:7px;position:absolute;top:.78em;transform:rotate(45deg)}.blog-prose ol{list-style:decimal}.blog-prose ol>li::marker{color:#1b7a5a;font-weight:700}.blog-prose li+li,.blog-prose li>ul,.blog-prose li>ol{margin-top:.5em}.blog-prose blockquote{color:#0e2b22;background:#c8a04a14;border-inline-start:3px solid #c8a04a;border-start-end-radius:18px;border-end-end-radius:18px;padding:1.1em 1.4em;font-size:1.08em}.blog-prose blockquote p+p{margin-top:.6em}.blog-prose hr{background:linear-gradient(90deg,#0000,#c8a04ab3,#0000);border:0;height:1px;margin-block:2.6em}.blog-prose code{color:#0e2b22;direction:ltr;unicode-bidi:isolate;background:#0e2b2212;border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;font-weight:400}.blog-prose pre{color:#dff3ea;direction:ltr;background:#0b1d17;border-radius:18px;padding:1.2em 1.4em;font-size:15px;line-height:1.7;overflow-x:auto}.blog-prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.blog-prose img{border-radius:20px}.blog-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #0e2b221a;border-radius:18px;overflow-x:auto;box-shadow:0 20px 40px -32px #0e2b2266}.blog-table-wrap:focus-visible{outline-offset:3px;outline:3px solid #1b7a5a}.blog-table-wrap table{border-collapse:collapse;width:100%;min-width:560px;font-size:16px;line-height:1.5}.blog-table-wrap th{color:#fff;text-align:start;white-space:nowrap;background:#0e2b22;padding:14px 16px;font-weight:700}.blog-table-wrap td{text-align:start;vertical-align:top;border-top:1px solid #0e2b2214;padding:12px 16px}.blog-table-wrap tbody tr:nth-child(2n) td{background:#f6f3ecb3}.blog-table-wrap td:first-child{color:#0e2b22;font-weight:700}.blog-faq summary{list-style:none}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq .blog-faq-icon{transition:transform .3s}.blog-faq[open] .blog-faq-icon{transform:rotate(45deg)}.blog-search::-webkit-search-cancel-button{display:none}@media (prefers-reduced-motion:reduce){.blog-card,.blog-cover svg,.blog-toc a,.blog-toc a:before,.blog-faq .blog-faq-icon{transition:none}.blog-card:hover,.blog-card:hover .blog-cover svg,.blog-card:focus-visible .blog-cover svg{transform:none}}}