:root{--mk-bg: #0e0d0c;--mk-panel: #141312;--mk-line: #2a2825;--mk-line2: #33302c;--mk-line3: #3a3733;--mk-ink: #faf7f2;--mk-base: #d9d5cd;--mk-body: #c4c1b9;--mk-lede: #a7a49b;--mk-text2: #b8b4ad;--mk-muted: #8a8783;--mk-faint: #6f6c66;--mk-tick: #4a473f;--mk-accent: #e8a33d;--mk-accent-hover: #f0b658;--mk-accent-contrast: #1c1b1a;--mk-shadow: rgba(0, 0, 0, .35);--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-blog: "Instrument Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--mk-bg);color:var(--mk-base);font-family:var(--font-blog);-webkit-font-smoothing:antialiased}::selection{background:#e8a33d47}a{text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:left}.brand-now{color:var(--mk-muted)}.brand-dot{display:inline-block;width:.23em;height:.23em;background:var(--mk-accent);border-radius:25%;margin-left:.155em}.mk-blog-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(24px,3vw,40px);border-bottom:1px solid var(--mk-line)}.mk-blog-brand{display:flex;align-items:baseline;color:var(--mk-ink);font:600 17px var(--font-ui);letter-spacing:-.008em}.mk-blog-brand-suffix{color:var(--mk-faint);font-weight:400;margin-left:10px}.mk-nav-links{display:flex;align-items:center;gap:22px}.mk-blog-signin{font-size:13.5px;color:var(--mk-muted)}.mk-blog-signin:hover{color:var(--mk-ink)}.mk-cta{display:inline-block;background:var(--mk-accent);color:var(--mk-accent-contrast);font:600 13.5px var(--font-ui);border-radius:7px;padding:9px 18px}.mk-cta:hover{filter:brightness(1.06)}.mk-cta--medium{font:600 14.5px var(--font-ui);border-radius:8px;padding:12px 26px}.mk-ghost{display:inline-block;border:1px solid var(--mk-line3);color:var(--mk-ink);font:600 14.5px var(--font-ui);border-radius:8px;padding:11px 22px}.mk-ghost:hover{border-color:var(--mk-muted)}.mk-blog-main{max-width:720px;width:100%;margin:0 auto;padding:72px clamp(24px,3vw,40px) 120px;flex:1}.mk-blog-main h1{font:600 32px/1.2 var(--font-ui);color:var(--mk-ink);margin:0;letter-spacing:-.015em}.mk-blog-intro{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--mk-muted);text-wrap:pretty}.mk-blog-year{margin:48px 0 4px;font:500 12px var(--font-mono);letter-spacing:.14em;color:var(--mk-faint)}.mk-postrow{display:flex;flex-direction:column;gap:6px;padding:24px 0;border-top:1px solid var(--mk-line);color:inherit}.mk-postrow-title{font:600 19px/1.3 var(--font-ui);color:var(--mk-ink);letter-spacing:-.01em}a.mk-postrow:hover .mk-postrow-title{color:var(--mk-accent)}.mk-postrow-takeaway{font-size:14.5px;color:var(--mk-muted);line-height:1.5}.mk-takeaway-chip{font:500 10.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mk-accent)}.mk-postrow-meta{font-size:12.5px;color:var(--mk-faint)}.mk-blog-footer{border-top:1px solid var(--mk-line);padding:28px clamp(24px,3vw,40px);display:flex;justify-content:space-between;align-items:center;max-width:720px;width:100%;margin:0 auto}.mk-blog-footer-copy{font-size:13px;color:var(--mk-faint)}.mk-blog-footer-links{display:flex;gap:20px;font-size:13px}.mk-blog-footer-links a{color:var(--mk-muted)}.mk-blog-footer-links a:hover{color:var(--mk-ink)}.mk-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--mk-accent);z-index:50;transition:width 80ms linear}.mk-post-wrap{max-width:1060px;margin:0 auto;padding:64px clamp(24px,3vw,40px) 120px;display:grid;grid-template-columns:minmax(0,1fr);flex:1}.mk-post{max-width:680px;justify-self:center;width:100%}.mk-post-kicker{font:500 12px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mk-accent);margin-bottom:20px}.mk-post h1{font:600 clamp(34px,3.3vw,46px) / 1.12 var(--font-ui);color:var(--mk-ink);margin:0 0 24px;letter-spacing:-.015em;text-wrap:balance}.mk-post-meta{display:flex;flex-direction:column;gap:8px;padding:18px 0 0;border-top:1px solid var(--mk-line);margin-bottom:32px}.mk-post-takeaway{font:500 15px var(--font-ui);color:var(--mk-ink)}.mk-post-date{font-size:12.5px;color:var(--mk-faint)}.mk-post-lede{font-size:19px;line-height:1.6;color:var(--mk-lede);margin:0 0 48px;text-wrap:pretty}.mk-post-body h2{font:600 27px var(--font-ui);color:var(--mk-ink);margin:48px 0 16px;letter-spacing:-.01em}.mk-post-body>h2:first-child{margin-top:0}.mk-post-body p{font-size:17px;line-height:1.75;color:var(--mk-body);margin:0 0 20px;text-wrap:pretty}.mk-post-body code{font:500 14px var(--font-mono);background:var(--mk-panel);border:1px solid var(--mk-line2);border-radius:4px;padding:1px 6px;color:var(--mk-ink)}.mk-post-body blockquote{margin:32px 0;padding:4px 0 4px 24px;border-left:2px solid var(--mk-accent)}.mk-post-body blockquote p{font:500 21px/1.5 var(--font-ui);color:var(--mk-ink);margin:0}.mk-post-body a,.mk-author-sub a{color:var(--mk-accent)}.mk-post-body a:hover,.mk-author-sub a:hover{color:var(--mk-accent-hover)}.mk-post-footer{margin-top:72px;padding-top:28px;border-top:1px solid var(--mk-line);display:flex;flex-direction:column;gap:28px}.mk-author{display:flex;align-items:center;gap:14px}.mk-author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--mk-line3),var(--mk-line));display:grid;place-items:center;font:500 14px var(--font-ui);color:var(--mk-accent)}.mk-author-info{display:flex;flex-direction:column;gap:3px}.mk-author-name{font-size:14px;color:var(--mk-ink);font-weight:500}.mk-author-sub{font-size:13px;color:var(--mk-muted)}.mk-post-footer-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.mk-filed-under{font-size:13px;color:var(--mk-faint)}.mk-filed-tag{color:var(--mk-accent)}.mk-all-posts{font:400 13px var(--font-ui);color:var(--mk-ink);border:1px solid var(--mk-line3);padding:8px 16px;white-space:nowrap}.mk-all-posts:hover{border-color:var(--mk-accent);color:var(--mk-accent)}.mk-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:center;gap:12px}.mk-rail-panel,.mk-promo-panel{background:var(--mk-panel);border:1px solid var(--mk-line2);box-shadow:-8px 0 32px var(--mk-shadow);padding:20px 22px 20px 18px;width:224px}.mk-rail-panel[hidden],.mk-promo-panel[hidden]{display:none}.mk-rail-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mk-rail-panel-label{font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mk-faint)}.mk-rail-close{color:var(--mk-faint);font-size:15px;line-height:1;padding:2px 4px}.mk-rail-close:hover{color:var(--mk-ink)}.mk-toc{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--mk-line)}.mk-toc-item{display:block;padding:7px 0 7px 16px;margin-left:-1px;font-size:13.5px;line-height:1.4;color:var(--mk-muted);border-left:2px solid transparent;font-weight:400;transition:color .12s,border-color .12s}.mk-toc-item:hover{color:var(--mk-ink)}.mk-toc-item--active{color:var(--mk-ink);border-left-color:var(--mk-accent);font-weight:500}.mk-rail-ticks{display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding:14px 16px 14px 20px}.mk-tick{display:block;height:2px;width:14px;background:var(--mk-tick);transition:width .16s,background .16s}.mk-tick--active{width:22px;background:var(--mk-accent)}.mk-promo{position:fixed;right:0;bottom:40px;z-index:40;display:flex;align-items:flex-end;gap:12px;transform:translate(100%);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s}.mk-promo--visible{transform:translate(0);opacity:1}.mk-promo-panel{padding:20px 22px 20px 20px;width:232px}.mk-promo-body{display:flex;flex-direction:column;gap:16px}.mk-promo-item{display:flex;flex-direction:column;gap:4px}.mk-promo-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-accent)}.mk-promo-link{font-size:14px;font-weight:500;color:var(--mk-ink);line-height:1.4}.mk-promo-link:hover{color:var(--mk-accent)}.mk-promo-desc{font-size:12.5px;color:var(--mk-muted);line-height:1.45}.mk-promo-divider{height:1px;background:var(--mk-line)}.mk-promo-demo{font-size:13.5px;font-weight:500;color:var(--mk-accent)}.mk-promo-demo:hover{color:var(--mk-accent-hover)}.mk-promo-tab{background:var(--mk-panel);border:1px solid var(--mk-line2);border-right:none;padding:14px 9px;display:flex}.mk-promo-tab:hover{border-color:var(--mk-line3)}.mk-promo-tab span{writing-mode:vertical-rl;font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mk-muted)}.mk-404{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 32px 80px}.mk-404-code{font:500 11px var(--font-mono);letter-spacing:.2em;color:var(--mk-muted)}.mk-404 h1{margin:24px 0 0;font:600 clamp(36px,3.7vw,52px) / 1.12 var(--font-ui);letter-spacing:-.015em;max-width:640px;color:var(--mk-ink);text-wrap:balance}.mk-404 p{margin:20px 0 0;font:400 16px/1.65 var(--font-ui);color:var(--mk-text2);max-width:440px;text-wrap:pretty}.mk-404-actions{display:flex;align-items:center;gap:16px;margin-top:34px}@media(max-width:1120px){.mk-rail,.mk-promo{display:none}}@media(max-width:640px){.mk-blog-nav{flex-wrap:wrap;gap:12px}.mk-404-actions{flex-wrap:wrap;justify-content:center}.mk-post-footer-row{flex-direction:column;align-items:flex-start}}
