.blog,.post{padding-top:var(--page-top);padding-bottom:var(--rhythm)}.blog__head{gap:var(--sp-4);padding-bottom:var(--sp-7);display:grid}.blog__title{max-width:14ch}.blog__lead{max-width:58ch;color:var(--fg-subtle)}.blog__count{color:var(--fg-meta)}.blog-tags{margin-bottom:var(--sp-6)}.blog-tags ul{border-radius:var(--r-pill);background:var(--sheet-1);scrollbar-width:none;gap:2px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.blog-tags ul::-webkit-scrollbar{display:none}.blog-tag{min-height:var(--tap);border-radius:var(--r-pill);text-transform:capitalize;white-space:nowrap;color:var(--fg-muted);transition:background-color var(--dur-scope) var(--ease-standard), color var(--dur-scope) var(--ease-standard);align-items:center;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.blog-tag:hover{color:var(--fg)}.blog-tag[aria-current=page]{background:var(--graphite);color:var(--fg-on-deep)}.blog-grid{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-grid>li{display:flex}.blog-empty{padding:var(--sp-8) var(--sp-5);text-align:center}.post-card{flex-direction:column;width:100%;padding:0;display:flex}.post-card:focus-within{box-shadow:var(--focus-ring), var(--shadow)}.post-card__cover{aspect-ratio:16/9;border-radius:var(--r-sm);background:var(--sheet-4);margin:8px 8px 0;position:relative;overflow:hidden}.post-card__cover img{object-fit:cover}.flow-pattern{width:100%;height:100%}.flow-pattern__line{fill:none;stroke:var(--line-strong);stroke-opacity:.5;stroke-width:1px;vector-effect:non-scaling-stroke}.flow-pattern__halo{fill:var(--glow)}.flow-pattern__node{fill:var(--accent)}.post-card__body{align-content:start;gap:10px;padding:18px 22px 24px;display:grid}.post-card__title{font-size:var(--fs-h4);line-height:var(--lh-h4)}.post-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card__link:focus-visible{outline:none}.post-card__excerpt{color:var(--fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-meta{align-items:center;gap:var(--sp-2);color:var(--fg-meta);flex-wrap:wrap;font-size:12px;display:flex}.post-meta__sep{color:var(--line-strong)}.post-meta__tags{flex-wrap:wrap;gap:6px;display:inline-flex}.blog-pagination{align-items:center;gap:var(--sp-4);margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;display:grid}.blog-pagination__slot--end{justify-self:end}.blog-pagination__count{font-variant-numeric:tabular-nums}@media (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:679px){.blog-grid{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}.blog-pagination{grid-template-columns:1fr 1fr}.blog-pagination__count{order:-1;grid-column:1/-1}}