.blog-head{padding-top:48px;margin-bottom:24px}.blog-head h1{font-size:32px;line-height:1.2;letter-spacing:-0.5px;margin-bottom:8px}.blog-head .lead{font-size:16px}.blog-filter{margin-bottom:24px}.post-list{list-style:none;margin:0;padding:0;max-width:720px}.post-list li{border-top:1px solid var(--lav);padding:20px 0}.post-list li:last-child{border-bottom:1px solid var(--lav)}.post-list li[hidden]{display:none}.post-list h2{font-size:18px;margin:4px 0 6px}.post-list h2 a:hover{text-decoration:underline}.post-list .post-meta{margin-top:8px;margin-bottom:0}.post-list p{margin-bottom:0;color:var(--slate);font-size:15px}.post-list .empty{border:0}.post{max-width:720px;padding-top:48px;font-size:15px;line-height:1.8;color:var(--slate)}.post h1{font-size:32px;line-height:1.25;letter-spacing:-0.5px;margin-bottom:8px}.post h2{font-size:20px;margin:40px 0 12px}.post h3{font-size:18px;margin:28px 0 10px}.post p{margin:0 0 16px}.post ul,.post ol{padding-left:22px;margin:0 0 16px}.post li{margin-bottom:6px}.post a:not(.text-link):not(.tag){color:var(--cobalt);text-decoration:underline;text-decoration-color:var(--lav);text-underline-offset:3px}.post a:not(.text-link):not(.tag):hover{text-decoration-color:var(--cobalt)}.post img{max-width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--lav)}.post hr{border:0;border-top:1px solid var(--lav);margin:32px 0}.post-meta{font-family:var(--mono);font-size:12px;color:var(--fog);margin:0 0 32px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.post-meta .tags{display:inline-flex;gap:6px}.post-meta .tag{font-size:11px;cursor:default}.post code{font-size:13px;background:var(--lav);color:var(--ink);border-radius:var(--r-sm);padding:1px 5px}.post pre code,.post .code-block code{background:none;padding:0;font-size:inherit}.post .code-block{margin:0 0 20px;position:relative}.post .code-block pre{font-size:13px}.copy-btn{margin-left:auto;border:1px solid rgba(48,48,85,0.12);background:var(--paper);color:var(--fog);border-radius:var(--r-sm);font-family:var(--mono);font-size:11px;padding:1px 8px;cursor:pointer;line-height:1.6}.copy-btn:hover{color:var(--ink);border-color:var(--ink)}.copy-btn.done{color:var(--teal);border-color:var(--teal)}.post table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px;display:block;overflow-x:auto}.post th,.post td{border:1px solid var(--lav);padding:8px 10px;text-align:left;vertical-align:top}.post th{font-weight:600;color:var(--ink);background:rgba(232,232,242,0.4);font-size:13px}.post td code{white-space:nowrap}.post blockquote{margin:0 0 20px;padding:4px 0 4px 16px;border-left:2px solid var(--ink);color:var(--slate)}.post blockquote p:last-child{margin-bottom:0}.toc{border:1px solid var(--lav);border-radius:var(--r-lg);padding:12px 16px;margin:0 0 32px;font-size:14px}.toc .eyebrow{margin-bottom:4px}.toc ol{margin:0;padding-left:20px}.toc li{margin:2px 0}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{text-decoration:underline}.post-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:20px;border-top:1px solid var(--lav);font-size:14px;font-weight:500}.post-nav a{color:var(--ink)}.post-nav a[rel="next"]{margin-left:auto;text-align:right}@media (max-width:600px){.post,.blog-head h1{padding-top:32px}.post h1,.blog-head h1{font-size:26px}.blog-head{padding-top:32px}}