.posts{display:grid;gap:clamp(20px,2.6vw,36px);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(36px,4.5vw,56px)}.post{display:flex;flex-direction:column;gap:14px;min-width:0;position:relative}.post-img{aspect-ratio:3/2;background:var(--surface-2);border-radius:28px;overflow:hidden}.post-img img{height:100%;object-fit:cover;transition:scale .28s var(--ease-out);width:100%}.post-meta{align-items:center;color:var(--ink-soft);display:flex;flex-wrap:wrap;font-size:14px;gap:8px 12px}.post-meta .tag{background:var(--pc);color:var(--on-bright)}.post-meta time{font-variant-numeric:tabular-nums}.post .h3{font-size:1.2rem;line-height:1.3}.post .h3 a{text-decoration:none}.post .h3 a:after{border-radius:28px;content:"";inset:0;position:absolute}.post .h3 a:focus-visible{outline:none}.post .h3 a:focus-visible:after{outline:3px solid var(--focus);outline-offset:6px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.post:hover .post-img img{scale:1.04}}@media (hover:hover) and (pointer:fine){.post:hover .h3 a{text-decoration:underline}}@media (max-width:719px){.posts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.post-img img{transition:none}}