.blog-post-page{background:var(--theme-canvas, #f3f3ef);color:var(--theme-ink, #202125);padding:44px 0 64px;min-height:65vh;scroll-margin-top:90px}.blog-post-container{width:min(100% - 64px,1200px);margin-inline:auto}.blog-post-page a:focus-visible,.blog-post-page pre:focus-visible{outline:3px solid #3659ef;outline-offset:5px}.blog-post-back{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--theme-link, #3659ef)}.blog-post-back svg{flex:none}.blog-post-back:hover{text-decoration:underline;text-underline-offset:4px}.blog-post-kicker{display:flex;align-items:center;gap:24px;margin-top:42px}.blog-post-kicker>span{display:inline-flex;align-items:center;gap:10px;background:var(--theme-violet-surface, #b8a8f9);padding:9px 12px;font-size:11px;font-weight:750;letter-spacing:.06em}.blog-post-kicker svg{flex:none}.blog-post-kicker i{height:1px;background:var(--theme-soft, #cbd0c6);flex:1}.blog-post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.blog-post-tags span{border:1px solid var(--theme-border, #c9cfc2);padding:5px 9px;font-size:10px;line-height:1.5;color:var(--theme-muted, #535965);overflow-wrap:anywhere;max-width:100%}.blog-post-header h1{font-size:clamp(38px,5vw,70px);line-height:1.08;font-weight:850;letter-spacing:-.05em;max-width:1060px;margin-top:22px;overflow-wrap:anywhere;text-wrap:balance}.blog-post-excerpt{font-size:19px;line-height:1.8;color:var(--theme-muted, #535965);max-width:830px;margin-top:26px;overflow-wrap:anywhere}.blog-post-byline{display:flex;align-items:center;flex-wrap:wrap;gap:18px 32px;border-top:1px solid var(--theme-border, #cbd0c6);margin-top:32px;padding:22px 0;font-size:12px;color:var(--theme-muted, #535965)}.blog-post-author{display:flex;align-items:center;gap:11px;overflow-wrap:anywhere;min-width:0}.blog-post-author>span{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#202125;color:#dbf07b;font-size:15px;font-weight:750}.blog-post-byline time{display:flex;align-items:center;gap:9px}.blog-post-byline time svg{flex:none}.blog-post-cover{margin-top:8px;background:var(--theme-soft, #e3e6dc);border:1px solid var(--theme-border, #cbd0c6);padding:12px}.blog-post-cover>img,.blog-post-cover>video{width:100%;max-height:650px;object-fit:contain;display:block;background:#202125}.blog-post-cover figcaption{font-size:12px;color:var(--theme-muted, #535965);line-height:1.7;margin:10px 8px 0;overflow-wrap:anywhere}.blog-post-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;padding-top:42px;align-items:start}.blog-post-sidebar{position:sticky;top:96px;min-width:0}.blog-post-sidebar nav{border-top:3px solid var(--theme-accent-border, #3659ef);padding-top:18px}.blog-post-sidebar nav>p{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750}.blog-post-sidebar ol{list-style:none;padding:0;margin:18px 0;max-height:calc(100dvh - 280px);overflow-y:auto;overscroll-behavior:contain}.blog-post-sidebar li+li{margin-top:4px}.blog-post-sidebar li a{display:block;padding:8px 7px;font-size:12px;line-height:1.7;color:var(--theme-muted, #535965);border-left:2px solid transparent;overflow-wrap:anywhere}.blog-post-sidebar li a:hover,.blog-post-sidebar li a:focus-visible{color:var(--theme-link, #2444d0);background:var(--theme-soft, #e9ecdf);border-left-color:var(--theme-accent-border, #3659ef)}.blog-post-sidebar .blog-post-subheading a{padding-left:19px;font-size:11px}.blog-post-top{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--theme-muted, #535965);border-top:1px solid var(--theme-border, #cbd0c6);padding-top:18px}.blog-post-body{min-width:0;background:var(--theme-surface, #fff);border:1px solid var(--theme-border, #d8ddd3);padding:44px;overflow-wrap:anywhere}.blog-post-body>*+*{margin-top:26px}.blog-post-body>p{font-size:17px;line-height:1.95;color:var(--theme-muted, #414956);white-space:pre-wrap}.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{font-weight:800;letter-spacing:-.025em;line-height:1.3;scroll-margin-top:100px;margin-top:46px}.blog-post-body h2{font-size:30px}.blog-post-body h3{font-size:25px}.blog-post-body h4{font-size:21px}.blog-post-body>:first-child{margin-top:0}.blog-post-body blockquote{padding:26px 28px;border-left:4px solid var(--theme-border, #202125);background:var(--theme-green-surface, #eaf3cb);font-size:20px;line-height:1.75;letter-spacing:-.015em;white-space:pre-wrap}.blog-post-code{background:#202125;color:#eef1e9;border:1px solid var(--theme-border, #363940);min-width:0}.blog-post-code-label{display:flex;gap:9px;align-items:center;padding:12px 19px;border-bottom:1px solid var(--theme-border, #45494f);color:#dbf07b;font-size:11px}.blog-post-code-label svg{flex:none}.blog-post-code pre{padding:22px;overflow-x:auto;white-space:pre;font-size:13px;line-height:1.85;tab-size:2}.blog-post-media img,.blog-post-media video{display:block;width:100%;height:auto;border:1px solid var(--theme-border, #e1e5db)}.blog-post-media video{background:#202125}.blog-post-media audio{display:block;width:100%;min-width:0}.blog-post-media--audio{padding:20px;background:var(--theme-canvas, #f3f3ef);border:1px solid var(--theme-border, #d8ddd3)}.blog-post-media figcaption{margin-top:12px;font-size:12px;line-height:1.8;color:var(--theme-muted, #626b78);text-align:center}.blog-post-layout--no-contents{display:block;max-width:880px}.blog-post-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--theme-border, #cbd0c6);display:flex;align-items:center;justify-content:space-between;gap:22px}.blog-post-footer>a:last-child{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--theme-muted, #535965)}.blog-post-footer svg{flex:none}.blog-post-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:50px 24px;text-align:center}.blog-post-missing>svg{color:var(--theme-link, #3659ef)}.blog-post-missing h1{font-size:32px;font-weight:800}@media(max-width:1000px){.blog-post-layout{grid-template-columns:190px minmax(0,1fr);gap:26px}.blog-post-body{padding:30px}.blog-post-header h1{font-size:54px}.blog-post-excerpt{font-size:17px}}@media(max-width:767px){.blog-post-page{padding:28px 0 40px}.blog-post-container{width:calc(100% - 36px)}.blog-post-kicker{margin-top:30px;gap:15px}.blog-post-header h1{font-size:38px;line-height:1.12}.blog-post-excerpt{font-size:16px;margin-top:20px}.blog-post-tags{margin-top:22px}.blog-post-byline{margin-top:24px;gap:14px 24px}.blog-post-cover{padding:6px}.blog-post-layout{grid-template-columns:1fr;gap:24px;padding-top:28px}.blog-post-sidebar{position:static}.blog-post-sidebar ol{max-height:180px;margin-bottom:0}.blog-post-sidebar .blog-post-top{display:none}.blog-post-body{padding:24px 20px}.blog-post-body>p{font-size:16px;line-height:1.9}.blog-post-body h2{font-size:26px}.blog-post-body h3{font-size:23px}.blog-post-body h4{font-size:20px}.blog-post-body blockquote{font-size:18px;padding:20px}.blog-post-code pre{padding:17px;font-size:12px}.blog-post-media--audio{padding:10px}.blog-post-footer{flex-wrap:wrap}.blog-post-cover figcaption{font-size:11px}.blog-post-body>*+*{margin-top:23px}}@media print{.blog-post-sidebar,.blog-post-footer,.blog-post-back{display:none}.blog-post-page{background:var(--theme-surface, white);padding:0}.blog-post-container{width:100%}.blog-post-layout{display:block}.blog-post-body{border:0;padding:20px 0}.blog-post-code pre{white-space:pre-wrap;overflow-wrap:anywhere}.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{break-after:avoid}.blog-post-media{break-inside:avoid}}
