.blog{--b-ink:#0a0a0b;--b-body:#3f3f46;--b-muted:#71717a;--b-line:#e4e4e7;--b-accent:#2456d3;--b-soft:#f4f4f5;min-height:100vh;color:var(--b-ink);font-family:var(--ff-inter), system-ui, sans-serif;background:#fff}.blog-nav{z-index:20;border-bottom:1px solid var(--b-line);background:#fffffff0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.blog-brand{font:700 17px/1 var(--ff-sora), sans-serif;color:var(--b-ink);align-items:center;gap:8px;text-decoration:none;display:flex}.blog-nav-links{align-items:center;gap:20px;font-size:14px;display:flex}.blog-nav-links a{color:var(--b-body);text-decoration:none}.blog-nav-links a:hover{color:var(--b-ink)}.blog-nav-links .blog-cta-sm{color:#fff;background:var(--b-ink);border-radius:8px;padding:8px 14px;font-weight:600}.blog-wrap{max-width:760px;margin:0 auto;padding:56px 24px 96px}.blog-wrap-wide{max-width:1120px}.blog-head h1{font:800 clamp(32px, 6vw, 52px)/1.06 var(--ff-sora), sans-serif;letter-spacing:-.03em;margin:0 0 12px}.blog-head p{color:var(--b-body);max-width:60ch;margin:0 0 40px;font-size:17px;line-height:1.6}.blog-card{border:1px solid var(--b-line);height:100%;color:inherit;background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.blog-card:hover{border-color:#c7d4f5;transform:translateY(-2px);box-shadow:0 8px 28px #0a0a0b12}.blog-card:focus-visible{outline:2px solid var(--b-accent);outline-offset:2px}.blog-card h2{font:700 20px/1.3 var(--ff-sora), sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0}.blog-card:hover h2{color:var(--b-accent)}.blog-card p{color:var(--b-body);flex:1;margin:0;font-size:15px;line-height:1.6}.blog-chip{color:var(--b-accent);background:#eef3ff;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600}.blog-meta{color:var(--b-muted);font-size:13px}.blog-card-featured{background:linear-gradient(135deg,#f5f8ff 0%,#fff 60%);margin-bottom:20px;padding:36px}.blog-card-featured h2{max-width:26ch;font-size:clamp(24px,3.4vw,32px)}.blog-card-featured p{max-width:64ch;font-size:17px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.post-crumbs{color:var(--b-muted);margin-bottom:20px;font-size:13px}.post-crumbs a{color:var(--b-muted)}.post-title{font:800 clamp(30px, 5.4vw, 44px)/1.12 var(--ff-sora), sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px}.post-dek{color:var(--b-body);margin:0 0 20px;font-size:18px;line-height:1.6}.post-byline{color:var(--b-muted);border-bottom:1px solid var(--b-line);margin-bottom:36px;padding-bottom:28px;font-size:14px}.post-body{color:var(--b-body);overflow-wrap:break-word;font-size:17px;line-height:1.75}.post-body>*{max-width:68ch}.post-body h2{font:700 26px/1.3 var(--ff-sora), sans-serif;color:var(--b-ink);letter-spacing:-.02em;margin:48px 0 14px;scroll-margin-top:72px}.post-body h3{font:700 19px/1.4 var(--ff-sora), sans-serif;color:var(--b-ink);margin:32px 0 10px}.post-body p{margin:0 0 18px}.post-body ul,.post-body ol{margin:0 0 18px;padding-left:22px}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body li{margin-bottom:6px}.post-body strong{color:var(--b-ink)}.post-body a{color:var(--b-accent);text-underline-offset:3px;text-decoration:underline}.post-body code{font-family:var(--ff-mono), ui-monospace, monospace;background:var(--b-soft);border-radius:5px;padding:2px 6px;font-size:.88em}.post-body pre{color:#e4e4e7;background:#0a0a0b;border-radius:10px;max-width:100%;margin:0 0 22px;padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.post-body pre code{color:inherit;background:0 0;padding:0}.post-body blockquote{border:1px solid var(--b-line);background:var(--b-soft);color:var(--b-ink);border-radius:10px;margin:0 0 22px;padding:14px 18px}.post-body blockquote p:last-child{margin:0}.post-table{max-width:100%;margin:0 0 22px;overflow-x:auto}.post-body table{border-collapse:collapse;width:100%;font-size:15px}.post-body th,.post-body td{text-align:left;border-bottom:1px solid var(--b-line);vertical-align:top;padding:10px 12px}.post-body th{color:var(--b-ink);background:var(--b-soft);font-weight:600}.post-body .tldr{background:#f5f8ff;border:1px solid #dbe5ff;border-radius:12px;max-width:68ch;margin:0 0 32px;padding:18px 22px 4px}.post-cta{background:var(--b-ink);color:#fff;border-radius:14px;margin-top:56px;padding:28px}.post-cta h2{font:700 22px/1.3 var(--ff-sora), sans-serif;color:#fff;margin:0 0 8px}.post-cta p{color:#d4d4d8;margin:0 0 18px;line-height:1.6}.post-cta a{color:var(--b-ink);background:#fff;border-radius:9px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-block}.post-author{border-top:1px solid var(--b-line);color:var(--b-body);margin-top:40px;padding-top:24px;font-size:15px;line-height:1.6}.post-author strong{color:var(--b-ink)}.post-byline .blog-chip{vertical-align:1px;margin-right:8px}.post-related{margin-top:64px}.post-related>h2{font:700 22px/1.3 var(--ff-sora), sans-serif;margin:0 0 18px}.post-related .blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}.post-related .blog-card{padding:18px}.post-related .blog-card h3{font:700 16px/1.35 var(--ff-sora), sans-serif;margin:0}.post-related .blog-card:hover h3{color:var(--b-accent)}@media (max-width:600px){.blog-nav{padding:0 16px}.blog-nav-links{gap:14px}.blog-nav-links .blog-hide-sm{display:none}.blog-wrap{padding:36px 16px 72px}.blog-card{padding:20px}.blog-card-featured{padding:24px}.post-body{font-size:16px}}.post-byline:has(.uc-start){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.uc-start{background:var(--b-ink);color:#fff;border-radius:9px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.uc-start:hover{background:#27272a}.uc-updated{font-size:13px}.uc-example{margin:28px 0 8px}.uc-example video{pointer-events:none;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:560px;margin:0 auto;display:block}.uc-example figcaption{opacity:.7;text-align:center;margin-top:8px;font-size:14px}