.blog-list{gap:16px;list-style:none;display:grid}@media (min-width:900px){.blog-list{grid-template-columns:1fr 1fr;gap:20px}}.blog-list>li{display:flex}.blog-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);flex:1;align-items:stretch;gap:20px;padding:20px;text-decoration:none;transition:border-color .14s,transform .14s;display:flex}.blog-card:hover{border-color:var(--signal-border);transform:translateY(-1px)}.blog-card-cover{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:200px}.blog-card-text{min-width:0}.blog-card h2{font-family:var(--font-display-stack);letter-spacing:-.01em;overflow-wrap:anywhere;margin-bottom:8px;font-size:21px;font-weight:600;line-height:1.25}.blog-card p{color:var(--fog);margin-bottom:12px}.blog-meta{font-family:var(--font-mono-stack);letter-spacing:.04em;color:var(--fog);font-size:12px}.blog-empty{color:var(--fog);font-size:17px}.blog-more{margin-top:32px}.blog-more .btn-ghost{display:inline-block}.post{padding:64px 0 80px}.post-layout{display:block}.post-main{min-width:0}.post-crumb{font-family:var(--font-mono-stack);letter-spacing:.04em;margin-bottom:24px;font-size:13px}.post-crumb a{color:var(--fog);text-decoration:none}.post-crumb a:hover{color:var(--signal)}.post-title{font-family:var(--font-display-stack);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(30px,5vw,52px);font-weight:600;line-height:1.12}.post-byline{color:var(--fog);align-items:center;gap:12px;margin:20px 0 32px;font-size:14px;display:flex}.post-avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.post-cover{object-fit:cover;border-radius:var(--radius);width:100%;height:auto;max-height:480px;margin-bottom:32px;display:block}.post-takeaways{background:var(--signal-faint);border:1px solid var(--signal-border);border-radius:var(--radius);margin-bottom:32px;padding:20px 24px}.post-takeaways h2,.post-toc h2{font-family:var(--font-mono-stack);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-bottom:10px;font-size:12px;font-weight:500}.post-takeaways ul{padding-left:20px;list-style:outside}.post-takeaways li{overflow-wrap:anywhere;margin:6px 0}.post-toc{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);margin-bottom:40px;padding:20px 24px}.post-toc ol{padding-left:20px}.post-toc li{overflow-wrap:anywhere;margin:5px 0}.post-toc a{color:var(--paper);text-decoration:none}.post-toc a:hover{color:var(--signal)}.post-body{overflow-wrap:anywhere;font-size:18px;line-height:1.75}.post-body>:not(.post-table-scroll):not(pre):not(img):not(hr){max-width:75ch}.post-body>*+*{margin-top:1.1em}.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-family:var(--font-display-stack);letter-spacing:-.01em;scroll-margin-top:90px;font-weight:600;line-height:1.25}.post-body h2{margin-top:2.2em;font-size:28px}.post-body h3{margin-top:1.8em;font-size:21px}.post-body h4,.post-body h5,.post-body h6{margin-top:1.5em;font-size:18px}.post-body>h2+*,.post-body>h3+*,.post-body>h4+*{margin-top:.6em}.post-body p,.post-body li{color:#c9d3e3}.post-body strong{color:var(--paper);font-weight:600}.post-body a{color:var(--signal);text-underline-offset:3px;text-decoration:underline}.post-body a:hover{color:var(--signal-tint)}.post-body ul,.post-body ol{padding-left:24px}.post-body ul{list-style:outside}.post-body li{margin:6px 0}.post-body li>ul,.post-body li>ol{margin-top:6px}.post-body blockquote{border-left:3px solid var(--signal-border);color:var(--fog);padding:2px 0 2px 18px}.post-body hr{border:0;border-top:1px solid var(--panel-edge);margin:2em 0}.post-body img{border-radius:var(--radius-sm);max-width:100%;height:auto}.post-body code{font-family:var(--font-mono-stack);background:var(--panel);border:1px solid var(--panel-edge);border-radius:4px;padding:1px 5px;font-size:.88em}.post-body pre{background:var(--abyss);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);padding:16px;line-height:1.5;overflow-x:auto}.post-body pre code{overflow-wrap:normal;background:0 0;border:0;padding:0;font-size:14px}.post-table-scroll{border:1px solid var(--panel-edge);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;overflow-x:auto}.post-body table{border-collapse:collapse;overflow-wrap:normal;width:100%;min-width:480px;font-size:15px;line-height:1.5}.post-body th,.post-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--panel-edge);padding:10px 14px}.post-body th{background:var(--panel);white-space:nowrap;font-weight:600}.post-body tr:last-child td{border-bottom:0}@media (min-width:1080px){.post-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 280px;align-items:start;column-gap:56px;display:grid}.post-takeaways{grid-area:1/1;max-width:75ch}.post-main{grid-area:2/1}.post-toc{grid-area:1/2/span 2;max-height:calc(100vh - 112px);margin-bottom:0;position:sticky;top:88px;overflow-y:auto}.post-body h2{scroll-margin-top:90px}}@media (max-width:640px){.post{padding:40px 0 56px}.blog-card{flex-direction:column;padding:16px}.blog-card-cover{width:100%}.post-body h2{font-size:24px}.post-takeaways,.post-toc{padding:16px 18px}}
