.blog{padding-top:clamp(2.5rem,2rem + 2vw,4rem)}.blog--post{padding-top:clamp(1rem,.75rem + 1vw,1.75rem)}.blog__inner{flex-direction:column;gap:clamp(1.5rem,1.2rem + 1vw,2.25rem);display:flex}.blog__date{font-size:var(--fs-small);color:var(--text-faint)}.blog__empty{color:var(--text-muted)}.blog__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--line);border-radius:var(--radius);height:100%;color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.blog-card__cover{aspect-ratio:1200/630;object-fit:cover;width:100%}.blog-card__body{flex-direction:column;gap:8px;padding:20px 22px 24px;display:flex}.blog-card__title{font-size:var(--fs-h3);line-height:1.25}.blog-card__text{color:var(--text-muted)}.blog-post{max-width:calc(760px + 2 * var(--gutter));flex-direction:column;gap:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);display:flex}.blog-post__back{font-size:var(--fs-small);color:var(--moss);align-self:flex-start;font-weight:500;text-decoration:none}.blog-post__back:hover{text-decoration:underline}.blog-post__cover{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius);width:100%}.blog-post__body{color:var(--text-muted);flex-direction:column;gap:16px;font-size:1.125rem;display:flex}.blog-post__body h2,.blog-post__body h3{color:var(--ink);margin-top:20px}.blog-post__body h2{font-size:clamp(1.5rem,1.3rem + .8vw,2rem)}.blog-post__body h3{font-size:var(--fs-h3)}.blog-post__body ul,.blog-post__body ol{flex-direction:column;gap:6px;padding-left:1.25em;display:flex}.blog-post__body ul{list-style:outside}.blog-post__body ol{list-style:decimal}.blog-post__body strong{color:var(--ink)}.blog-post__body a{color:var(--moss);text-underline-offset:.2em;text-decoration:underline}.blog-post__body img{border-radius:var(--radius-sm);width:100%}.blog-post__body blockquote{border-left:3px solid var(--pistachio);color:var(--ink);margin:0;padding:4px 0 4px 20px;font-style:italic}.blog-post__body code{background:var(--stone);border-radius:6px;padding:.1em .35em;font-size:.9em}.blog-post__body pre{border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);padding:16px 20px;overflow-x:auto}.blog-post__body pre code{background:0 0;padding:0}