.blog-cover{--tone-a:#faf9f7;--tone-b:#ebe8e3;aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 18%, var(--tone-a) 0%, var(--tone-b) 100%);isolation:isolate;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.blog-cover[data-size=hero]{aspect-ratio:21/9}.blog-cover[data-tone=amber]{--tone-a:#fffaf0;--tone-b:#f6e6c6}.blog-cover[data-tone=sage]{--tone-a:#f7faf6;--tone-b:#dfe9de}.blog-cover[data-tone=slate]{--tone-a:#f7f8fa;--tone-b:#dfe2e8}.blog-cover[data-tone=stone]{--tone-a:#faf9f7;--tone-b:#e7e3dd}.blog-cover:before{content:"";z-index:-1;background-image:radial-gradient(#00000012 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0000 100%)}.blog-cover-fan{--w:22cqw;width:0;height:0;position:absolute;top:14%;left:50%}.blog-cover[data-size=hero] .blog-cover-fan{--w:15cqw;top:12%}.blog-cover-card{left:calc(var(--w) / -2);width:var(--w);border-radius:calc(var(--w) * .045);transform-origin:50% 120%;max-width:none;height:auto;transform:translateX(calc(var(--i) * var(--w) * .62)) rotate(calc(var(--i) * 7deg)) translateY(calc(var(--i) * var(--i) * var(--w) * .05));transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;box-shadow:0 5px 12px #0003}@media (hover:hover) and (pointer:fine){.blog-cover-card{box-shadow:none;filter:drop-shadow(0 6px 14px #00000038)drop-shadow(0 1px 2px #0000001f)}.blog-card:hover .blog-cover-card{transform:translateX(calc(var(--i) * var(--w) * .72)) rotate(calc(var(--i) * 9deg)) translateY(calc(var(--i) * var(--i) * var(--w) * .06 - var(--w) * .03))}}.blog-cover-chip{z-index:2;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:10px;max-width:88%;padding:8px 10px 8px 12px;font-size:clamp(11px,3.4cqw,14px);display:inline-flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000a,0 10px 28px -12px #00000047}.blog-cover[data-size=hero] .blog-cover-chip{font-size:clamp(11px,1.8cqw,15px);bottom:10%}.blog-cover-chip-label{color:var(--color-ink-2);font-weight:600}.blog-cover-chip-price{letter-spacing:-.01em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:650}.blog-cover-chip-pill{background:var(--color-green-bg);color:var(--color-green);border-radius:999px;padding:2px 8px;font-size:.86em;font-weight:600}.blog-cover-chip-code{text-overflow:ellipsis;background:var(--color-well);color:var(--color-ink);border-radius:6px;padding:3px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;overflow:hidden}.blog-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.blog-cta-art{display:none}@media (min-width:768px){.blog-cta-art{--w:120px;width:0;height:0;display:block;position:absolute;top:50%;right:120px}.blog-cta-art img{left:calc(var(--w) / -2);top:calc(var(--w) * -.7);width:var(--w);transform-origin:50% 120%;max-width:none;height:auto;transform:translateX(calc(var(--i) * 70px)) rotate(calc(var(--i) * 8deg));border-radius:6px;position:absolute;box-shadow:0 14px 30px -8px #0000008c}}@media (min-width:1024px){.blog-cta-art{--w:136px;right:170px}}.blog-toc-link{color:var(--color-ink-2);border-left:2px solid #00000014;padding:6px 0 6px 14px;font-size:13.5px;line-height:1.4;transition:color .15s,border-color .15s;display:block}.blog-toc-link[data-level="3"]{padding-left:26px}.blog-toc-link:hover{color:var(--color-ink)}.blog-toc-link[aria-current]{border-left-color:var(--color-ink);color:var(--color-ink);font-weight:600}.blog-toc-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:4px}.blog-faq+.blog-faq{border-top:1px solid #0000000f}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.blog-faq-icon svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.blog-faq[open] .blog-faq-icon{background:var(--color-ink);color:#fff}.blog-faq[open] .blog-faq-icon svg{transform:rotate(45deg)}.blog-prose{color:#3a3836;font-feature-settings:"kern", "liga";text-wrap:pretty;max-width:68ch;font-size:17px;line-height:1.72}@media (min-width:1024px){.blog-prose{font-size:18px}}.blog-prose>:first-child{margin-top:0}.blog-prose>p:first-child{color:var(--color-ink);font-size:1.12em;line-height:1.62}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose .blog-table,.blog-prose figure,.blog-prose img{margin-top:1.25em}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--color-ink);text-wrap:balance;scroll-margin-top:110px;font-weight:650}.blog-prose h2{letter-spacing:-.02em;margin-top:2.4em;font-size:1.6em;line-height:1.2}.blog-prose h3{letter-spacing:-.012em;margin-top:2em;font-size:1.2em;line-height:1.3}.blog-prose h4{margin-top:1.8em;font-size:1em}.blog-prose h2+*,.blog-prose h3+*,.blog-prose h4+*{margin-top:.6em}.blog-prose strong{color:var(--color-ink);font-weight:650}.blog-prose a{color:var(--color-ink);text-underline-offset:.22em;font-weight:500;-webkit-text-decoration:underline #00000038;text-decoration:underline #00000038;text-decoration-thickness:1px;transition:text-decoration-color .15s}.blog-prose a:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.blog-prose a:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:3px}.blog-prose ul,.blog-prose ol{padding-left:1.5em}.blog-prose ul{list-style:none}.blog-prose li{padding-left:.2em;position:relative}.blog-prose li+li{margin-top:.5em}.blog-prose ul>li:before{content:"";background:var(--color-ink);border-radius:999px;width:5px;height:5px;position:absolute;top:.72em;left:-1.05em}.blog-prose ol{list-style:decimal}.blog-prose ol>li::marker{color:var(--color-ink-3);font-variant-numeric:tabular-nums;font-weight:600}.blog-prose li>ul,.blog-prose li>ol,.blog-prose li>p{margin-top:.5em}.blog-prose blockquote{border-left:2px solid var(--color-ink);color:var(--color-ink);padding:.1em 0 .1em 1.2em;font-size:1.08em}.blog-prose blockquote>:first-child{margin-top:0}.blog-prose hr{border:0;border-top:1px solid #00000014;margin:3em 0}.blog-prose code{color:var(--color-ink);overflow-wrap:anywhere;background:#0000000e;border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.84em}.blog-prose pre{background:var(--color-ink);color:#f2f1ee;border-radius:12px;padding:1.1em 1.25em;font-size:.85em;line-height:1.6;overflow-x:auto}.blog-prose pre code{color:inherit;font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.blog-prose img{border-radius:12px;max-width:100%;height:auto;display:block;box-shadow:0 0 0 1px #0000000f,0 10px 28px -16px #0000002e}.blog-table{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000a,0 10px 28px -16px #0000002e}.blog-table:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.blog-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:520px;font-size:.82em;line-height:1.45}.blog-table th{text-align:left;letter-spacing:.02em;color:var(--color-ink-2);white-space:nowrap;background:#faf9f8;padding:.85em 1.1em;font-size:.86em;font-weight:600}.blog-table td{color:#3a3836;vertical-align:top;border-top:1px solid #0000000f;padding:.85em 1.1em}.blog-table td:first-child{color:var(--color-ink);font-weight:500}.blog-table tr:last-child td:has(strong){background:#faf9f8}@media (prefers-reduced-motion:reduce){.blog-cover-card,.blog-faq-icon svg{transition:none}}