@keyframes blog-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.blog-rise{animation:.52s cubic-bezier(.2,.7,.2,1) both blog-rise;animation-delay:calc(var(--i,0) * 45ms)}.blog-progress{height:3px;z-index:var(--z-sticky,100);pointer-events:none;display:none;position:fixed;inset:0 0 auto}@supports (animation-timeline:scroll()){.blog-progress{background:var(--accent);transform-origin:0;animation:linear both blog-progress;animation-timeline:scroll(root);display:block;transform:scaleX(0)}}@keyframes blog-progress{to{transform:scaleX(1)}}.blog-card{border:1px solid var(--border-default);border-radius:var(--r-xl);background:var(--bg-surface);flex-direction:column;gap:12px;height:100%;padding:20px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative}.blog-card:hover,.blog-card:focus-within{border-color:var(--accent-border);box-shadow:var(--elev-md);transform:translateY(-3px)}.blog-card-arrow{transition:transform .22s;display:inline-block}.blog-card:hover .blog-card-arrow{transform:translate(4px)}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px) 0 0;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);width:calc(100% + 40px);max-width:none;height:auto;margin:-20px -20px 4px;display:block}.blog-hero{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-default);border-radius:var(--r-2xl);background:var(--bg-subtle);width:100%;height:auto;display:block}@media (min-width:768px){.blog-hero{aspect-ratio:21/9}}.blog-card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-card-link:focus-visible{outline:none}.blog-card:has(.blog-card-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.blog-mono{border-radius:var(--r-lg);letter-spacing:-.01em;border:1px solid var(--border-default);background:var(--bg-subtle);width:36px;height:36px;color:var(--fg-muted);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.blog-mono-us{background:var(--accent);border-color:var(--accent);color:var(--fg-on-accent)}.blog-filter{border:1px solid var(--border-default);border-radius:var(--r-lg);background:var(--bg-surface);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.blog-filter button{border-radius:var(--r-md);height:32px;font-size:var(--text-sm);color:var(--fg-muted);padding-inline:14px;font-weight:500;transition:background-color .18s,color .18s}.blog-filter button:hover{color:var(--fg-default);background:var(--bg-hover)}.blog-filter button[aria-pressed=true]{background:var(--accent-bg);color:var(--accent-fg)}.blog-prose{color:var(--fg-default);overflow-wrap:break-word;font-size:16px;line-height:1.75}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2{letter-spacing:-.015em;margin-top:2.4em;scroll-margin-top:88px;font-size:24px;font-weight:650;line-height:1.25}.blog-prose h3{margin-top:1.8em;font-size:18px;font-weight:600;line-height:1.35}.blog-prose h2+*,.blog-prose h3+*{margin-top:.6em}.blog-prose .blog-anchor{color:var(--fg-subtle);opacity:0;margin-left:8px;text-decoration:none;transition:opacity .16s}.blog-prose h2:hover .blog-anchor,.blog-prose .blog-anchor:focus-visible{opacity:1}.blog-prose ul,.blog-prose ol{padding-left:1.3em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.45em}.blog-prose li::marker{color:var(--fg-subtle)}.blog-prose ol>li::marker{color:var(--accent-fg);font-weight:600}.blog-prose a{color:var(--accent-fg);text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:3px;transition:text-decoration-color .16s}.blog-prose a:hover{text-decoration-color:currentColor}.blog-prose strong{font-weight:650}.blog-prose code{font-family:var(--font-mono);border-radius:var(--r-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:1px 5px;font-size:.88em}.blog-prose sup{margin-left:1px;font-size:.7em;line-height:0}.blog-prose sup a{font-weight:600;text-decoration:none}.blog-table-wrap{border:1px solid var(--border-default);border-radius:var(--r-lg);background:var(--bg-surface);overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.blog-table th,.blog-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:10px 14px}.blog-table thead th{background:var(--bg-subtle);letter-spacing:.03em;color:var(--fg-muted);font-size:12px;font-weight:600}.blog-table tbody tr:last-child>*{border-bottom:0}.blog-table tbody tr{transition:background-color .14s}.blog-table tbody tr:hover{background:var(--bg-hover)}.blog-table .blog-us{background:var(--accent-bg)}.blog-table caption{caption-side:bottom;text-align:left;color:var(--fg-subtle);border-top:1px solid var(--border-subtle);padding:10px 14px;font-size:12px}.blog-cell{align-items:flex-start;gap:8px;display:flex}.blog-cell-note{color:var(--fg-muted);font-size:12.5px}.blog-callout{border:1px solid var(--border-default);border-left:3px solid var(--accent);border-radius:var(--r-lg);background:var(--bg-surface);padding:18px 20px}.blog-callout>*+*{margin-top:.7em}.blog-callout-tldr{background:linear-gradient(135deg, var(--accent-bg), var(--bg-surface) 70%)}.blog-callout-tip{border-left-color:var(--success)}.blog-callout-title{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-fg);font-size:12px;font-weight:700}.blog-callout ul{margin-top:.6em}.blog-faq{border:1px solid var(--border-default);border-radius:var(--r-lg);background:var(--bg-surface);overflow:hidden}.blog-faq details+details{border-top:1px solid var(--border-subtle)}.blog-faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:14px 18px;font-weight:600;list-style:none;display:flex}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";color:var(--fg-subtle);flex-shrink:0;font-weight:500;transition:transform .2s}.blog-faq details[open] summary:after{transform:rotate(45deg)}.blog-faq .blog-faq-body{color:var(--fg-muted);padding:0 18px 16px}.blog-faq .blog-faq-body>*+*{margin-top:.7em}.blog-faq details[open] .blog-faq-body{animation:.26s both blog-rise}.blog-toc a{border-left:2px solid var(--border-subtle);color:var(--fg-muted);padding:5px 0 5px 12px;font-size:13px;line-height:1.45;text-decoration:none;transition:color .16s,border-color .16s;display:block}.blog-toc a:hover{color:var(--fg-default)}.blog-toc a[aria-current=true]{color:var(--accent-fg);border-left-color:var(--accent);font-weight:500}@media (prefers-reduced-motion:reduce){.blog-rise,.blog-faq details[open] .blog-faq-body{animation:none}.blog-progress{display:none}.blog-card,.blog-card:hover{transform:none}}@media (max-width:767px){.blog-table-pair th,.blog-table-pair td{overflow-wrap:anywhere;padding:9px 8px}.blog-table-pair thead th:first-child{width:34%}}
