:root{color-scheme:light;--primary-50:254 252 232;--primary-100:254 249 195;--primary-200:254 240 138;--primary-300:253 224 71;--primary-400:250 204 21;--primary-500:234 179 8;--primary-600:202 138 4;--primary-700:161 98 7;--primary-800:133 77 14;--primary-900:113 63 18;--gray-50:241 241 241;--gray-100:226 226 226;--gray-200:198 198 199;--gray-300:170 171 171;--gray-400:144 145 145;--gray-500:118 119 119;--gray-600:93 95 95;--gray-700:69 71 71;--gray-800:47 49 49;--gray-900:26 28 28;--black:0 0 0;--white:255 255 255;--bg:var(--white);--text:var(--black);--muted:var(--gray-600);--line:var(--gray-100);--accent:var(--primary-700);--accent-soft:var(--primary-100);--content-width:860px;--header-height:60px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:rgb(var(--bg));color:rgb(var(--text));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}a{color:inherit}h1,h2,p,span{margin:0}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;width:100%;min-height:var(--header-height);padding:0 max(16px,calc((100% - var(--content-width)) / 2));border-bottom:1px solid rgb(var(--gray-50));background:rgb(var(--bg))}.logo{text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo span{font-family:Manrope;font-weight:800;font-size:18px}.logo-strong{color:rgb(var(--primary-600))}.footer{display:flex;justify-content:space-between;align-items:center;color:rgb(var(--gray-700));background:rgb(var(--gray-50));width:100%;margin:0;padding:60px max(16px,calc((100% - var(--content-width)) / 2))}.footer-copyright-box{display:flex;flex-direction:column}.footer-blog-name{font-family:Manrope;font-size:13px;color:rgb(var(--gray-900));font-weight:500}.footer-copyright{font-family:Inter;font-size:14px;font-weight:500}.footer-link-box{display:flex;gap:24px}.footer-link-box a{font-family:Inter;font-size:14px;text-decoration:none;font-weight:500}.page-shell{width:min(var(--content-width),calc(100% - 32px));margin:0 auto}.narrow-page{max-width:720px;padding:72px 0}.home-hero{display:flex;align-items:center;justify-content:center;height:280px;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:40px 0}.home-hero img{height:100%}.eyebrow{margin:0 0 8px;color:rgb(var(--accent));font-size:13px;font-weight:800;text-transform:uppercase}.post-index{scroll-margin-top:var(--header-height);padding:10px 0 120px}.post-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgb(var(--gray-50))}.post-heading-title{font-size:18px;font-weight:600}.post-heading-posts{color:rgb(var(--muted));font-size:14px}.post-list{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.post-list-item{display:flex;flex-direction:column;gap:8px;padding:24px 0;text-decoration:none}.post-list-item:focus-visible .post-list-content,.post-list-item:focus-visible .post-list-title,.post-list-item:hover .post-list-content,.post-list-item:hover .post-list-title{text-decoration:underline}.post-list-title{font-size:22px;font-weight:600;line-height:1.25}.post-list-categories{display:flex;flex-wrap:wrap;gap:6px}.post-list-categories span{padding:0 6px;border-radius:4px;background:rgb(var(--primary-500)/.2);color:rgb(var(--accent));font-size:12px}.post-list-content{display:-webkit-box;overflow:hidden;color:rgb(var(--gray-700));font-size:15px;font-weight:400;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-list-time{display:block;color:rgb(var(--gray-500));font-size:13px;font-weight:500;letter-spacing:.05em;font-family:JetBrains Mono}.pagination{display:flex;gap:14px;margin-top:44px}.pagination,.pagination-button{align-items:center;justify-content:center}.pagination-button{min-width:36px;height:36px;display:inline-flex;padding:0;border:1px solid rgb(var(--line));border-radius:6px;background:rgb(var(--white));color:rgb(var(--gray-700));cursor:pointer;font:inherit;font-size:14px;font-weight:600;text-decoration:none}.pagination-button:hover:not(:disabled){border-color:rgb(var(--accent));color:rgb(var(--accent))}.pagination-button:disabled{color:rgb(var(--gray-300));cursor:default}.pagination-status{min-width:64px;color:rgb(var(--gray-700));font-size:14px;font-weight:600;text-align:center}.post-layout{position:relative;margin-bottom:120px}.post-article{min-width:0}.post-header{padding:20px 0;border-bottom:1px solid rgb(var(--line))}.post-header-title{margin-bottom:4px;font-size:32px;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.post-header-time{display:block;color:rgb(var(--muted));font-size:16px}.category-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:6px}.category-row span{padding:0 6px;background:rgb(var(--primary-500)/.2);border-radius:4px;color:rgb(var(--accent));font-size:13px;font-weight:600}.other-posts{min-width:0;margin-top:36px;padding:24px 0 0;border-top:1px solid rgb(var(--line))}.other-posts-title{margin:0 0 12px;font-size:18px;font-weight:700}.other-posts ul{display:grid;grid-gap:12px;gap:12px;padding:0;margin:0;list-style:none}.other-posts-item{display:block;padding:16px;border:1px solid rgb(var(--line));border-radius:6px;text-decoration:none}.other-posts a.other-posts-item:hover{border-color:rgb(var(--accent))}.other-posts-current{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:16px;column-gap:16px;align-items:center;border-color:rgb(var(--primary-600));background:rgb(var(--primary-500)/.2)}.other-posts time{display:block;color:rgb(var(--muted));font-size:14px}.other-posts-item-title{display:block;font-weight:600;font-size:16px;line-height:1.4}.other-posts-current-label{display:inline-flex;grid-column:2;grid-row:1/span 2;margin-top:0;padding:1px 7px;border-radius:4px;background:rgb(var(--primary-600));color:rgb(var(--white));font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}.text-link{color:rgb(var(--accent));font-weight:800;text-decoration:none}.post-aside{position:absolute;top:0;left:calc(100% + 40px);width:300px;height:100%}.post-aside .toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 24px);max-height:calc(100vh - var(--header-height) - 48px);overflow-y:auto}.toc{margin:20px 0;padding:18px 20px;border-left:4px solid rgb(var(--primary-600))}.toc strong{display:block;margin-bottom:8px}.toc ul{display:grid;grid-gap:6px;gap:6px;padding:0;margin:0;list-style:none}.toc a{color:rgb(var(--muted));text-decoration:none}.toc a:hover{color:rgb(var(--accent))}.toc-depth-3{padding-left:16px}.toc-depth-4{padding-left:32px}.markdown-body{min-width:0;padding:20px 0;overflow-wrap:break-word;line-height:2}.markdown-body h2,.markdown-body h3,.markdown-body h4{scroll-margin-top:calc(var(--header-height) + 24px);margin:44px 0 12px;font-weight:600}.markdown-body blockquote,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin:18px 0}.markdown-body ul{padding-left:32px}.markdown-body hr{border:0;border-top:2px solid rgb(var(--gray-100))}.markdown-body blockquote p{margin:0}.markdown-body img{display:block;max-width:100%;height:auto;margin-inline:auto}.markdown-body .image-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.markdown-body a{color:rgb(var(--primary-600));font-weight:500}.markdown-body blockquote{padding:2px 0 2px 18px;border-left:4px solid rgb(var(--line));color:rgb(var(--muted))}.markdown-body code{padding:2px 5px;background:rgb(var(--primary-500)/.2);font-family:Consolas,Courier New,monospace;font-size:.92em;color:rgb(var(--accent));border-radius:3px}.markdown-body pre{max-width:100%;overflow-x:auto;padding:16px 18px;border-radius:8px;background:rgb(var(--gray-900));color:rgb(var(--gray-200))}.markdown-body pre.shiki{line-height:1.45}.markdown-body pre code{display:block;min-width:max-content;padding:0;background:transparent}.markdown-body table{display:block;width:max-content;max-width:100%;margin-inline:auto;overflow-x:auto;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:6px 14px;border:1px solid rgb(var(--line))}.markdown-body th{background:rgb(var(--gray-50));font-weight:600}@media (max-width:1500px){.toc{display:none}}