.blog-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.blog-list article{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);padding:1.1rem 1.25rem}.blog-list h2{margin-bottom:.25rem}.blog-list h2 a:hover{text-decoration:underline}.blog-list p{margin:0}.blog-date{color:var(--cl-muted);margin:0 0 .5rem;font-size:.9rem}.blog-feed-link{margin-top:2rem;font-size:.9rem}.blog-feed-link a{text-decoration:underline}.blog-article{max-width:44rem}.blog-article-header{margin-bottom:1.5rem}.blog-article-header .eyebrow{margin-bottom:.5rem}.blog-cover{border:1px solid var(--cl-border);width:100%;height:auto;margin-bottom:1.5rem;display:block}.blog-body{overflow-wrap:anywhere;font-size:1.08rem;line-height:1.65}.blog-body>*{margin-block:0 1.1rem}.blog-body :is(h2,h3,h4,h5,h6){margin-top:2rem;margin-bottom:.6rem}.blog-body a{color:var(--cl-action-text);text-decoration:underline}.blog-body :is(ul,ol){padding-left:1.4rem}.blog-body li+li{margin-top:.3rem}.blog-body img{max-width:100%;height:auto}.blog-body blockquote{color:var(--cl-muted);border-left:3px solid var(--cl-action);margin-inline:0;padding:.25rem 0 .25rem 1rem}.blog-body blockquote>:last-child{margin-bottom:0}.blog-body code{background:var(--cl-panel);font-family:var(--cl-font-mono);padding:.1em .3em;font-size:.9em}.blog-body pre{background:var(--cl-panel);border:1px solid var(--cl-border);padding:.9rem 1rem;line-height:1.45;overflow-x:auto}.blog-body pre code{overflow-wrap:normal;background:0 0;padding:0}.blog-table{overflow-x:auto}.blog-body :is(pre,.blog-table):focus-visible{outline:3px solid var(--cl-orange);outline-offset:2px}.blog-table table{border-collapse:collapse;overflow-wrap:normal;min-width:100%;font-size:.95rem}.blog-table :is(th,td){text-align:left;border-bottom:1px solid var(--cl-border);padding:.5rem .75rem}.blog-table th{border-bottom-color:var(--cl-outline)}.blog-body hr{border:0;border-top:1px solid var(--cl-border)}.blog-body .blog-img-dark,:root[data-theme=dark] .blog-body .blog-img-light{display:none}:root[data-theme=dark] .blog-body .blog-img-dark{display:inline}