.blog-index-head{margin:0 0 28px}.blog-index-title{font-size:var(--fs-h1);line-height:var(--lh-tight);font-weight:var(--fw-extrabold);letter-spacing:-.01em;color:var(--gray-9);margin:0 0 8px}.blog-index-lead{color:var(--gray-6);font-size:var(--fs-md);line-height:var(--lh-reading);margin:0}.blog-index-feeds{font-size:var(--fs-xs);gap:12px;margin-top:10px;display:flex}.blog-index-feeds a{color:var(--gray-6);font-weight:var(--fw-medium);text-decoration:none}.blog-index-feeds a:hover{color:var(--gray-8);text-decoration:underline}.blog-list{gap:16px;margin:0 0 8px;display:grid}@media (min-width:720px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-card{border:1px solid var(--gray-2);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.blog-card-cover,.blog-card-cover-empty{aspect-ratio:16/9;object-fit:cover;background:var(--gray-1);width:100%;display:block}.blog-card-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.blog-card-title{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:-.01em;text-wrap:pretty;margin:0}.blog-card-title a{color:var(--gray-9);text-decoration:none}.blog-card-title a:hover{color:var(--primary-7)}.blog-card-summary{color:var(--gray-6);font-size:var(--fs-sm);line-height:var(--lh-reading);margin:0}.blog-card-meta{color:var(--gray-5);font-size:var(--fs-xs);margin:0}.blog-preview-banner{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary-7) 10%, #fff);color:var(--primary-8);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:0 0 20px;padding:10px 14px}.blog-crumbs{font-size:var(--fs-sm);margin:0 0 16px}.blog-crumbs a{color:var(--gray-6);font-weight:var(--fw-medium);text-decoration:none}.blog-crumbs a:hover{color:var(--gray-8)}.blog-head{margin:0 0 28px}.blog-title{max-width:26em;font-size:32px;line-height:var(--lh-tight);font-weight:var(--fw-extrabold);letter-spacing:-.015em;color:var(--gray-9);text-wrap:pretty;margin:0 0 10px}.blog-meta{color:var(--gray-5);font-size:var(--fs-sm);margin:0}.blog-cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);background:var(--gray-1);width:100%;margin-top:20px;display:block}.blog-grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (min-width:1024px){.blog-grid{grid-template-columns:minmax(0,1fr) 220px}.blog-toc{order:2}}.blog-body img{aspect-ratio:auto 16/9;border-radius:var(--radius-md);max-width:100%;height:auto}.blog-attachments{border:1px solid var(--gray-2);border-radius:var(--radius-lg);background:var(--bg-subtle);margin:36px 0 0;padding:18px 20px}.blog-attachments h2{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--gray-9);margin:0 0 10px}.blog-attachments ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.blog-attachments a{color:var(--primary-7);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none}.blog-attachments a:hover{text-decoration:underline}.blog-attachment-size{color:var(--gray-5);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.blog-prevnext{border-top:1px solid var(--gray-2);gap:12px;margin:36px 0 0;padding-top:24px;display:grid}@media (min-width:720px){.blog-prevnext{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-prevnext-item{border:1px solid var(--gray-2);border-radius:var(--radius-md);color:var(--gray-9);font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:var(--bg-surface);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.blog-prevnext-item:hover{border-color:var(--gray-3);box-shadow:var(--shadow-xs)}.blog-prevnext-item em{color:var(--gray-5);font-size:var(--fs-xs);font-style:normal;font-weight:var(--fw-medium)}@media (min-width:720px){.blog-prevnext-next{text-align:right;grid-column:2}}