.mk .blog{padding-top:clamp(40px,6vw,72px)}.mk .blog-hero{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}.mk .blog-hero h1{letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,72px);font-weight:600;line-height:1}.mk .blog-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 18rem;align-items:center;gap:24px;margin-bottom:28px;display:grid}.mk .blog-tabs{gap:22px;height:48px}.mk .blog-tabs a{color:var(--muted-foreground);font-size:14px;text-decoration:none}.mk .blog-tabs a:hover,.mk .blog-tabs a[aria-current=page]{color:var(--foreground)}.mk .blog-tab-count{font:11.5px/1 var(--mono);opacity:.8}.mk .blog-search{border:1px solid var(--input);border-radius:var(--radius);background:var(--card);height:36px;color:var(--muted-foreground);cursor:text;align-items:center;gap:8px;padding:0 8px 0 11px;display:flex}.mk .blog-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.mk .blog-search svg{flex:none;width:15px;height:15px}.mk .blog-search input{min-width:0;height:100%;color:var(--foreground);font:14px/1 var(--font);background:0 0;border:0;outline:none;flex:1}.mk .blog-search input::placeholder{color:var(--muted-foreground)}.mk .blog-search input::-webkit-search-cancel-button{display:none}@media (max-width:700px){.mk .blog-toolbar{border-bottom:0;grid-template-columns:minmax(0,1fr);gap:0}.mk .blog-tabs{border-bottom:1px solid var(--border)}.mk .blog-search{height:40px;margin-top:14px}.mk .blog-search input{font-size:16px}.mk .blog-search-key{display:none}}.mk .blog-count{color:var(--muted-foreground);margin:-8px 0 24px;font-size:14.5px}.mk .blog-count b{color:var(--foreground);font-weight:500}.mk .blog-empty{border:1px dashed var(--border);color:var(--muted-foreground);text-align:center;border-radius:16px;justify-items:center;gap:16px;padding:72px 24px;display:grid}.mk .blog-empty p{margin:0}.mk .blog-cover{aspect-ratio:1200/630;background:var(--ink);position:relative;overflow:hidden}.mk .blog-cover img{object-fit:cover;transition:scale .6s var(--ease-out)}.mk .blog-art{--u:calc(100cqw / 480);background:radial-gradient(circle at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--primary) 45%, transparent), transparent 58%), var(--ink);container-type:inline-size}.dark .mk .blog-art{background:radial-gradient(circle at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--primary) 22%, transparent), transparent 58%), var(--ink)}.mk .blog-art:before{content:"";background-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--u) * 31), #ffffff0f calc(var(--u) * 31), #ffffff0f calc(var(--u) * 32));background-size:100% calc(var(--u) * 32);position:absolute;inset:0}.mk .blog-art-ribbon,.mk .blog-art-mark{top:0;right:calc(var(--u) * 52);width:calc(var(--u) * 42);height:calc(var(--u) * 84);background:var(--highlight);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);transition:height .5s var(--ease-spring);position:absolute}.mk .blog-art-ribbon:after,.mk .blog-art-mark:after{content:"";background:var(--ink);height:14%;position:absolute;inset:24% 0 auto}.mk .blog-card:hover .blog-art-ribbon{height:calc(var(--u) * 96)}.mk .blog-art-pin{left:calc(var(--u) * 44);top:calc(var(--u) * 40);width:calc(var(--u) * 320);gap:calc(var(--u) * 10);padding:calc(var(--u) * 18) calc(var(--u) * 20);border-radius:calc(var(--u) * 12);color:#141a33;box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -16) #0000008c;background:#fff;display:grid;position:absolute;rotate:-3deg}.mk .blog-art-pin-behind{left:calc(var(--u) * 230);top:calc(var(--u) * 92);width:calc(var(--u) * 280);opacity:.9;rotate:4deg}.mk .blog-art-pin-key{font:500 calc(var(--u) * 12) / 1 var(--mono);color:#5b6280}.mk .blog-art-pin-title{font-size:calc(var(--u) * 18);letter-spacing:-.02em;font-weight:600;line-height:1.25}.mk .blog-art-pin-labels{gap:calc(var(--u) * 6);flex-wrap:wrap;display:flex}.mk .blog-art-pin-labels span{padding:calc(var(--u) * 4) calc(var(--u) * 8);font:500 calc(var(--u) * 11.5) / 1.2 var(--mono);background:#eef0f6;border-radius:999px}.mk .blog-art-pin-labels span:first-child{background:var(--highlight-soft);box-shadow:inset 0 0 0 1px var(--highlight-edge)}.mk .blog-art-pin-line{height:calc(var(--u) * 8);border-radius:calc(var(--u) * 4);background:#eef0f6}.mk .blog-art-pin-line-short{width:70%}.mk .blog-art-chat{left:calc(var(--u) * 44);right:calc(var(--u) * 130);top:calc(var(--u) * 34);justify-items:start;gap:calc(var(--u) * 12);font:400 calc(var(--u) * 14) / 1.45 var(--mono);color:var(--ink-fg);display:grid;position:absolute}.mk .blog-art-chat-client{align-items:center;gap:calc(var(--u) * 8);font:500 calc(var(--u) * 13) / 1 var(--font);color:var(--ink-muted);display:flex}.mk .blog-art-chat-client svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}.mk .blog-art-chat-you{color:var(--ink-muted)}.mk .blog-art-chat-you:before{content:"› ";color:var(--highlight)}.mk .blog-art-chat-agent:before{content:"● ";color:var(--ink-muted)}.mk .blog-art-chat-pinned{padding:calc(var(--u) * 6) calc(var(--u) * 12);border-radius:calc(var(--u) * 8);background:color-mix(in srgb, var(--highlight) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--highlight) 55%, transparent)}.mk .blog-art-chat-pinned b{color:var(--highlight);font-weight:500}.mk .blog-art-files{left:calc(var(--u) * 44);top:calc(var(--u) * 36);font:400 calc(var(--u) * 15) / 2 var(--mono);color:var(--ink-muted);white-space:pre;display:grid;position:absolute}.mk .blog-art-files span:not(:first-child){padding-left:calc(var(--u) * 18)}.mk .blog-art-file-hit{color:var(--ink-fg)}.mk .blog-art-files i{margin-left:calc(var(--u) * 12);padding:calc(var(--u) * 1) calc(var(--u) * 8) calc(var(--u) * 1) calc(var(--u) * 22);background:var(--sidebar-accent);font:400 calc(var(--u) * 12) / 1.6 var(--mono);color:var(--ink-fg);background-image:linear-gradient(var(--highlight), var(--highlight));background-size:calc(var(--u) * 9) calc(var(--u) * 13);background-position:calc(var(--u) * 8) 50%;background-repeat:no-repeat;border-radius:999px;font-style:normal}.mk .blog-art-files .blog-art-file-claimed{background-image:linear-gradient(#a3aedb,#a3aedb)}.mk .blog-art-chain{left:calc(var(--u) * 32);right:calc(var(--u) * 32);background:repeating-linear-gradient(90deg, #4a5384 0 calc(var(--u) * 8), transparent calc(var(--u) * 8) calc(var(--u) * 14)) center / 100% 2px no-repeat;justify-content:space-between;align-items:center;display:flex;position:absolute;top:60%;translate:0 -50%}.mk .blog-art-chain span{width:calc(var(--u) * 84);height:calc(var(--u) * 56);border-radius:calc(var(--u) * 10);background:var(--sidebar-accent);font:500 calc(var(--u) * 12) / 1 var(--mono);color:var(--ink-fg);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #3a4270}.mk .blog-art-chain .blog-art-node-done{opacity:.45}.mk .blog-art-chain .blog-art-node-ready{box-shadow:inset 0 0 0 calc(var(--u) * 1.5) var(--highlight)}.mk .blog-art-chain .blog-art-node-release{width:calc(var(--u) * 104);background:var(--highlight);box-shadow:none;color:var(--highlight-foreground);font-weight:600}.mk .blog-art[data-style=chain] .blog-art-ribbon{right:auto;left:calc(var(--u) * 50)}.mk .blog-art[data-style=paper]{background:#fbfbf8;box-shadow:inset 0 0 0 1px #dfe3ee}.mk .blog-art[data-style=paper]:before{background-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--u) * 31), #e6e9f2 calc(var(--u) * 31), #e6e9f2 calc(var(--u) * 32))}.mk .blog-art[data-style=paper]:after{content:"";top:0;bottom:0;left:calc(var(--u) * 60);width:calc(var(--u) * 1.5);background:#f1b8c2;position:absolute}.mk .blog-art[data-style=paper] .blog-art-ribbon{background:#141a33}.mk .blog-art[data-style=paper] .blog-art-ribbon:after{background:#fbfbf8}.mk .blog-art-paper-text{left:calc(var(--u) * 92);right:calc(var(--u) * 40);bottom:calc(var(--u) * 48);font:600 calc(var(--u) * 46) / 1.05 var(--font);letter-spacing:-.045em;text-wrap:balance;color:#141a33;position:absolute}.mk .blog-art-paper-text mark{padding:0 calc(var(--u) * 4);background:linear-gradient(transparent 58%, var(--highlight) 58%, var(--highlight) 92%, transparent 92%);color:inherit}.mk .blog-art-words-logo{left:calc(var(--u) * 42);top:calc(var(--u) * 30);color:var(--ink-fg);position:absolute}.mk .blog-art-words-logo svg{width:calc(var(--u) * 36);height:calc(var(--u) * 36)}.mk .blog-art-words{left:calc(var(--u) * 42);font:600 calc(var(--u) * 64) / .95 var(--font);letter-spacing:-.05em;color:var(--ink-fg);position:absolute;top:57%;translate:0 -50%}.mk .blog-art-words em{color:var(--highlight);font-style:normal}.mk .blog-art-words-note{left:calc(var(--u) * 42);bottom:calc(var(--u) * 24);align-items:center;gap:calc(var(--u) * 8);font:500 calc(var(--u) * 13) / 1 var(--mono);color:var(--ink-fg);display:flex;position:absolute}.mk .blog-art-words-note:before{content:"";width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--highlight);border-radius:50%}.mk .blog-art-pair{align-items:center;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.mk .blog-art-tile{width:calc(var(--u) * 112);height:calc(var(--u) * 112);border-radius:calc(var(--u) * 26);background:var(--sidebar-accent);box-shadow:inset 0 0 0 1px #3a4270, 0 calc(var(--u) * 18) calc(var(--u) * 40) calc(var(--u) * -16) #0009;place-items:center;display:grid;position:relative}.mk .blog-art-tile svg{width:calc(var(--u) * 56);height:calc(var(--u) * 56)}.mk .blog-art-tile .blog-art-mark{top:calc(var(--u) * 28);right:auto;left:calc(var(--u) * 37);width:calc(var(--u) * 38);height:calc(var(--u) * 58)}.mk .blog-art-tile .blog-art-mark:after{background:var(--sidebar-accent)}.mk .blog-art-link{width:calc(var(--u) * 90);background:repeating-linear-gradient(90deg, var(--highlight) 0 calc(var(--u) * 8), transparent calc(var(--u) * 8) calc(var(--u) * 14));height:2px}.mk .blog-art-pair-label{inset:auto 0 calc(var(--u) * 34);text-align:center;font:500 calc(var(--u) * 15) / 1 var(--font);letter-spacing:-.01em;color:var(--ink-fg);position:absolute}.mk .blog-art-pair-label b{margin:0 calc(var(--u) * 6);color:var(--highlight);font-weight:500}.mk .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:960px){.mk .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.mk .blog-grid{grid-template-columns:minmax(0,1fr)}}.mk .blog-card{border:1px solid var(--border);background:var(--card);height:100%;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .2s;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mk .blog-card:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.mk .blog-card:has(.blog-card-link:focus-visible){outline:2px solid var(--ring);outline-offset:3px}.mk .blog-card:hover .blog-cover img{scale:1.03}.mk .blog-card .blog-cover{border-bottom:1px solid var(--border)}.mk .blog-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 18px;display:flex}.mk .blog-card-title{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:20px;font-weight:600;line-height:1.25}.mk .blog-card-link{text-decoration:none}.mk .blog-card-link:focus-visible{outline:none}.mk .blog-card-link:after{content:"";z-index:1;position:absolute;inset:0}.mk .blog-card-description{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.mk .blog-card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex}.mk .blog-card-arrow{width:18px;height:18px;color:var(--muted-foreground);transition:transform .3s var(--ease-out), color .2s;flex:none}.mk .blog-card:hover .blog-card-arrow{color:var(--foreground);transform:translate(2px,-2px)}.mk .blog-card-featured{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-bottom:clamp(16px,2.4vw,28px);display:grid}.mk .blog-card-featured .blog-cover{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--border);min-height:320px}.mk .blog-card-featured .blog-card-body{justify-content:center;gap:14px;padding:clamp(24px,4vw,48px)}.mk .blog-card-featured .blog-card-title{letter-spacing:-.035em;font-size:clamp(26px,3vw,36px);line-height:1.1}.mk .blog-card-featured .blog-card-description{-webkit-line-clamp:4;font-size:16.5px}.mk .blog-card-featured .blog-card-foot{margin-top:8px}@media (max-width:860px){.mk .blog-card-featured{grid-template-columns:minmax(0,1fr)}.mk .blog-card-featured .blog-cover{aspect-ratio:1200/630;border-right:0;border-bottom:1px solid var(--border);min-height:0}.mk .blog-card-featured .blog-card-body{padding:20px 22px 18px}}.mk .blog-tags{font:500 12.5px/1.4 var(--mono);color:var(--muted-foreground);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.mk .blog-tags li:before{content:"#";color:var(--highlight-edge);margin-right:1px}.mk .blog-tags a{text-decoration:none;transition:color .15s}.mk .blog-tags a:hover{color:var(--foreground)}.mk .blog-meta{font:13px/1.4 var(--mono);color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.mk .blog-avatar{object-fit:cover;box-shadow:0 0 0 1px var(--border);border-radius:999px;flex:none}.mk .blog-meta-author{font-family:var(--font);color:var(--foreground);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.mk .blog-byline{align-items:center;gap:14px;margin-top:6px;display:flex}.mk .blog-byline>div{gap:3px;display:grid}.mk .blog-byline-name{color:var(--foreground);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.mk .blog-byline-name a{color:inherit;text-decoration:none}.mk .blog-byline-name a:hover{text-underline-offset:3px;text-decoration:underline}.mk .blog-byline-name span{color:var(--muted-foreground);font-size:14px;font-weight:400}.mk .blog-draft{border:1px solid var(--highlight-edge);background:var(--highlight-soft);color:var(--foreground);font:500 11.5px/1.4 var(--font);border-radius:999px;padding:2px 8px}.mk .blog-pages{justify-content:center;gap:6px;margin-top:clamp(32px,5vw,56px);display:flex}.mk .blog-page{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--card);min-width:38px;height:38px;font:500 14px/1 var(--mono);place-items:center;padding:0 10px;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-grid}.mk .blog-page svg{width:16px;height:16px}.mk a.blog-page:hover{border-color:color-mix(in srgb, var(--muted-foreground) 50%, transparent)}.mk .blog-page[aria-current=page]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.mk .blog-page[aria-disabled=true]{opacity:.4}.mk .blog-post{max-width:800px;margin-inline:auto}.mk .blog-post-head{gap:18px;margin-bottom:clamp(28px,4vw,44px);display:grid}.mk .blog-back{color:var(--muted-foreground);justify-self:start;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.mk .blog-back svg{width:15px;height:15px;transition:transform .25s var(--ease-out)}.mk .blog-back:hover{color:var(--foreground)}.mk .blog-back:hover svg{transform:translate(-3px)}.mk .blog-post-head h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(36px,5.4vw,60px);font-weight:600;line-height:1.02}.mk .blog-post-head .lede{margin:0}.mk .blog-post>.blog-cover{box-shadow:inset 0 0 0 1px var(--ink-line), var(--shadow-lg);border-radius:20px}.mk .blog-body{margin-top:clamp(36px,5vw,56px);font-size:18px;line-height:1.75}.mk .blog-body>:first-child{margin-top:0}:where(.mk .blog-body) :where(h2){letter-spacing:-.03em;margin:2.2em 0 .6em;font-size:28px;font-weight:600;line-height:1.2}:where(.mk .blog-body) :where(h3){letter-spacing:-.02em;margin:1.8em 0 .5em;font-size:21px;font-weight:600;line-height:1.3}:where(.mk .blog-body) :where(p,ul,ol,blockquote,table){color:color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground));margin:0 0 1.15em}:where(.mk .blog-body) :where(ul,ol){padding-left:24px}:where(.mk .blog-body) :where(ul){list-style:outside}:where(.mk .blog-body) :where(ol){list-style:decimal}:where(.mk .blog-body) :where(li){margin-bottom:.4em}:where(.mk .blog-body) :where(li)::marker{color:var(--muted-foreground)}:where(.mk .blog-body) :where(.contains-task-list){padding-left:0;list-style:none}:where(.mk .blog-body) :where(li>input[type=checkbox]){accent-color:var(--primary);margin:0 8px 0 0}.mk .blog-body :where(a){color:var(--primary);-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.mk .blog-body :where(a):hover{text-decoration-color:currentColor}:where(.mk .blog-body) :where(strong){color:var(--foreground);font-weight:600}:where(.mk .blog-body) :where(blockquote){border-left:3px solid var(--highlight);color:var(--foreground);padding:2px 0 2px 22px;font-size:1.08em;font-style:italic}:where(.mk .blog-body) :where(blockquote>:last-child){margin-bottom:0}:where(.mk .blog-body) :where(hr){border:0;border-top:1px solid var(--border);width:64px;margin:2.6em auto}:where(.mk .blog-body) :where(:not(pre)>code){font:.84em/1 var(--mono);background:var(--muted);border:1px solid var(--border);color:var(--foreground);overflow-wrap:anywhere;border-radius:5px;padding:2px 5px}:where(.mk .blog-body) :where(table){border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;display:block;overflow-x:auto}:where(.mk .blog-body) :where(th,td){text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}:where(.mk .blog-body) :where(th){color:var(--muted-foreground);font-size:13px;font-weight:500}.mk .blog-body .docs-code{margin:0 0 1.4em}.mk .blog-figure{margin:2em 0;display:block}.mk .blog-figure img{border:1px solid var(--border);width:100%;height:auto;box-shadow:var(--shadow-sm);border-radius:14px;display:block}.mk .blog-caption{text-align:center;color:var(--muted-foreground);margin-top:10px;font-size:14px;line-height:1.5;display:block}.mk .blog-end{background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-line);color:var(--ink-fg);border-radius:20px;justify-items:start;gap:14px;margin-top:clamp(56px,8vw,88px);padding:clamp(32px,5vw,48px);display:grid;position:relative;overflow:hidden}.mk .blog-end:before{content:"";pointer-events:none;background-image:linear-gradient(#0000 0 39px,#ffffff0d 39px 40px);background-size:100% 40px;position:absolute;inset:0}.mk .blog-end-ribbon{background:var(--highlight);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:36px;height:84px;position:absolute;top:0;right:clamp(24px,6vw,56px)}.mk .blog-end-ribbon:after{content:"";background:var(--ink);height:14%;position:absolute;inset:24% 0 auto}.mk .blog-end h2{letter-spacing:-.04em;max-width:14ch;margin:0;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.05;position:relative}.mk .blog-end p{max-width:44ch;color:var(--ink-muted);margin:0;font-size:16.5px;line-height:1.6;position:relative}.mk .blog-end-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex;position:relative}.mk .blog-end .btn-ghost{color:var(--ink-fg)}.mk .blog-end .btn-ghost:hover{background:#ffffff12}@media (max-width:600px){.mk .blog-end-ribbon{width:26px;height:56px}}