.blog-meta{font:700 var(--fs-14) / 1.4 var(--font-sans);color:rgb(var(--c-ink) / .75);margin:18px 0 0}.blog-audience{max-width:62ch;font-size:var(--fs-16);color:rgb(var(--c-ink) / .85);margin:10px 0 0;line-height:1.5}.blog-tags{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.blog-tags li{background:rgb(var(--c-lilac));color:rgb(var(--c-on-accent));border:var(--bw-1) solid rgb(var(--c-ink));border-radius:var(--r-pill);font:700 var(--fs-12) / 1.5 var(--font-mono);padding:2px 8px}.blog-post .doc-body img{border:var(--bw-2) solid rgb(var(--c-ink));border-radius:var(--r-md);max-width:100%;height:auto;box-shadow:var(--sh-sm);margin:0 auto;display:block}.blog-post .doc-body>p:has(>img:only-child){margin-bottom:1.6em}.blog-list{max-width:var(--measure);gap:20px;margin:0;padding:0;list-style:none;display:grid}.blog-card{background:rgb(var(--c-surface));border:var(--bw-2) solid rgb(var(--c-ink));border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:transform var(--d-spring) var(--e-spring), box-shadow var(--d-2) var(--e-out);padding:20px 22px;position:relative}.blog-card:hover{box-shadow:var(--sh-md);transform:translate(-2px,-2px)}.blog-card .blog-meta{margin:0}.blog-card__title{font:800 var(--fs-h3) / 1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:8px 0 0}.blog-card__title a{color:rgb(var(--c-ink));text-decoration:none}.blog-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-card__title a:focus-visible{outline:none}.blog-card:has(a:focus-visible){outline:3px solid rgb(var(--c-blue));outline-offset:3px}.blog-card__text{color:rgb(var(--c-ink) / .85);margin:8px 0 0;line-height:1.55}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card:hover{transition:none;transform:none}}