.blog-article-list{display:grid}.blog-article-preview{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:2rem;display:grid}.blog-article-preview:has(.blog-preview-image){grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,3rem)}.blog-article-preview>div,.blog-preview-image{min-width:0}.blog-preview-image img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);width:100%;display:block}.blog-article-preview h3{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 .75rem;font-size:clamp(1.375rem,3vw,2rem);font-weight:500;line-height:1.2}.blog-article-preview h3 a{color:var(--foreground);text-decoration:none}.blog-preview-description{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0 0 1rem;line-height:1.7}.blog-read-link,.blog-back-link,.blog-article-body a{color:var(--primary);text-underline-offset:.2em}.blog-article-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1rem;font-size:.8125rem;line-height:1.6;display:flex}.blog-article-page{min-width:0;max-width:56rem;padding-block:clamp(2rem,5vw,4rem) 5rem}.blog-back-link{font-size:.875rem;display:inline-block}.blog-article-heading{padding-block:2.5rem 1.5rem}.blog-article-heading h1{text-wrap:balance;overflow-wrap:anywhere;margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.75rem);line-height:1.08}.blog-article-description{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0 0 1.5rem;font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.65}.blog-article-cover{border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:2.5rem;display:block}.blog-article-body{overflow-wrap:anywhere;min-width:0;font-size:1.0625rem;line-height:1.8}.blog-article-body>:first-child{margin-top:0}.blog-article-body h2,.blog-article-body h3,.blog-article-body h4,.blog-article-body h5,.blog-article-body h6{font-family:var(--font-display);letter-spacing:-.025em;margin:2.5rem 0 1rem;scroll-margin-top:7rem;font-weight:500;line-height:1.25}.blog-article-body h2{font-size:clamp(1.625rem,3vw,2.25rem)}.blog-article-body h3{font-size:1.375rem}.blog-article-body p,.blog-article-body ul,.blog-article-body ol{margin-block:0 1.25rem}.blog-article-body ul{list-style:outside}.blog-article-body ol{list-style:decimal}.blog-article-body ul,.blog-article-body ol{padding-left:1.5rem}.blog-article-body li+li{margin-top:.5rem}.blog-article-body blockquote{border-left:3px solid var(--primary);color:var(--muted-foreground);margin:1.75rem 0;padding:.25rem 0 .25rem 1.5rem}.blog-article-body blockquote>:last-child{margin-bottom:0}.blog-article-body img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin-block:1.75rem;display:block}.blog-article-body pre,.blog-table-scroll{overscroll-behavior-inline:contain;max-width:100%;margin-block:1.75rem;overflow-x:auto}.blog-article-body pre{background:var(--muted);padding:1rem;font-size:.875rem}.blog-article-body code{font-family:var(--font-mono)}.blog-table-scroll table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.6}.blog-table-scroll th,.blog-table-scroll td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;min-width:9rem;padding:.875rem 1rem}.blog-table-scroll th{background:var(--muted);font-weight:600}.blog-article-body hr{border:0;border-top:1px solid var(--border);margin-block:2rem}.blog-back-bottom{margin-top:3rem}.public-blog a:focus-visible,.blog-article-page a:focus-visible,.blog-table-scroll:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (max-width:639px){.blog-article-preview:has(.blog-preview-image){grid-template-columns:minmax(0,1fr)}.blog-article-body{font-size:1rem}}