.blog,.post{padding-top:calc(var(--nav-h) + var(--sp-9));padding-bottom:var(--rhythm)}.blog__head{gap:var(--sp-4);padding-bottom:var(--sp-7);display:grid}.blog__meridian,.post__meridian{margin-bottom:var(--sp-5)}.blog__title{max-width:14ch}.blog__lead{max-width:44ch;color:var(--fg-subtle)}.blog__count{color:var(--fg-muted)}.blog-tags{margin-bottom:var(--sp-6)}.blog-tags ul{gap:var(--sp-2);flex-wrap:wrap;display:flex}.blog-tag{min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--sheet-1);box-shadow:inset 1px 1px 0 var(--sheet-edge);font-family:var(--font-mono-stack);font-size:var(--fs-tag);letter-spacing:var(--ls-tag);text-transform:uppercase;color:var(--fg-muted);transition:color var(--dur-fast), border-color var(--dur-fast), background-color var(--dur-theme) var(--ease-in-out-soft);align-items:center;display:inline-flex}.blog-tag:hover{color:var(--fg);border-color:var(--line-strong)}.blog-tag[aria-current=page]{color:var(--fg);border-color:var(--accent);background:var(--accent-soft)}.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{border-color:var(--accent)}.post-card__cover{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--sheet-1);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-width:1px;vector-effect:non-scaling-stroke}.flow-pattern__halo{fill:var(--glow-strong)}.flow-pattern__node{fill:var(--accent)}.post-card__body{gap:var(--sp-3);padding:clamp(20px,2.4vw,28px);display:grid}.post-card__title{font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:400}.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-subtle);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-meta{align-items:center;gap:var(--sp-2);color:var(--fg-muted);flex-wrap:wrap;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{color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--ls-tag)}@media (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:679px){.blog,.post{padding-top:calc(64px + var(--sp-8))}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-pagination{grid-template-columns:1fr 1fr}.blog-pagination__count{order:-1;grid-column:1/-1}.blog-tags ul{padding-bottom:var(--sp-2);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.blog-tags ul::-webkit-scrollbar{display:none}}