.listing{padding-block:var(--section-y);background:var(--surface)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.post-card{display:flex;flex-direction:column;background:var(--surface);border:var(--border-card);border-radius:var(--r-card);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.post-card:hover{border:var(--border-card-active);box-shadow:var(--shadow-card);transform:translateY(-3px)}.post-card__media{display:block;overflow:hidden}.post-card__media img{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .35s ease}.post-card:hover .post-card__media img{transform:scale(1.04)}.post-card__body{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px}.post-card__title{font-size:1.1875rem;line-height:1.38}.post-card__title a{color:var(--ink)}.post-card__title a:hover{color:var(--blue)}.post-card__date{display:block;margin-top:10px;color:var(--muted);font-size:var(--fs-meta)}.post-card__excerpt{margin:14px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:auto;padding-top:20px;color:var(--blue);font-size:var(--fs-small);font-weight:600}.post-card__more:after{content:"→";transition:transform .18s ease}.post-card__more:hover:after{transform:translate(3px)}.listing__empty{padding-block:40px;text-align:center}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:56px}.pagination a,.pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding-inline:14px;border:var(--border-card);border-radius:var(--r-btn);color:var(--ink-soft);font-size:var(--fs-small);font-weight:600}.pagination a:hover{border-color:var(--blue);background:var(--blue-tint);color:var(--blue)}.pagination [aria-current=page],.pagination .current{border-color:var(--blue);background:var(--blue);color:#fff}.pagination__gap,.pagination .dots{border-color:transparent;color:var(--muted)}@media(max-width:1080px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){:root{--hero-y-top: 64px;--hero-y-bottom: 40px;--section-y: 48px}.post-grid{grid-template-columns:minmax(0,1fr)}.post-card__body{padding:22px 22px 24px}.pagination{margin-top:40px}}