.blog-main{max-width:760px}.blog-lede{margin-top:var(--s-3)}.blog-list{gap:var(--s-4);margin:var(--s-7) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.blog-list article{gap:var(--s-2);padding:var(--s-5);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;display:flex}.blog-list h2{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance;font-family:var(--font-display-stack);margin:0}.blog-list h2 a{color:var(--text);text-decoration:none}.blog-list h2 a:hover{text-decoration:underline}.blog-list p{color:var(--muted);line-height:var(--lh-body);margin:0}.blog-meta,.blog-crumb{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);margin:0}.blog-crumb a{color:var(--muted)}.blog-title{margin:var(--s-4) 0 var(--s-3);font-size:calc(var(--fs-display) * 1.15);line-height:var(--lh-display);font-weight:var(--fw-display);letter-spacing:var(--ls-display);text-wrap:balance}.blog-body{margin-top:var(--s-6);font-size:var(--fs-body);line-height:1.7}.blog-body p,.blog-body ul,.blog-body ol{margin:0 0 var(--s-4)}.blog-body ul,.blog-body ol{padding-left:var(--s-5)}.blog-body li{margin-bottom:var(--s-2)}.blog-body h2{margin:var(--s-7) 0 var(--s-3);font-size:var(--fs-h2);line-height:var(--lh-title);font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance;font-family:var(--font-display-stack)}.blog-body blockquote{margin:var(--s-5) 0;padding:var(--s-4) var(--s-5);border-left:3px solid var(--pen);border-radius:var(--r-sm);background:var(--surface);font-size:var(--fs-subtitle);font-weight:600}.blog-board{max-width:420px;margin:var(--s-6) auto;padding:var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--panel)}.blog-board figcaption{margin-top:var(--s-3);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.blog-cta{margin-top:var(--s-8)}
